/*Styles for Statistics Project
Author:   Steven Chase
Version:  fixed layout 1.0 -  July 2009
----------------------------------------------- */
/* =global default settings
----------------------------------------------- */
html, body, form, fieldset { margin:0;
	padding:0;
   font-family:  'Gill Sans','Georgia','Palatino','Helvetica',serif;      
}
body {  text-align: center;
	}

html {
	background: #FFFFFF url("../assets/bg_ncshome.jpg") bottom left repeat-x;
	height: 100%;
	background-attachment: fixed;
	}

img { border: none; 
	} 

img.align-right { float:right; margin: 15px 15px 15px 15px; }
img.align-left { float:left; margin: 15px 15px 15px 15px; }

img.db { float:right; margin: 10px 10px 15px 15px; }


p,form,h1,h2,h3,h4,ul,ol,li { margin:0; 
	font-size:14px;
   font-family:  'Gill Sans','Georgia','Palatino','Helvetica',serif;      
	font-weight:normal;
	text-align:left;
	}

p {	line-height:125%;
	margin: 15px 15px 15px 15px;
	}

ul { line-height:125%;
	margin: 10px auto 10px auto;
	}

ol { line-height:125%;
	margin: 10px auto 10px auto;
	}

li { line-height:125%;
	margin: 10px 15px 10px auto;
	}

.homepagebanner
{
font-size:10pt;
}


#main { 
	text-align: center; 
	padding: 0px 0px 0px 0px;
	width: 1024px;
	height: 100%;
    margin-left: auto;
    margin-right: auto;
	align:center;
	background:#FFFFFF;
	}

#main2000 { 
	text-align: center; 
	padding: 0px 0px 0px 0px;
	width: 1024px;
	height: 2000px;
    margin-left: auto;
    margin-right: auto;
	}

#main2500 { 
	text-align: center; 
	padding: 0px 0px 0px 0px;
	width: 1024px;
	height: 2500px;
    margin-left: auto;
    margin-right: auto;
	}

#main3000 { 
	text-align: center; 
	padding: 0px 0px 0px 0px;
	width: 1024px;
	height: 3000px;
    margin-left: auto;
    margin-right: auto;
	}

#main3500 { 
	text-align: center; 
	padding: 0px 0px 0px 0px;
	width: 1024px;
	height: 3500px;
    margin-left: auto;
    margin-right: auto;
	}

#main4500 { 
	text-align: center; 
	padding: 0px 0px 0px 0px;
	width: 1024px;
	height: 4500px;
    margin-left: auto;
    margin-right: auto;
	}





/* =element-specific settings
----------------------------------------------- */

#header	{ height:115px;
    position: relative;
	width:100%;
	vertical-align:middle; 
	background: #d3d3eb;
	}

body > #header	{ height:115px;
    position: relative;
	width:100%;
	vertical-align:middle; 
	background: #d3d3eb;
	}

#nav	{ width:100%; 
	background-image:url( "../assets/nav_fill.jpg" ); background-repeat:repeat-x;
    height: 45px;}

body > #nav	{ width:100%; 
	background-image:url( "../assets/nav_fill.jpg" ); background-repeat:repeat-x;
    height: 45px;}

#maintop { 	 height: auto !important;
    position: relative;
	padding: 0px 0px 0px 0px;
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;	
	background:#ffffff;
	}
	
body > #maintop { 	 height: auto !important;
    position: relative;
	padding: 10px 20px 0px 10px;
	height: 400px;
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;	}

#onlinedb {
	background-image:url( "../assets/images/note3.jpg" ); background-repeat:repeat-x;
	height: 430px;
	width: 320px;
	}

#mainimage {  position: absolute;
    right: 0;
	height: 400px;
	}

body > #mainimage {  position: absolute;
    right: 0;
	height: 400px;
	}

#middle { 	 height: auto !important;
    position: relative;
	padding: 0px 0px 0px 0px;
	background:#FFFFFF;
	width: 1024px;
	margin-right: 0px; 
	margin-bottom: 0px;	}

#middleint { 	 height: auto !important;
    position: relative;
	background:#FFFFFF;
	width: 1024px;
	}

#bottomleft { left: 0;
	position: absolute;
	height: 400px;
	width: 60%;
	background:#FFFFFF;
	}

#bottomlefthp { left: 0;
	position: absolute;
	height: 400px;
	width: 50%;
	background:#FFFFFF;
	}

#bottomrighthp {  position: absolute;
    right: 0;
	height: 400px;
	width: 50%;
	background:#FFFFFF;
	}
	


body > #bottomleft { left: 0;
	position: absolute;
	height: 400px;
	width: 60%;
	background:#FFFFFF;
	}
	
#bottomright {  position: absolute;
    right: 0;
	height: 400px;
	width: 40%;
	background:#FFFFFF;
	}
	
body > #bottomright {  position: absolute;
    right: 0;
	height: 400px;
	width: 40%;
	background:#FFFFFF;
	}

#footer	{ width:1024px;
	height: 60px;
	margin:0 auto; 
	align:center;
	text-align:center;
	repeat-x #000000 ; 
	padding-top:5px; 
	padding-bottom:5px; 
	background: #000000}

/* =inner pages
----------------------------------------------- */


#innernav { left: 0;
	position: absolute;
	background:#ffffff;
	width:225px; 
	padding: 0px 0px 0px 10px;
	}

#innernavmulti { left: 0;
	position: absolute;
	background:#ffffff;
	width:200px; 
	height:100px;
	padding: 0px 0px 0px 0px;
	}

#innermain { 	position: absolute;
	right: 0;
	background:#FFFFFF;
	height: 100%;
	width: 750px;
	padding: 10px 10px 10px 0px;
	margin-right: 20px ;
	}

#innermainfull { 		background:#FFFFFF;
	height: 100%;
	width: 940px;
	padding: 10px 10px 0px 0px;
	margin-left: 20px ;
	}

#navcontainer { background: #ffffff;
	width: 100%;
	margin: 0;
	padding: 10px 0px 0px 10px;
	font-size: 3px;
	text-align: left;
	}

ul#navlist { text-align: left;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 80%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #F4F0D6;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #F4F0B6;
color: #BC001D;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #BC001D;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}


/* =inner nav
----------------------------------------------- */

li.innernav {
  	height: 24px;
	margin: 0px 0px 20px 0px;
	width: auto;
	}	

	
#innernav li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 30px;
	text-decoration: none;
	line-height:100%;
	margin: 0px 0px 0px 0px;
	width: 200px;
	}	
	
#innernav li a:link, #innernav li a:visited {
	color: #FFFFFF;
	display: block;
	background:  url(../assets/menu10.gif);
	padding: 8px 0 0 10px;
	line-height:100%;
	margin: 0px auto 0px auto;
	}
	
#innernav li a:hover {
	color: #4b0049;
	background:  url(../assets/menu10.gif) 0 -32px;
	padding: 8px 0 0 10px;
	line-height:100%;
	margin: 0px auto 0px auto;
	}
	
#innernav ul {
	list-style: none;
	margin: 0;
	padding: 0; 
	line-height:100%;
	margin: 0px 0px 0px 0px;
	width: absolute;
}


/* TEXT */
----------------------------------------------- */

a img { border:0; }

a:link, a:visited {
	color:#151B8D;
	text-decoration:none; }

a:active, a:hover {
	color:#98339a;
	text-decoration:underline; }

h1 { font:normal 2.4em "verdana",arial,helvetica,sans-serif; 
	padding: 20px 0px 15px 15px;
	line-height:1em; 
	font-size:24pt;
	vertical-align:center; }

h1.home { font:normal 2.4em "verdana",arial,helvetica,sans-serif; 
	padding: 12px 0px 10px 20px;
	line-height:1em; 
	font-size:20pt;
	vertical-align:center; }

h1.home2 { font:normal 1.5em "verdana",arial,helvetica,sans-serif; 
	padding: 25px 0px 0px 0px;
	text-align:center;
	line-height:1em; 
	font-size:15pt;
	vertical-align:center; }

h1.home2 a:link, h1.home2 a:visited {
	color:#000000;
	text-decoration:none; }

h1.home2 a:active, h1.home2 a:hover {
	color:#98339a;
	text-decoration:underline; }


h2 { font:normal 2.4em "verdana",arial,helvetica,sans-serif; 
	color:#BC001D; 
	padding: 5px 0px 0px 0px;
	line-height:1.3em; 
	font-size:20pt; }

h2 a:link, h2 a:visited {
	color:#BC001D;
	text-decoration:none; }

h2 a:active, h2 a:hover {
	color:#98339a;
	text-decoration:underline; }

h2.home { font:normal 2.4em "verdana",arial,helvetica,sans-serif; 
	color:#BC001D; 
	padding: 15px 0px 15px 0px;
	text-align:center;
	line-height:1em; 
	font-size:20pt; }


h3	{ font:normal 1em "verdana",arial,helvetica,sans-serif; 
	color:#000099; 
	padding: 0px 0px 5px 0px;
	line-height:1.3em; 
	font-size:15pt; }

h3 a:link, h3 a:visited {
	color:#000099;
	text-decoration:none; }

h3 a:active, h3 a:hover {
	color:#98339a;
	text-decoration:underline; }

h4 {font: italic 2em "verdana",arial,helvetica,sans-serif; 
	line-height:1em; 
	padding: 10px 35px 10px 10px;
	color:#000099; 
}	

h4.home {font: italic 2em "verdana",arial,helvetica,sans-serif; 
	line-height:1em; 
	text-align:center;
	padding: 10px 10px 10px 10px;
	color:#000099; 
}	

h5	{ font:normal 1.25em "verdana",arial,helvetica,sans-serif; 
	color:#000099; 
	padding: 0px 0px 0px 0px;
	text-align:left;
	line-height:1em;
 }


h6	{ font:normal 1.25em "verdana",arial,helvetica,sans-serif; 
	color:#000099; 
	padding: 0px 0px 0px 0px;
	text-align:center;
	line-height:1em;
 }

p.lefthome {	margin-left: 20px;
	margin-bottom: 10px;
	}

p.righthome {	margin-right: 50px;
	margin-bottom: 10px;
	text-align:right;
	}

p.policy {	line-height:125%;
	margin: 5px auto 5px auto;
	}

/* =main navigation settings
----------------------------------------------- */

#navbar { width:1024px; 
	align:right; 
	background:#000000;  }

a.nav:link, a.nav:visited {
	padding: 5px 25px 5px 25px;
	color:#151B8D;
	text-decoration:none;
	font-size:125%; }

a.nav:active, a.nav:hover {
	padding: 5px 25px 5px 25px;
	color:#98339a;
	text-decoration:none; }

a.nav span { display: block;
    line-height: 40px; } 



/* =homepage links online resources
----------------------------------------------- */

a.resources:link, a.resources:visited {
    line-height: 140%; 
	margin-left: 30px;
	font-weight:normal;
	font-size:18px;
	color:#151B8D;
	text-decoration:none; }

a.resources:active, a.resources:hover {
    line-height: 140%; 
	margin-left: 30px;
	font-size:18px;
	font-weight:normal;
	color:#98339a;
	text-decoration:underline;  }

a.resources span { display: block;
    line-height: 100%; } 

a.eresources:link, a.eresources:visited {
    line-height: 140%; 
	font-size:12px;
	font-weight:normal;
	color:#151B8D;
	text-decoration:none; }

a.eresources:active, a.eresources:hover {
    line-height: 140%; 
	font-size:12px;
	font-weight:normal;
	color:#98339a;
	text-decoration:underline;  }

a.eresources span { display: block;
    line-height: 140%; } 

ul.eresources { line-height:100%;
	margin: 1px auto 1px auto;
	}

ol.eresources  { line-height:100%;
	margin: 5px auto 5px auto;
	}

li.eresources { line-height:130%;
	margin: 8px 5px 5px auto;
	}