/*+++BODY STYLES+++*/

body	
		{	
		width:100%; 
		background-color:white; 
		margin:0px; 
		text-align:center; 
		font-family:  Arial, verdana, sans-serif; 
		font-size:85%; 
		line-height:130%;color:#333333;
		background-color: #fff;
}

body p	{
		margin-bottom: 1.5em;
		line-height: 1.6em;
}



body #footerSlice						
{
width:100%; /*If ever want footer stretching across whole of screen, use background image here*/
}

body form							
{
width:90%; margin:0px auto 0px auto; text-align:left; background-color: white;
}

body form div							
{
margin:0px; padding:0px; /*float:left;*/ /*Note, 6/6/08: Preceding float causes problems with re-sizing menu in firefox*/
}


/*For styles that are specific to one template only eg. if only 2 columns*/

body.wide {}
body.wide #all .main #centre {}


/*Hide skipnav*/
a#skipnav {position:absolute; left:-200000px;}

a#skipnav:focus, a#skipnav:active {position: absolute; left:0; border: 2px solid black; font-size: 125%}


/*Link formatting for breadcrumbs*/

#maincontentcell #bread a 	
{
text-decoration:underline;
}
							
#maincontentcell #bread a:hover 
{
text-decoration:underline;
}
								
#maincontentcell #bread a:visited 	
{
color:#045EEA;
}
									

/*+++HEADER DIV STYLES+++*/

#all #header							
{
float:left; height: auto !important;  width:100%; background-color:#fff;
}

#all #header #topbar					
{
width: 100%; height:40px; text-align: ; background-color: #19165B; border-bottom: 1px solid white; padding: 0px 0px 6px 0px; 
}

#all #header #logo						
{
display:block; float:right; margin-top: 0px; width:240px; background: url('../images/logo.jpg') no-repeat; 
}

#all #header #logo a					
{
display:block; float:right; width:200px; height:215px;
}

#all #header #logoholder {height: auto;float: right; margin-right: 10px;}



/*Toplinks: links next to searchbox*/

#all #header #topLinks						
{
float:right; height:21px; margin-left:100px; position:relative; left:-19px;margin-top:15px;
}

#all #header #topLinks li						
{
padding-left:2px; background:url('../images/topLinksSep.gif') no-repeat left;
}

#all #header #topLinks li a							
{color: white; display:block; padding:3px 4px 4px 4px; font-size:85%;
}

#all #header #topLinks li.noSep						
{
padding-left:0px; background:none;
}



/*Mainbar: Blue bar, including logo*/

#mainbar	 				
{
float: left; width: 100%; height:230px !important; height:230px; min-height:230; margin: 0; padding: 0; background: url('../images/top_bar.jpg') no-repeat; 
}


#gradientBackgound 			
{
width: 100%; height:230px !important; height:230px; min-height:230; margin: 0; padding: 0; background: #fff url('../images/gradient_header.jpg') repeat-x; 
}



/*MAIN LAYOUT STYLES*/

#mylayouttable 
{
width:100%; float:none; clear: both;
}

#mylayouttable td 
{
vertical-align:top;padding:3px; height:auto;
}

#maincontentcell 
{
width:100%; border: 0px;
}

#all .main								
{
background-color: white; clear:both;
}/*setting height 100% here causes tabs to always over-extend*/





/*Menu styles*/

#all .main #menu							
{
width:193px; margin-top:10px; 
}

#all .main #menu .top							
{
display:block; width:100%; height:8px; overflow:hidden;
}

#all .main #menu .bottom						
{
display:block; float:left; width:100%; height:13px; overflow:hidden;
}

#all .main #menu ul								
{ 
display:block; float:left; border-bottom: 1px solid #D3D7D8; width:185px;
}

#all .main #menu ul li								
{
margin-left:0px;width:100%; border-top: 1px solid #D3D7D8;
}

#all .main #menu ul li.sel								
{
font-weight:bold;
}

#all .main #menu ul li.withChild						{}

#all .main #menu ul li.path								{}

#all .main #menu ul li a								
{
color:black; font-size:95%/*was 105%*/; display:block; padding:5px 0px 3px 14px;
}

#all .main #menu ul li a.sel								
{
margin-left:-1px; border-left:1px solid #FFFFFF;
}

#all .main #menu ul li a.withChild							{}

#all .main #menu ul li a.path								{}

#all .main #menu ul li ul								
{
font-weight: normal; border-bottom: 0px; float:none; padding:0px; float:left;
}

#all .main #menu ul li ul li								{}

#all .main #menu ul li ul li.sel								{}

#all .main #menu ul li ul li.withChild							{}

#all .main #menu ul li ul li.path								{}

#all .main #menu ul li ul li.last								{}

/*#all .main #menu ul li ul li a									
{
background-image:url('none');}*/

#all .main #menu ul li ul li ul									
{/*background-image:url('none');*/ border-bottom:0px none;}

#all .main #menu ul li ul li ul li									{}

#all .main #menu ul li ul li ul li.last									{}

#all .main #menu a:hover 
{
background-color:#ffffff;
}

#all .main #menu a:focus, #all .main #menu a:active {font-weight:bold;}



/*Breadcrumb*/
#all .main #bread							
{/*width:90%;*/ height:auto; padding:8px 0px 8px 0px; margin:0px 0px 0px 0px/*was -5px*/; color:#045EEA; font-size:95%;position:relative;}

#all .main #bread span							
{
color:#333333;
}

#all .main #bread span.addthis {float:right; margin-top:1px;}


/*Centre div*/
#centre							
{width:100%; margin:20px -17px 0px 0px; /*max-width:600px;*/}/*left margin was 17px*/

#centre div							
{/*float:left;*/}

#centre table 
{padding: 0; margin: 0; width: 100%;}




/*Right-hand column styles*/

#right							
{width:210px; margin-right:0px;margin-left:3px;/*margin-left added 15/7/08 to stop tabs over-extending*/}

#right div							
{float:none;clear:both;}

#banner	              
{display:block;width:210px;height:103px; background:url('') no-repeat; margin-top:9px;}/*This controls the homepage & report landing page banner image*/

#banner span 
{float: right; font-size: 110%; font-weight:bold; color:#80663C; padding-top: 30px; padding-left:90px; padding-right:10px;}	
								 
#banner a	
{display:block; width:210px; height:103px;}

.content img {float:left; margin-right:2px;}/*Formats spotlight images*/

#lowerbanner	              
{display:block;width:210px;height:103px; background:url('') no-repeat; margin-top:9px;}/*This controls the homepage & report landing page banner image*/

#lowerbanner span 
{float: right; font-size: 110%; font-weight:bold; color:#80663C; padding-top: 30px; padding-left:90px; padding-right:10px;}	
								 
#lowerbanner a	
{display:block; width:210px; height:103px;}



/*+++FOOTER STYLES+++*/

#all #footer							
{float:left; width:100%; height:35px; /* height:auto !important; */ min-height:35px; background:#19165B; margin-top:33px;
}


#all #footer ul li								
{padding-left:2px; background:url('../images/footerSep.gif') no-repeat; float:left

}

#all #footer ul#topLine li a								
{color:#FFFFFF; padding-left:3px; padding-right:3px; display:block; background:#19165B; font-size:85%; 
}

#all #footer ul li.noSep							
{padding-left:0px; background:none; display:block;}

#all #footer ul#topLine							{
float:right; padding-right: 13px;
}

#all #footer ul#topLine li							
{background-position:0px 9px;}

#all #footer ul#topLine li a							
{padding-top:8px; padding-bottom:4px;


}


#all #footer ul#bottomLine							{
float:left; padding-left: 13px; padding-top: 10px;
}

#all #footer ul#bottomLine	li a						{
font-size:85%; color:#FFFFFF;

}


/*Sitemap formatting*/
.sitmp0, .sitmp1, .sitmp2 
{margin-bottom:5px;}

.sitmp0 
{font-size:120%; font-weight:bold; margin-top:6px; margin-bottom:6px;}

.sitmp1 
{font-size:110%; margin-bottom:5px;}



/* Box */
.box 
{border: 1px solid #13828e; display:block; width:209px; margin-top:9px; float:left !important;}

.boxBlue 
{border: 1px solid #13828e; display:block; width:209px; margin-top:9px; float:left !important;}

.box .header 
{background:#13828e; repeat-x left top; font-size:100%; color:#fff; margin:0px; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px}

.boxBlue .headerblue
{background:#13828e; repeat-x left top; font-size:100%; color:#fff; margin:0px; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px}


.box .content 
{float:left; width:189px; padding:3px 10px 3px 10px; font-size:95%;}

.box .content li {color:#13828e} /* added by DM 28/05/09 to colour bullets same as text */

.boxBlue .contentBlue li {color:#13828e} /* added by DM 28/05/09 to colour bullets same as text */


.boxBlue .content 
{float:left; width:189px; padding:3px 10px 3px 10px; font-size:95%;}

.boxBlue .content li {color:#13828e} /* added by DM 28/05/09 to colour bullets same as text */

.box .footer 
{display:block; overflow:hidden;}



/* Non-Bulleted Lists */
.nobullets 
{list-style:none; margin:0px; padding:0px; float:left;}

.nobullets li 
{margin:0px; padding:0px; float:left; background:none;}

.nobullets * ul 
{list-style:none; margin:0px; padding:0px; float:left;}

.nobullets * li 
{margin:0px; padding:0px; float:left;}

/* Invisible Text */
.invisi {display:none;}



/* correct over-wide images */
table 
{table-layout: auto;}



/*Shared banner image*/

#banner_share	              
{display:block;width:210px;height:103px; margin-top:9px;}/*This controls the homepage & report landing page banner image*/}	
					 
#banner_share a	
{display:block; width:210px; height:103px;}

#lowerbanner_share	              
{display:block;width:210px;height:103px; margin-top:9px;}/*This controls the homepage & report landing page banner image*/}		
				 
#lowerbanner_share a	
{display:block; width:210px; height:103px;}



/* Replacement styles for the search box */
#all #header #search			{/*background:url() no-repeat 69px 6px;*/ padding:7px 0px 6px 0px; float:left; height:auto; position:relative; left:-12px;}

#search label		
{position:absolute; left: -20000000px; color:#FFFFFF; float:left; padding:3px 4px 4px 4px; margin-right:4px; background:#FFFFFF;
}

#all #header #search .immSearchTerms	
{border:1px solid #D0D9E8; background:#D0D9E8; padding:0px 0px 1px 0px; width:150px !important; height:auto !important; float:left; margin-top:1px; margin-right:4px; /*Margin right added 19/6/09*/}

#all #header #search .immSearchGo	{position:relative; top:-2px;}

#all #header #cse-search-box			{/*background:url() no-repeat 69px 6px;*/
	padding:7px 0px 6px 0px;
	float:left;
	height:auto;
	position:relative;
	left:5px;
}

#cse-search-box label		
{position:absolute; left: -20000000px; color:#FFFFFF; float:left; padding:3px 4px 4px 4px; margin-right:4px; background:#FFFFFF;
}

#all #header #cse-search-box .SearchTextbox	
{border:1px solid #D0D9E8; background:#D0D9E8; padding:0px 0px 1px 0px; width:150px !important; height:auto !important; float:left; margin-top:1px; margin-right:4px; /*Margin right added 19/6/09*/}

#all #header #cse-search-box .sa	{position:relative; top:-2px;}