/*========================================================

Global CSS file for 

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

body{

}

#container{
	position:relative;
	width:772px;
	margin:0 auto;
}

.pink_text{
	color:#d50061;
}

#news_column h2 a{
	color:#d50061;
}

#news_column h2 a:hover{
	color:#000;
}
/*===================================================================
BRANDING
===================================================================*/
#branding{
	width:772px;
	height:136px;
	background:url('/cssimages/top_banner_home.jpg') no-repeat;
}

/*===================================================================
HEADER LOGO
===================================================================*/
#branding h1.replace{
	width:114px;
	height:127px;
	background:url('/cssimages/worthing_logo.jpg') no-repeat;
	margin:0 0 0 10px;
}

/*===================================================================
LOGIN
===================================================================*/
#login{
	position:absolute;
	top:0;
	left:369px;
	margin:0;
	padding:5px 0 0 80px;
	display:block;
	width:323px;
	height:39px;
	background:url('/cssimages/login.png') no-repeat;
}

#login a{
	color:#d50061;
	position:relative;
	top:-3px;
	left:-47px;
}

#login a img{
	vertical-align:middle;
}

.logout{
	position:relative;
	top:80px;
	left:285px;
}

.logout a{
	font-size:1.2em;
	text-align:center;
	display:block;
	width:82px;
	height:32px;
	padding:5px 0 0 0;
	background:url('/cssimages/logout.png') no-repeat;
}

/*===================================================================
NAVIGATION AND PARTNER SITES COLUMN (LEFT COLUMN)
===================================================================*/
#nav_partner_sites{
	width:170px;
	float:left;
	margin:0 15px 0 0;
}

/*===================================================================
NAVIGATION
===================================================================*/
#main_navigation{
	margin:15px 0 0 0;
	list-style:none;
}

#main_navigation a{
	display:block;
	color:#fff;
	width:160px;
	padding:5px 0 5px 10px;
	background:url('/cssimages/nav_li_background.jpg') repeat-x;
}

#main_navigation a:hover{
	color:#FF7AB2;
}

/*===================================================================
SUBNAV
===================================================================*/

#main_navigation li.subnav{
	list-style:none;
	background:#DCB3C9;
}

#main_navigation li.subnav a{
	font-size:0.8em;
	padding:3px 0 3px 10px;
	color:#d50061;
	background:none;
}

#main_navigation li.subnav a:hover{
	color:#000;	
}

/*===================================================================
FONT SIZE CHANGER BUTTONS
===================================================================*/

abbr[title]{
     border-bottom-width: 0;
}

h6.fontsize{
	margin:3px 0 3px 0px;
	border:solid #ccc 1px;
	padding:3px 0 0 20px;
}

/*===================================================================
PARTNER SITES
===================================================================*/
#partner_sites{
	list-style:none;
	width:165px;
	height:305px;
	padding:5px 0 10px 15px;
	background:url('/cssimages/partner_sites.jpg') no-repeat;
}

#partner_sites li{
	float:left;
}

#partner_sites li h3{
	color:#636363;
	margin:0 0 5px 15px;
}

#partner_sites a{
	width:69px;
	height:85px;
	padding:5px 10px 0 0px;
	display:block;
	text-indent:-999em;
}

#partner_adur{
	background:url('/cssimages/partner_adur.jpg') no-repeat;
}

#partner_arun{
	background:url('/cssimages/partner_arun.jpg') no-repeat;
}

#partner_chichester{
	background:url('/cssimages/partner_chi.jpg') no-repeat;
}

#partner_crawley{
	background:url('/cssimages/partner_crawley.jpg') no-repeat;
}

#partner_horsham{
	background:url('/cssimages/partner_horsham.jpg') no-repeat;
}

#partner_midsussex{
	background:url('/cssimages/mid_sussex.jpg') no-repeat;
}

/*===================================================================
BANNER
===================================================================*/
#banner{
	width:586px;
	float:left;
	margin:15px 0 0 0px;
}

/*===================================================================
CONTENT
===================================================================*/
#content_home{
	width:370px;
	float:left;
	margin:10px 0px 0 0px;
	padding:0 0 20px 0;
}

#content{
	width:585px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0 0 20px 0;
}

#content_form{
	float:left;
	margin:10px 0px 20px 0px;
	padding:0 0 20px 0;
}

#content a, #content_home a {
	color:#d50061;
	text-decoration:underline;
}

#content a:hover, #content_home a:hover{
	color:#98777E;
	text-decoration:none;
}

#content a:visited, #content_home a:visited {
	color:#d50061;
}

#content_home h1, #content h1{
	color:#d4005f;
}

#content h2{
	margin:0 0 10px 0;
}

#content_home img, #content img{
	border:solid 1px #d4005f;
	margin-top:10px;
}

#content img.align_image_right_no_border{
	border:none;
}

#content img.align_image_left_no_border{
	border:none;
}

#content img.image_no_border{
	border:none;
}

#content_home ul, #content ul, #content ol{
	margin:10px 0 10px 20px;
}

#content ul li, #content ol li, #content_home ul li,  #content_home ol li{
	line-height:1.6em;
}

/*-------------------------------CONTACT PAGE COLUMNS-------------------------------*/

.contact_column_1{
	width:280px;
	float:left;
	margin:0 20px 0 0;
}

.contact_column_1 form{
	border:solid 2px #ccc;
	padding:10px;
}

.contact_column_1 form h2{
	margin:10px 0 15px 0;
}

.contact_column_1 dt{
	width:100px;
	float:left;
	clear:left;
	margin:10px 0 0px 0;
}

.contact_column_1 dt form{
	font-size:1.2em;
}

.contact_column_1 dd{
	margin:10px 0 0px 0;
}

.contact_column_1 p{
	margin-top:0;
}

.contact_column_2{
	width:250px;
	float:left;
	padding:10px 0 0 10px;
	border:solid 2px #ccc;	
}

.contact_borders{
	display:block;
	border:solid 1px #ccc;
}

/*===================================================================
IFRAME ON GROUPS PAGE
===================================================================*/

html, body, iframe{
	margin:0; 
	padding:0; 
	height:100%; 
	border:0px;
}

iframe{
	display:block; 
	width:100%; 
	border: 0px none #FFFFFF; 
	height: 500px;
}

#login_details{
	padding: 7px 5px 5px 5px; 
	margin: 5px 0; 
	text-align:center;
}

/*===================================================================
NEWS COLUMN
===================================================================*/
#news_column{
	width:170px;
	float:left;
	margin:10px 0 0 15px;
	padding:0 0px 0 15px;
/*	border-left:solid 2px #ccc;*/
}

#news_column h2{
	
	margin:0 0 10px 0;
}

.news_item p{
	margin:7px 0;
}

.news_item h5 a{
		color:#000;
	
}

.news_item h5 a:hover{
	color:#d50061;
	text-decoration:underline;
}

.news_item h4{
	margin:0px 0 10px 0;
	font-size:1em;
}

#news_column p a#partnership_button{
	text-indent:-999em;
	display:block;
	width:157px;
	height:89px;
	background:url('/cssimages/partnership_team_button.jpg') no-repeat;
}

/*===================================================================
EVENTS
===================================================================*/

/*#events_list .news_item{
	border-bottom:solid 1px #777;
}

#events_list .news_item h3{
	margin:20px 0 0 0;
}

#events_list .event_short_description{
	margin-bottom:20px;
}*/
/*===================================================================
news section
===================================================================*/
.news_item {
margin:10px 0;
}
/*===================================================================
SECONDARY NAVIGATION (FOOTER)
===================================================================*/
#secondary_navigation{
/*	font-size:0.8em;*/
	list-style:none;
	width:569px;
	height:20px;
	padding:4px 0 15px 200px;
	margin:0 auto 0 auto;
	background:url('/cssimages/footer_background.jpg') repeat-x;
}

#secondary_navigation li a{
	color:#fff;
	padding:0 8px 0 7px;
}

#secondary_navigation li{
	color:#fff;
	float:left;
	padding:0 7px 0 0px;
}

/*===================================================================
SEARCH FORM CSS FOR TGSI
===================================================================*/

#group_search_box{
	border:solid 1px #ccc;
	padding:20px;
}

#group_search_box .search_boxes{
	color:#fff;
	background:url('/cssimages/nav_li_background.jpg') repeat-x;
	padding:5px 5px;
	margin:0 13px 0 0;
}

input#search{
	color:#fff;
	background:url('/cssimages/nav_li_background.jpg') repeat-x;
	padding:5px 5px;
	margin:0 0 0 20px;
}

#content_form .group_list{
	font-size:0.8em;
	color:#d50061;
	width:160px;
	float:left;
	list-style:none;
	margin:0 20px 0 3px;
	font-weight:bold;
}

.group_list li{
	margin:7px 0;
}

.group_list li span{
	color:#747474;
	font-weight:normal;
}


.webdesign{
	text-align:center;
}

/*===================================================================
EXTRANET STYLING
===================================================================*/

.overview_box .folder{
	margin:0 0 10px 0;
}

#content .overview_box .folder li a{
	color:#000;
}