/* CSS Document */


body {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	color:#666;
	margin: 0;
	padding: 0;
	background-color: #3d3d3d;
	text-align: center;
	}
	
#wrap {
	width: 770px;
	margin: 15px auto 0 auto;
	text-align: left;
	background-color: #fff;
	}
	
a:link, a:visited {
	color:#336699;
	}
a:hover {
	color:#5aa4dd;
	}
	
h3 {
	font-weight: bold;
 	color: #003366;
	margin-bottom:-5px;
	padding-botton: -5px;
	font-size: 110%;
	}
	
ul#check {
	list-style-image:url(images/check.gif);
	}
		
#header {
	height: 90px;
	background: url(images/ca_logo.gif) no-repeat top left;
	padding: 0;
	margin: 0;
	}
	

#header-left {
	float: left;
	margin:0;
	padding: 0;
	}
	
#header-right {
	float: right;
	padding: 20px 20px 0 0;
	margin:0;
	}

ul#login { 
	width:53px; 
	height:24px;
	margin:0;
	padding:0;
	} 

ul#login li { 
	padding:0; 
	margin:0; 
	list-style-type:none; 
	text-indent:-9999px;
	} 

ul#login li a { 
	border:0; 
	text-decoration:none; 
	display:block; 
	background:transparent url(images/login_button.gif) no-repeat; 
	} 

li#button a { 
	width:53px; 
	height:24px; 
	}
	
li#button a:link, li#button a:visited {	
	background-position:0px 0px;
	}
li#button a:hover, li#button a:focus {	
	background-position:0px -24px;
	}	
	
	
	
#subnav {
	float: left;
	clear: both;
	width: 740px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #5F7B89;
	padding-left: 30px;
	}	
	
#subnav li {
	float: left;
	margin: 0;
	padding: 0;
	color: #fff;
	padding: 4px 6px 4px 0;
	}
	
#subnav a {
	float: left;
	display: block;
	margin: 0;
	padding: 0 10px;
	text-decoration: none;
	color: #fff;
	}
#subnav a:hover, body#intro #sn_login a {
	color: #99FF33;
	}
	
#content {
	background: #CFE1ED url(images/inside_bg.gif) repeat-x top left;
	line-height: 1.8em;
	color: #444;
	padding: 20px;
	margin:0;
	text-align: center;
	}

#content-wrap {
	margin:0;
	padding:0;
	}
#content-left {
	float: left;
	width: 325px;
	line-height: 1.8em;
	color: #444;
	padding: 15px 5px 15px 20px;
	margin:0;
	}
	
#content-right {
	float: right;
	width: 400px;
	padding: 15px 15px 20px 0;
	margin:0;
	}
	
#box_top {
	background:url(images/box_top.gif) no-repeat top center;
	height: 15px;
	margin: 20px 0 0 0;
	padding:0;
	}
	
#box {
	width: 642px;
	background-color:#FFFFFF;
	border-left: 1px solid #C4D3DC;
	border-right: 1px solid #C4D3DC;
	text-align: left;
	padding:5px 20px;
	margin: 0 auto;
	}
	
#box_bottom {
	background:url(images/box_bottom.gif) no-repeat top center;
	height: 15px;
	margin: 0;
	padding:0;
	}
	
#footer {
	clear: both;
	text-align:center;
	background-color: #3d3d3d;
	padding: 10px 0;
	margin: 0;
	width: 770px;
	}	
#footnav {
	text-align: center;
	}	
#footnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}	
	
#footnav li {
	display:inline;
	margin: 0;
	padding: 0;
	color: #99CCFF;
	padding: 4px 6px 4px 0;
	}
	
#footnav a {
	margin: 0;
	padding: 0 8px;
	text-decoration: none;
	font-size: 10px;
	color: #8ABBE4;
	}
#footnav a:hover {
	color: #FFFFFF;
	}	
	
.logo {
	background:  url(images/ns_logo.gif) no-repeat 100px center;
	padding: 10px;
	}


/* Main navigation
------------------------------------------------------------------*/
#navigation {
	margin: 0;
	padding-left: 485px;
	clear: both;
	}

	
ul#nav { 
width:266px; 
height:28px; 
margin: 0;
padding: 0;
} 

ul#nav li { 
padding:0; 
margin:0; 
list-style-type:none; 
float:left; 
text-indent:-9999px; 
} 

ul#nav li a { 
border:0; 
text-decoration:none; 
display:block; 
background:transparent url(images/main_nav.gif) no-repeat; 
} 

li#home a { 
width:59px; 
height:28px; 
} 

li#about a { 
width:68px; 
height:28px; 
} 

li#faqs a { 
width:58px; 
height:28px; 
} 

li#contact a { 
width:81px; 
height:28px; 
}


li#home a:hover, li#home a:focus {
	background-position:0px -28px;
	 }
li#about a:link, li#about a:visited {	
	background-position:-59px 0px;
	}
li#about a:hover, li#about a:focus {	
	background-position:-59px -28px;
	}
li#faqs a:link, li#faqs a:visited {	
	background-position: -127px 0px;
	}
li#faqs a:hover, li#faqs a:focus {	
	background-position: -127px -28px;
	}
li#contact a:link, li#contact a:visited {	
	background-position: -185px 0px;
	}
li#contact a:hover, li#contact a:focus {	
	background-position: -185px -28px;
	}
	
	
/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {
	background-position:0px -28px;
	}
body#about-page ul#nav li#about a {
	background-position:-59px -28px;
	}
body#faqs-page ul#nav li#faqs a {
	background-position:-127px -28px;
	}
body#contact-page ul#nav li#contact a {
	background-position:-185px -28px;
	}

#mainart {
	margin: 0;
	padding: 0;
	background: url(images/main_art.jpg) no-repeat top left;
	height: 208px;
	}