
@charset 'utf-8';

/*
  -- this is generated by PHP ( easy way for each centre to have its own colorscheme and to allow for high contrast mode)
	... please dont hand-change things, as they are likely to be over-written
	re-generation is VERY easy, see code.
*/



.main_page{
	width:900px; 
	/*height:1200px;*/ 
	margin: 0 auto; 
}
.header{
	overflow:hidden;
	width:900px;
	
}
.header img{
	margin-bottom:5px;
	margin-right:26px;
}
.strapline{
	margin-top:29px;
}
.strapline p{
	font-size: 169%; /* 22px */
	line-height:26px;
}
#donate_on_menu{
	float:right;
	position:relative;
	top:-16px;
	right:10px;
}

.lsp{
	padding-left:5px;
}
.rsp{
	padding-right:5px;
}

.header_right_span{
	
	background:url(../images/menu/header_right_whole.gif) no-repeat bottom left ;
	float:right;
	background-color:#f5f6fa ;
	padding:12px 4px 12px 20px;
	font-size: 85%; /* 11px */
}
.header_right_span3{
	background:url(../images/menu/header_right_bot_right_corner.gif) no-repeat bottom right;
	position:relative;
	top:13px;
	left:4px;
}

.high_contrast_stylesheet{
	background:url(../images/show_in_high_contrast_icon.gif) no-repeat left center;
	padding:5px 10px 4px 20px;
	margin-right:5px;
	font-size: 85%; /* 11px */
}
.audio_brochure{
	background:url(../images/audio_brochure_icon.gif) no-repeat left center;
	padding:5px 40px 4px 20px;
	padding:5px 60px 4px 20px;
	font-size: 85%; /* 11px */
}

.top_nav{
	width:900px;
	/*height:47px;*/
	background-color:#ffffff ;
	background-image: url(../images/menu/whole_menu_gray.gif); 
	background-repeat:no-repeat;
	background-position:top right; 
	overflow:visible;
	position:relative;
}
.top_nav_corner{
	position:absolute;
	top:0px;
	left:0px;
}
.top_nav a{
	text-decoration:none;
}
.menu_items{
	
	font-size: 115%; /* 15px */ 
	font-weight:bold;
}
.menu_items ul{
	padding:0px;
	margin:0px;
}

.top_nav ul{
	margin:0px;padding:0px;
	/*width:570px;*/
}
.top_nav li{
	margin:0px;padding:0px;
	display:block;
	float:left;
	height:47px;
	padding:0px;
	height:47px;
	line-height:20px;
	
}
.top_nav li a{ cursor:hand;} 

.top_nav ul li span{
	display:block;
	float:left;
	padding-left:22px; /*27*/
	padding-right:22px;
	padding-top:5px;
	height:47px;
	color:#064188;
}
.top_nav li:hover{
	background: url(../images/menu_gray_hover_slice.gif) repeat-x; 
}
li#activeSectionHome{
	background: url(../images/standard/menu_selected_slice.gif) repeat-x; 
}

.top_nav ul li#activeSectionHome span {
	color:#ffffff ;
	background: url(../images/standard/triangle.gif) no-repeat center; 
}
	

li#activeSection{
	background: url(../images/standard/menu_selected_slice.gif) repeat-x; 
	color:#ffffff ;
}
.top_nav div ul li#activeSection a span{
	color:#ffffff ;
	background: url(../images/standard/triangle.gif) no-repeat center; 
}
/* right side*/
li#activeSection span{

}


.menu_search{
	/*width:323px;*/
	height:47px;
}

.menu_search form{
	/*padding-right:19px;*/
	margin-top:7px;
}
.menu_search div{
	 width:25px;
	 height:10px;
	 float:right;
}
.menu_search form input{
	border:1px solid #C9C9C9; 
	height:16px;
	width:168px;
	/*margin-top:5px;*/
	color:#4D4D4D ;
	font-size:11px;
	padding-left:5px;
}
form input.search_button {
	vertical-align:top;
	background: url(../images/search_icon.gif);
	width:20px;
	height:20px;
	border:0px;
}

.menu_end_right{
	width:7px;
	height:47px;
}
.breadcrumb{
	margin-bottom:10px;
}
.breadcrumb div a{
	color:#808080 ;
}
.breadcrumb div {
	color:#808080 ;
}

.main_content{
	background-color:#ffffff;
	width:900px; 
	/*height:1197px;*/
	padding:36px 26px 40px 26px;
	padding:0px 26px 40px 26px;
	width:848px;
	/*overflow:hidden;*//*ie 6-- now specific in header*/
}
.header_image_home{
	width:632px;
	height:242px;
	position:relative;
	overflow:hidden;
}
.header_image_home_rc_tl{
	width:6px;
	height:6px;
	background-image:url(../images/rounded_corner_tl.png);
	position:absolute;
	top:0px;
	left:0px;
	background-repeat:none;
	z-index:3000;
}
.header_image_home_rc_tr{
	width:6px;
	height:6px;
	background-image:url(../images/rounded_corner_tr.png);
	position:absolute;
	top:0px;
	left:626px;
	background-repeat:none;
	z-index:3000;
}
.header_image_home_rc_tr_sm{
	width:6px;
	height:6px;
	background-image:url(../images/rounded_corner_tr.png);
	position:absolute;
	top:0px;
	left:194px;
	background-repeat:none;
	z-index:3000;
}
.header_image_home_rc_bl{
	width:6px;
	height:6px;
	background-image:url(../images/rounded_corner_bl.png);
	position:absolute;
	top:236px;
	left:0px;
	background-repeat:none;
	z-index:3000;
}
.header_image_home_rc_br{
	width:6px;
	height:6px;
	background-image:url(../images/rounded_corner_br.png);
	position:absolute;
	top:236px;
	left:626px;
	background-repeat:none;
	z-index:3000;
}

.header_image_home img{
	width:632px;
	height:242px;
}

.header_image{
}
.large_header_image{
	position:relative;
	overflow:hidden;
}
.header_image_home_rc_bl_lo{
	width:6px;
	height:6px;
	background-image:url(../images/rounded_corner_bl.png);
	position:absolute;
	top:271px;
	left:0px;
	background-repeat:none;
	z-index:3000;
}
.header_image_home_rc_br_lo{
	width:6px;
	height:6px;
	background-image:url(../images/rounded_corner_br.png);
	position:absolute;
	top:271px;
	left:626px;
	background-repeat:none;
	z-index:3000;
}
.header_image_home_rc_br_sm{
	width:6px;
	height:6px;
	background-image:url(../images/rounded_corner_br.png);
	position:absolute;
	top:124px;
	left:194px;
	background-repeat:none;
	z-index:3000;
}
.header_image img{
	width:416px;
	height:277px;
}
.small_head_image{
	width:200px;
	height:130px;
	/*background-color:#99CCFF ;*/
	
	display:block;
}
.small_head_image img{
	width:200px;
	height:130px;
}








.left_nav{
	font-size: 108%; /* 14px */
}
.left_nav a{
	text-decoration:none;
}
.left_nav a{
	display:block;
	padding:6px 0px 8px 0px;
}

.left_nav li{
	margin:0px;padding:0px;
	margin:0px;
	padding:0px;
	list-style:none;
	font-size: 108%; /* 14px */
	/*padding-bottom:8px;*/
	border-bottom:1px solid #B5D3EC;
	/*margin-top:6px;*/
}
.left_nav ul{
	margin:0px;
	padding:0px;
}

li.selected a span{
	color:#0997C7;
}

.left_nav h1{
	font-size: 169%;
	margin-bottom:0px;
}
.left_nav h1 a {
	padding-bottom:0px;
}
div.mobile-footer{
	display:none;
}
.footer{
	background-color:rgb(214,227,243) ;
	padding:10px 20px 5px 20px;
	height:30 px;
}
.footer_corners{
	height:7px;
	background:url(../images/footer_corners.gif) no-repeat bottom; 
	font-size:1px;/*ie 6*/
}
.footer p{
	margin-bottom:5px;
}
.webdesign{
	color:#E6ECF3 ;
	text-align:right;
	height:60px;
	height:30px;
	padding:3px 8px 0px 0px;
}
.webdesign a {
	color:#E6ECF3 ;
}

.request_brochure_form label{
	margin-top:10px;
	margin-bottom:5px;
}
.request_brochure_form input{

}


/*defaults*/
label{
	width:150px;
	float:left;
}
label.not_so_wide{
	width:95px;
	margin-top:0px;
}
 


.fieldError{
	border:1px solid red;	
}

.form-field-wrapper{
	clear:both;
	margin-bottom:8px;
}
.form-field-wrapper label{
	padding-bottom:3px;
}

.input-tiny{
	width:50px;	
}
.input-small{
	width:10px;	
}
.input-medium{
	width:175px;	
	width:150px;
}
.input-large{
	width:300px;	
}
.input-extralarge{
	width:450px;	
}
textarea{
	height:150px;
}
.error-text{
	color:#800000 ;
	font-weight:bold;
}
.redish_bg{
	background-color:#f0e8e7 ;
	padding:5px;
	width:200px;
}

.square{
	padding:5px;
	margin-top:10px;
}
#map_canvas{
	width:416px;
	height:277px;
}
#gmaps_info_window_content{
	font-size:70%;
}
#gmaps_info_window_bodyContent{

}




/*===================== HOME PAGE REDESIGN 2012 ==================== */





.home_main_content{
	width:928px;
}

#home-feature-slides{
	width:848px;
	height:301px;
	position:relative;
	margin-bottom:-24px;
}
.home-feature-rc-overlay{
	background-image:url('../images/new-home/home-feature-rc-overlay.png');
	background-repeat:no-repeat;
	position:absolute;top:0px;left:0px;
	width:848px;
	height:301px;
	overflow:hidden;
}
#RC-slides-frame{
	background-image:url('../images/new-home/home-feature-rc-overlay.png');
	background-repeat:no-repeat;
	position:absolute;top:0px;left:0px;
	width:848px;
	height:301px;
	overflow:hidden;
}

.feature-slide{
	width:848px;
	background-color:#5164a8 ;
}
.hidden{ display:none;}
.float-holder{width:848px;}

#its-what-you-can-do-that-counts{
	background-image:url('../images/new-home/its-what-you-can-do-that-counts.png');
	width:359px;
	height:108px;
	position:absolute;
	left:-6px; top:-4px;
}
.home-slider-im-edge{
	background-image:url('../images/new-home/home-feature-edge.png'); 
	background-repeat:none;
	background-position:0px;
	width:16px;
	height:301px;
}
.slider-left-spacer{ float:left; width:50px;height:200px;/*ie6 double-float bug*/}
.slider-image{ 
	float:left;
	width:543px; height:301px;	
}
.clear{ clear:both;} 
.pos-relative{ position:relative; top:0px; left:0px; z-index:300;}
.pos-relative-left{ position:relative; top:0px; left:-19px; z-index:300;}
.pos-relative-right{ position:relative; top:0px; left:20px; z-index:300;}

#home-feature-nav{ position:absolute; top:268px; left:56px;}
#home-feature-nav a{ 
	display:block; width:11px; height:11px; margin-right:4px; float:left; text-indent:-3000px;
	background-image:url('../images/new-home/navblob.png'); background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); }
#home-feature-nav a.activeSlide{ opacity:1; filter:alpha(opacity=100); }
#ukmap_im { margin-right:6px;}

#home-slides-left{ display:block;position:absolute; top:138px; left:0px; background-image:url('../images/new-home/home-left-arrow.png'); width:50px;height:50px;} 
#home-slides-right{ cursor:pointer;position:absolute; top:138px; left:794px; background-image:url('../images/new-home/home-right-arrow.png'); width:50px;height:50px; } 


#wide-top-triangles{
	margin:0px auto;
	background-image:url('../images/new-home/wide-bit-top-triangles.png'); 
	width:928px;
	height:10px;
	line-height:0.1%;
	font-size:0.1%;
}
#wider-middle-blue-bit{
	width:928px;
	margin:0px auto;
	background-color:#13245c ;
	padding-left:39px;
	padding-top:13px;
	padding-bottom:20px;
	width:889px;
}



#three-cols-top{ width:652px; height:5px; background-image:url('../images/new-home/3-col-blocks-top.png'); 	font-size:0.1%;line-height:0.1%; }
#three-cols-mid{ width:652px; background-image:url('../images/new-home/3-col-blocks-mid.png');  background-repeat:repeat-y;}
#three-cols-bot{ width:652px; height:5px; background-image:url('../images/new-home/3-col-blocks-bottom.png'); font-size:0.1%;line-height:0.1%; }


#wider-middle-blue-bit table td.valign-bottom{
	background-color:#13245c ;
	vertical-align:bottom;
}

.one-of-the-three{ float:left; width:187px ; padding:5px 6px 6px 7px; color:#FFFFFF ;}
.one-of-the-three-spacer{ float:left; width:14px; height:10px;} 
.one-of-the-three-start-spacer{ float:left; width:21px; height:10px; } 


.orange-polaroid-container{
	background-image: url('../images/new-home/polaroids-image-mask-orange.png'); 
	 width:189px; height:140px;
}
.polaroid-container-im{
	width:189px; height:140px; background-repeat:no-repeat; background-position:4px 7px;
}
.blue-polaroid-container{
	background-image: url('../images/new-home/polaroids-image-mask-blue.png'); 
	 width:189px; height:140px;
}
.green-polaroid-container{
	background-image: url('../images/new-home/polaroids-image-mask-green.png');
	 width:189px; height:140px;
}
.polaroid-link{ display:block; border:0px; }






#home-bottom-section { padding:36px 0px 0px 0px; }
#home-bottom-top{ background: url(../images/new-home/home-bottom-2-top.png);   height:5px; width: 848px; font-size:1px; }
#home-bottom-mid{ background: url(../images/new-home/home-bottom-2-mid.png);  width: 848px;}
#home-bottom-bottom{ 
	background: url(../images/new-home/home-bottom-2-bottom.png);   background-repeat:no-repeat;  
	background-position:bottom;width: 848px;
}


#home-bottom-spacer1 { width:42px; float:left; height:10px; }
#home-bottom-centre { width:369px; float:left; }
#home-bottom-spacer2 { width:37px; float:left; height:10px; }



.bot_line_key2{ border-bottom: 1px dashed #ccc; } 
#home-bottom-centre .date{ color:#666666 ; font-size:12px; margin-bottom:0px; position:relative; top:3px;} 
.blogheadlines-table h3{ margin:0px; position:relative; top:-3px;}
.blogheadlines-table{ border-bottom:1px dashed #ccc;}
#latest-news-title{ position:absolute; top:23px; left:244px; font-weight:bold; font-size:24px; color:#13245c ;
	padding-bottom:6px; border-bottom:1px dashed #ccc;width:369px;} 
#home-bottom-centre div#blog-headlines{ margin-top:19px;}


.right-header-options{
	font-weight:bold;
	font-size:15px;
	color:#063f86;
	margin-top:21px;
}
.right-header-options a{
	color:#063f86 ;
	text-decoration:none; 
	display:block;
	text-align:right;
	padding-right:46px;
	margin-bottom:3px;
}
#view-in-high-contrast {
	background: url('../images/new-home/high-contrast.gif') no-repeat scroll 97% center transparent
}

#watch-our-video-link{
	background: url('../images/new-home/watch-video.gif') no-repeat scroll 97% center transparent
}
#web-accessibility-link {
	padding-right: 28px;	
}

.slider-text{
	width:242px;
	margin:125px 13px 40px 0px;
	/*font-size:123.07%; = 16px*/
	font-size:115.38%;
	color:#FFFFFF ;
	float:left;
	font-weight:bold;
	line-height:1.2em;
	height:130px;
}

#request-a-brochure-home{
	background-image:url('../images/new-home/request-a-brochure-botton-home.png');
	width:178px;
	height:30px;
	margin-top:12px;
	text-indent:-3000px;
	display:block;
	background-position:0px;
	background-repeat:no-repeat;
}

#request-a-brochure-home:hover{
	background-position:-178px;
}

#our-centres-text{
	font-size:117.64%;
	color:#ffffff ;
	font-weight:bold;
	width:162px;
}


#wider-middle-blue-bit h2{
	font-size:24px; color:white; font-weight:bold;
}
#wider-middle-blue-bit table{
	background-color:#13245c ;
}
#wider-middle-blue-bit table td{
	background-color:#13245c ;
}

.one-of-the-three ul { font-weight:bold; font-size:15px; line-height:1.35em;}
.one-of-the-three li { margin:0px ; padding:0px;}
.one-of-the-three h3 { font-size:184.40%; font-weight:bold; color:#ffffff ; border-bottom:1px solid white; padding:9px 0px 5px 0px; }
.one-of-the-three h3 a{ text-decoration:none; color:#ffffff ;}
.one-of-the-three h3 a:hover{ text-decoration:none; color:#ffffff ; }
.one-of-the-three .inner { padding:0px 3px;}

/*H.ome B.utton L.eft // & R.ight */
#hbl,#hbr { /*width:200px;*/ float:left; padding: 5px 12px; width:176px; color:#ffffff ; font-weight:bold; } 
#hbl a,#hbl a img, #hbr a,#hbr a img
{ color:#ffffff ; border:0px; } 
#hbl a:hover,#hbr a:hover
{ color:#ffffff ; } 
#hbl h4,#hbl h2,#hbl h3,#hbr h4,#hbr h2,#hbr h3
{ font-size:24px; font-weight:bold; color:#ffffff ; margin-bottom:5px;}
#hbl h4 a,#hbl h2 a,#hbl h3 a, #hbl h4 a:hover,#hbl h2 a:hover,#hbl h3 a:hover,
#hbr h4 a,#hbr h2 a,#hbr h3 a, #hbr h4 a:hover,#hbr h2 a:hover,#hbr h3 a:hover
{ color:#ffffff ; text-decoration:none; }
#hbl p img
{ position:relative; top:-4px; left:-6px; } 
#hbl p, #hbr p  
{ line-height:1.4em; margin-bottom:15px;} 
#hbl p a,#hbr p a{ text-decoration:underline; color:#ffffff ;} 
#hbl p a:hover, #hbr p a:hover
{ text-decoration:none; color:#ffffff ; } 
#hbl p a.more-details-button,#hbr p a.more-details-button
{ text-decoration:none;  font-weight:normal;font-size:11px; } 
#hbl .polaroid-container-im , #hbr .polaroid-container-im 
{ position:relative; top:-5px; left:-5px; margin-bottom:10px; } 

#home-bottom-centre h3{ font-weight:bold; font-size:16px; color:#13245c ; }
#home-bottom-centre h3 a{ text-decoration:none;  }
#home-bottom-centre h3 a:hover{ text-decoration:none; }

.photo-gallery-display div.photo-gallery-image{
	margin:0px 10px 10px 0px;
	width:150px;
	height:112px;
	display: table-cell; 
	text-align:center;
	vertical-align:middle;
	padding:5px;
	background-color:#000000 ;
	display:block; 
	float:left;
}
















/*generated by php*/

	#overlay1{
		position:absolute;
		top:75px;
		left:10px;
		height:38px;
	}
	
	#overlay2{
		position:absolute;
		top:113px;
		left:10px;
		height:38px;
	}
	
	#overlay3{
		position:absolute;
		top:151px;
		left:10px;
		height:19px;
	}
	
	#overlay4{
		position:absolute;
		top:170px;
		left:10px;
		height:19px;
	}
	
	#overlay5{
		position:absolute;
		top:189px;
		left:10px;
		height:19px;
	}
	
	#overlay6{
		position:absolute;
		top:208px;
		left:10px;
		height:19px;
	}
	
	#overlay7{
		position:absolute;
		top:227px;
		left:10px;
		height:19px;
	}
	
	#overlay8{
		position:absolute;
		top:246px;
		left:10px;
		height:19px;
	}
	/*==================== NEW homepage redesign ====================== */





