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

*/



*{
	font-family:"Arial", Verdana, sans-serif;
} 
 
body {
	margin: 0; 
	margin-top:10px; 
	padding: 0;
	color:#000000;
	font-size: 0.75em;
}

   
#container {
	width: 960px;
	\width: 980px;
	w\idth: 960px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding:0px 10px 10px 10px;
	z-index:0;
}


h1{
	font-size:1.5em;
	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 {
	height:110px;
	background-image:url(../_images/_homepage/snavline.jpg); 
	background-repeat:repeat-x;
	background-position:top;
	}

#Snav img{
	float:left;
	/*width:425px;*/
	margin-top:5px;}


#Snav a:link, #Snav a:visited{
	margin-top:20px;
	color:#0158ad;
	text-decoration:none;
	padding:0 0px 0 5px;}
	
#Snav a:hover{
	text-decoration:underline;}

	
#Snav ul{
	list-style:none;
	padding: 0;
	margin: 0;
	margin-top:10px;
	text-align:right;}
	
#Snav li{
	display:inline;
	padding: 0px 5px;}

/************ Banner Content **************/
   
#banner_content {	
	float:right;
	width:260px;
	text-align:right;
	margin-top:-30px;}
	
/*.search_button{
	background-color:#ff9d1e;
	border-top:1px solid #facb8f;
	border-left:1px solid #facb8f;
	border-bottom:1px solid #995907;
	border-right:1px solid #995907;
	color:#fff;
	font-weight:bold;
	width:80px;
}*/


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


.noscript_Pnav_bar{  
	height: 45px;
}
                     
#Pnav, #Pnav_noscript {
	padding: 0px;
	padding-top:0px;
	height: 30px;
	z-index:2;
	display:block; 
	visibility:visible;
	margin-top:0px;
}



#crumb{
	margin-bottom:15px;
	padding-left:1px;
	padding-top:5px;
	float:left;}
	
#crumb a{
	margin-top:10px;}
	
#crumb ul{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}

#crumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
	
#crumb li a{
	background:url(images/crumbs.gif) no-repeat right center; 
	}

	
#crumbBase{
	clear:both;}

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

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

#content H1{
	font-weight:bold;
	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;
	
}

#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 ul{
	list-style:none;
}
	
.SNH_for_you_pagelink li{
    padding:10px;
	margin-left:-3.3em;
	margin-top:-1px;
}

.SNH_for_you_pagelink a:link, .SNH_for_you_pagelink a:visited{
    font-size:1em;
	font-weight:bold;
}

/*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;
}

*/





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



.imageContainer{ 
	float:right;
	width:120px;
	height:100%;}
	
	
	
	
	
	
	
	
	
	
.linksContainer ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-left:2em;
	font-size:0.9em;
	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;}





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


#footer {
	padding: 0px;
	padding:5px 5px 5px 5px;
	font-size:1.1em;
	text-align:center;
	background:url(../_images/_homepage/snhlogo.jpg) no-repeat bottom right;
	height:35px;
}

#footer p{
	margin-top:8px;
	font-weight:bold;}
	
#footer a:hover{ 
	text-decoration:underline;
} 

.footerimg{
	float:left;
	margin:0px;}

#footer ul{
	list-style:none;
	padding: 0;
	margin: 0;
	float:left;
	margin:10px 0px 0px 180px;
	font-weight:bold;}
	
#footer li{
	display:inline;
	padding: 0px 5px;}


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



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

.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 {
	position:absolute;
	left:-1000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
                
#look_and_feel_link{  
	margin-top:-10px;
}


#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 {	
		margin:0px;
}

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

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

UL#leftNavList {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 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;

}