/*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:small arial,helvetica,sans-serif;
	text-align: center; 
}

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

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,td,table,h1,h2,h3,h4,ul,ol,li { margin:0; 
	font-size:small;
	font-family:Arial, Helvetica, clean, sans-serif;
	font-weight:normal;
	text-align:left;
	}

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

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

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

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

.thrColFixHdr #container { 
	width: 1004px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


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

#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;
	}




/* shadow
----------------------------------------------- */


.blur{
	margin-left: 10px;
	margin-top: 10px;
}

.shadow,
.content{
	position: relative;
	top: 2px;
	right: 2px;
	height: 100%;
}

.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
}

.content{
	background-color: #fff; /*background color of content*/
	border: 1px solid #000; /*border color*/
	padding: 0;
	height:100%;
	align:center;
}


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

#headerleft { 	left: 0;
	position: absolute;
	padding: 0px 0px 0px 0px;
	background: #d3d3eb;
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;	}

body > #headerleft { 	left: 0;
	position: absolute;
	padding: 0px 0px 0px 0px;
	background: #d3d3eb;
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;	}

#headerright { 	 right: 0;
	position: absolute;
	padding: 10px 20px 0px 10px;
	height:105px;  
	color:#383838 ;
	background:#d3d3eb;
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;	}

body > #headerright { 	 right: 0;
	position: absolute;
	padding: 10px 20px 0px 10px;
	height:105px;  
	color:#383838 ;
	background:#d3d3eb;
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;	}
	
#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;
	height: 400px;
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;	}
	
body > #maintop { 	 height: auto !important;
    position: relative;
	padding: 0px 0px 0px 0px;
	height: 400px;
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;	}

#onlinedb { left: 0;
	position: absolute;
	background:#fce99c;
	height: 395px;
	width: 424px;
	padding: 0px 10px 0px 10px;
	}

body > #onlinedb { left: 0;
	position: absolute;
	background:#fce99c;
	height: 395px;
	width: 424px;
	padding: 0px 10px 0px 10px;
	}

#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;
	height: 90px;
	margin-left: 10px; 
	margin-top: 410px;/* apply to all browsers */
	#margin-top: 15px;/* override for Microsoft Internet Explorer browsers*/
	margin-right: 0px; 
	margin-bottom: 0px;	}


#homefooter { 	 height: auto !important;
    position: relative;
	padding: 0px 0px 0px 0px;
	background:#FFFFFF;
	height: 490px;
	margin-left: 10px; 
	margin-top: 410px;/* apply to all browsers */
	#margin-top: 15px;/* override for Microsoft Internet Explorer browsers*/
	margin-right: 0px; 
	margin-bottom: 0px;	}



#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:200px; 
	height:800px;
	padding: 10px 0px 0px 10px;
	}

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



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

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

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

#innernav {
	width: 200px;
	margin-left: 10px;
	}
	
#innernav li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	line-height:100%;
	margin: 0px auto 0px auto;
	}	
	
#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;
	}
	
ul.innernav {
	list-style: none;
	margin: 0;
	padding: 0; 
	line-height:100%;
	margin: 0px auto 0px auto;
}

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

a img { border:0; }

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

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


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

h1.innermain {	margin-left: 20px;
	margin-bottom: 10px;
	}

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

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

h3	{ font:normal 2.4em "Century Gothic",arial,helvetica,sans-serif; 
	color:#000099; 
	padding: 0px 0px 0px 0px;
	line-height:1em; 
	font-size:30pt; }

h3 a	{	color:#324465; 
	text-decoration:none; }

h3 a:hover	{	color:#40639D; 

	text-decoration:underline; }

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

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

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


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 {
	color:#151B8D;
	text-decoration:none; }

a.resources:active, a.resources:hover {
	color:#98339a;
	text-decoration:none;  }

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