/*
 _____          _____  ______   _             __     __ ____   _    _  _______ 
|  __ \  /\    / ____||  ____| | |         /\ \ \   / // __ \ | |  | ||__   __|
| |__) |/  \  | |  __ | |__    | |        /  \ \ \_/ /| |  | || |  | |   | |   
|  ___// /\ \ | | |_ ||  __|   | |       / /\ \ \   / | |  | || |  | |   | |   
| |   / ____ \| |__| || |____  | |____  / ____ \ | |  | |__| || |__| |   | |   
|_|  /_/    \_\\_____||______| |______|/_/    \_\|_|   \____/  \____/    |_|   


*/





*{
	font-family:"Arial", Verdana, sans-serif;
} 

body {
	margin: 0; 
	padding: 0;
	color:#000000;
	font-size: 0.75em;
}
   
#container {
	width: 660px;
	\width: 680px;
	w\idth: 660px;
	margin: 10px;
}

h1{
	font-size:1.5em;
	font-weight:normal;
	margin-top:0px;
}

h2{
	font-size:1.2em;
}

a:link, a:visited{
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	text-decoration:underline;
}

/************ very top navigation **************/

#Snav {
	display:none;
}

/************ Banner Content includes logo **************/
   
#bannerb {
	padding: 0px;
	height: 100px;
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:3px;					
}

#bannerb a{
	font-size:0.9em;
    text-decoration:none;
	font-weight:bold;
}

#bannerb a:hover{
	text-decoration:underline;
}
                
#banner_content{
	display:none;
}
                
#banner_logo_content{
	float:left;
	width: 270px;
}

#banner_nav{
	margin:8px 0px 8px 0px;
}

.search_button{
	background-color:#c6c6c6;
	color:#000;
	width:80px;
	border:	1px solid #493F0B; 
}

/************ Primary navigation **************/

#Pnav {
	display:none;	
	background-position:top left;
	background-repeat:no-repeat;
}

.noscript_Pnav_bar{  
		display:none;	
}
                     
#Pnav, #Pnav_noscript {
		display:none;	
}

.section_item, .first_section_item {
	text-align:center;
	background-repeat:no-repeat;
	padding:5px 21px 5px 23px;
	margin:0;
}

.section_item{
	background-position:bottom left;
}
	
.first_section_item{
	background-position:bottom right;
}

div.image div{
	text-align:center;
	font-size:0.9em; 
	color:#666; 
	font-style: italic
}

#crumb{
	padding-top:5px;
	margin-bottom:15px;
	padding-left:1px;}

/************ main content of site holds page content container and page content **************/
	
#content {
	padding: 0px 20px 5px 0px;
	margin:10px 0 0 10px;;
}

#content p{line-height:1.3em;}

#content H1{
	font-weight:normal;
	margin-bottom:10px;
}

/* holds the textual information on a page */

#page_content {									
	padding: 0px 7px 0px 0px;
	margin: 0px 280px 0px 0px;
}

#page_content h1,#page_content h2,#page_content p{
	margin:0px;
	padding:0px;
	/*line-height:1.5em;*/
}

#page_content h1{
	margin-top:-5px;
	margin-bottom:10px;}

#page_content h2{
	margin-top:10px;
	margin-bottom:-5px;
	margin-top:20px;
}
#page_content p{
	margin-bottom:10px;
	margin-top:10px;}
	
.SNH_for_you_pagelink{
    margin-top:20px;
    padding:9px;
    border:1px solid #000;
}

.SNH_for_you_pagelink a{
    font-size:1.4em;
	font-weight:normal;  
}
/*holds sidebar-b, linksContainer and imageContainer, contains right hand content with images and related links*/

#page_content_container{						
	margin: 0px;
	padding:0px;
}

#sidebar-b {
	float: right;
	width: 270px;
	\width: 280px;
	w\idth: 270px;
	margin: 5px 5px 0px 0px;
}

.imageContainer{ 
	margin-right:138px;
	border-right:1px solid #ccc;
}

.linksContainer{
	float: right;
	width: 130px;
	\width: 140px;
	w\idth: 130px;
	padding-left:3px;
	margin-bottom:10px;
}

.linksContainer ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-left:2em;
	font-size:0.8em;
	list-style-position: outside;
}

.linksContainer ul li{
	padding:0px;
	margin:0px;
	font-size:1em;
	margin-left:-2em;
	padding-left:13px;
}

.linksContainer h3{
	padding:0px;
	margin:0px;
	font-size:1.2em;
	margin-bottom:8px;
}
	

.linksContainer h4{
	padding:0px;
	margin:0px;
	font-size:0.9em;
	margin-bottom:5px;
	margin-top:15px;
}

.related_link li a{
	margin-top:-5px;}




/*.image{
	float: right; 
	margin-left: 0.5em; 
	width:330px;
}*/

/************ footer **************/


#footer {
		display:none;	
}
	
#footer a:hover{ 
	text-decoration:underline;
} 

/*************************** home page ********************************/

.homePageContainer, .homePageContainer2{
	width: 895px;
	\width: 915px;
	w\idth: 915px;
	margin-left:-9px;
	margin-top:-7px;} 
	
.homePageContainer2{
	margin-top:10px;}
	
.HomeForYou{
	float:right;
	width:300px;
	height:214px;
	padding:0px; 
	background-repeat:repeat-x;	
}

.HomeForYou ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:-10px; }


.HomeForYou ul LI div {
	PADDING:4px 0px 4px 25px;
}

.HomeForYou h2{
	font-size:1.5em;
	font-weight:normal;
	padding:5px 0 5px 10px;
	margin:0px;
	margin-bottom:10px;}

.HomeForYou A, .HomeForYou A:visited,.HomeForYou A:hover{
	font-weight:normal;}
	
.HomeForYou A:hover{
	text-decoration:underline;}

.HomeMaps, .NewsContainer, .featuresContainer{
	background-repeat:repeat-x;	
	padding:10px;}

.HomeMaps{
	float:right;
	width:280px;
	height:257px;
	margin-top:5px;
} 

.featureNewsContainer{
	margin-top:10px; 
	height:20px; 
	padding-right:10px; 
	margin-bottom:10px; }

.featuresContainer{
	width:270px;  
	float:right; 
	height:200px; }
	
.NewsContainer{
	width:274px;  
	height:200px; }
	
.featuresContainer ul, .NewsContainer ul, .HomeMaps ul{
	list-style:none;
	margin:0;
	padding:0;}

.featuresContainer a:link, .featuresContainer a:visited{
	color:#000;
	font-weight:bold;	}
	
.featuresContainer ul LI, .NewsContainer ul LI, .HomeMaps ul LI{	
	padding:5px 25px 0 25px;
	font-size:0.95em;
	font-weight:normal;}
	
.featuresContainer h1, .NewsContainer h1, .HomeMaps h1{
	padding:5px 0px 5px 20px;;
	margin:-10px;}
	
	
h1.strapline{
	font-size:22px;}    


/*
 _   _   ____    _____   _____  _____   _____  _____  _______ 
| \ | | / __ \  / ____| / ____||  __ \ |_   _||  __ \|__   __|
|  \| || |  | || (___  | |     | |__) |  | |  | |__) |  | |   
| . ` || |  | | \___ \ | |     |  _  /   | |  |  ___/   | |   
| |\  || |__| | ____) || |____ | | \ \  _| |_ | |       | |   
|_| \_| \____/ |_____/  \_____||_|  \_\|_____||_|       |_|   


*/

	
#Pnav_noscript {
	display:none; 
}  

.noscript_udm ul, ul.noscript_udm{
	list-style:none ; 
	display: block; 
	padding-left: 20px;
	padding-top:6px;
	margin:0px;
}

ul.noscript_udm{
	display: table;
}

ul.noscript_udm>li{
	display: table-cell;
	position: relative;
	padding: 0px 45px 0px 0px;
	margin:0px;
}


/*
  _____  _  __ _____  _   _   _____ 
 / ____|| |/ /|_   _|| \ | | / ____|
| (___  | ' /   | |  |  \| || (___  
 \___ \ |  <    | |  | . ` | \___ \ 
 ____) || . \  _| |_ | |\  | ____) |
|_____/ |_|\_\|_____||_| \_||_____/ 

*/
 
#skip_nav {
		display:none;	
}
                
#look_and_feel_link{  
	/*float:right;*/
	/*margin-top:-20px;*/
}


#look_and_feel_div {
	visibility:hidden;
	display:none;
	left:100px;
	top:100px;
	z-index:1000;
}

#noscript_look_and_feel{
	visibility:hidden;
	display:none;
}

#noscript_look_and_feel_link{
	visibility:hidden;
	display:none;
} 

#lookandfeel_content, #javascript_off{
	text-align:left;
	padding:15px;
	margin-left:100px;
	margin-right:100px;
}


/*

  _____       _______ ________          __ __     __   _      _____ _   _ _  __ _____ 
 / ____|   /\|__   __|  ____\ \        / /\\ \   / /  | |    |_   _| \ | | |/ // ____|
| |  __   /  \  | |  | |__   \ \  /\  / /  \\ \_/ /   | |      | | |  \| | ' /| (___  
| | |_ | / /\ \ | |  |  __|   \ \/  \/ / /\ \\   /    | |      | | | . ` |  <  \___ \ 
| |__| |/ ____ \| |  | |____   \  /\  / ____ \| |     | |____ _| |_| |\  | . \ ____) |
 \_____/_/    \_\_|  |______|   \/  \/_/    \_\_|     |______|_____|_| \_|_|\_\_____/ 

gateway stuff
*/

div.gatewayBox{
	float:left;
	width: 300px;
	margin:8px;
	margin-left:2px;
	margin-top:5px;
	/*border:1px solid #ff0;*/
	height:110px;
}


.gatewayBox img{
	float:left;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:50px;
}

.gatewayBox p{
	margin-left:85px;
	line-height:5em;
	display:block;
}

.gatewayBox H2{
	font-size:1.2em;
	margin-bottom:-15px;
}

.gatewayBox H2 a{
	font-weight:bold;
}

/*
 _   _ ______  _____ _______ ______ _____     _      _____  _____ _______ _____ 
| \ | |  ____|/ ____|__   __|  ____|  __ \   | |    |_   _|/ ____|__   __/ ____|
|  \| | |__  | (___    | |  | |__  | |  | |  | |      | | | (___    | | | (___  
| . ` |  __|  \___ \   | |  |  __| | |  | |  | |      | |  \___ \   | |  \___ \ 
| |\  | |____ ____) |  | |  | |____| |__| |  | |____ _| |_ ____) |  | |  ____) |
|_| \_|______|_____/   |_|  |______|_____/   |______|_____|_____/   |_| |_____/ 

here's the stuff that does the nexted lists for the left hand navigation

this now uses divs to contain each list item link - this stops the list item
from wrapping back to the start of the left hand margin....  


*/

/************ left hand nav container **************/

#sidebar-a {	
			display:none;	
}

DIV.leftNavContainer {
	float: left;
	padding:10px 0px 50px 20px;
	WIDTH: 240px; 
	margin: 0px;
}

DIV.leftNavContainer LI{
	/*line-height:1.9em;*/
}

UL#leftNavList {
	PADDING: 0px; 
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none; 
}

UL#leftNavList LI A:hover {
	TEXT-DECORATION: underline;
}

UL#leftNavList LI div {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 15px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px; 
}

UL#leftNavList LI LI div {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 35px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px; 
}

UL#leftNavList LI LI LI div {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 55px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px; 
}

UL#leftNavList LI LI LI LI div {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 75px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px; 
}

UL#leftNavList UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0.5em 0px 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}

UL#leftNavList UL{
	padding:0px; 
	margin:0px;
}

UL#leftNavList UL UL{
	padding:0px; 
	margin:0px;
}

UL#leftNavList UL UL UL{
	padding:0px; 
	margin:0px;
}

UL#leftNavList UL UL UL UL{
	padding:0px; 
	margin:0px;
}


/*
 _____          _____  ______    _   _   ____  _______  ______   _____ 
|  __ \  /\    / ____||  ____|  | \ | | / __ \|__   __||  ____| / ____|
| |__) |/  \  | |  __ | |__     |  \| || |  | |  | |   | |__   | (___  
|  ___// /\ \ | | |_ ||  __|    | . ` || |  | |  | |   |  __|   \___ \ 
| |   / ____ \| |__| || |____   | |\  || |__| |  | |   | |____  ____) |
|_|  /_/    \_\\_____||______|  |_| \_| \____/   |_|   |______||_____/ 

this bit deals with the 'page notes' at the bottom of each page
*/

#pageNotes{
	padding-top:20px;
	padding-bottom:5px;

}