@import url(core.css);

/* 
	This file is organised in the following way:
		General Styles - 
			headings 
			paragraphs 
			links 
			lists
			images
			tables 
		Page Wrapper - the main wrapper
		Global Masthead - utility div along the top of the page
		Local Masthead - Logo(s) and titles
		Utility Navigation - Horizontal Navigation 
		Content Wrapper - div containing all the content elements
		Columns - all the column divs follow begining with #column1
		Footer - footer section
*/




/*  Grid Start - Delete later ***************************************************************************** */
#grid {
	position: absolute;
	width: 946px;
	margin: 0 auto;
	height: 100%;
	top: 0px;
	left: 24px;
	background: url(../graphics/grid.png);
	background-position: 0 0;
	z-index: 9999;
}
/* Grid End - Delete later ***************************************************************************** */




/* =general styles */

body{
	background-color: #F4F4F2;	
	height: 100%;
	}


/* heading tags */


	
/* all the top heading tags in contentChunks */	

.standardPage #column1 h2{
	padding: 14px 0px 9px 10px;
	font-size: 0.9em;
	font-weight: bold;	
	}	



/* top of contentChunks (grey boxes) headings */
.homePage .contentChunk h2, 
.homePage .contentChunk_sl h3, 
.homePage .contentChunk_sr h3,
.newsletterPage #column1 .contentChunk h2,
.newsletterPage #column2 .contentChunk h3,
.landingPage #column2 .contentChunk h2,
.landingPage #column3 .contentChunk h2, 
.standardPage #column2 .contentChunk h2,
.standardPage #column3 .contentChunk h3,
.standardPage #column4 .contentChunk h3
	{
	padding: 7px 0px 9px 10px;
	font-size: 0.9em;
	font-weight: bold;
	background:#eee url(../graphics/greyFade2.png) bottom left repeat-x;
	margin-bottom: 20px;
	-moz-border-radius-topleft: 5px; /* *** mozzila specific CSS3 *** */ 
	-moz-border-radius-topright: 5px; /* *** mozzila specific CSS3 *** */ 
	-webkit-border-top-left-radius: 5px; /* *** webkit specific CSS3 *** */ 
	-webkit-border-top-right-radius: 5px; /* *** webkit specific CSS3 *** */ 	 
	}	

/* sub-headings (level 2) within contentChunks */
.homePage .contentChunk h3,
.homePage .contentChunk_sl h4, 
.homePage .contentChunk_sr h4,
.newsletterPage #column1 .contentChunk h3,
.newsletterPage #column2 .contentChunk h4,
.landingPage #column2 .contentChunk h3,
.landingPage #column3 .contentChunk h3, 
.standardPage #column2 .contentChunk h3,
.standardPage #column3 .contentChunk h4, 
.standardPage #column4 .contentChunk h4 
	{
	font-weight: bold;
	font-size: 0.8em;
	margin: 26px 10px 8px 10px;
	}
/* sub-headings (level 3) within contentChunks */
.homePage .contentChunk h4,
.homePage .contentChunk_sl h5, 
.homePage .contentChunk_sr h5,
.newsletterPage #column1 .contentChunk h4,
.newsletterPage #column2 .contentChunk h5,
.landingPage #column2 .contentChunk h4,
.landingPage #column3 .contentChunk h4, 
.standardPage #column2 .contentChunk h4,
.standardPage #column3 .contentChunk h5,
.standardPage #column4 .contentChunk h5 
	{
	font-weight: bold;
	font-size: 0.8em;
	margin: 14px 10px 8px 10px;
	}

/* sub-headings (level 4) within contentChunks */
.homePage .contentChunk h5,
.homePage .contentChunk_sl h6, 
.homePage .contentChunk_sr h6,
.landingPage #column2 .contentChunk h5,
.landingPage #column3 .contentChunk h5, 
.standardPage #column2 .contentChunk h5,
.standardPage #column3 .contentChunk h6, 
.standardPage #column4 .contentChunk h6 
	{
	font-size: 0.7em;
	margin: 14px 10px 4px 10px;
	}



/* paragraphs */
p{
	color: #000;
	font-size: 0.8em;
	line-height: 1.5em;
	}
#column1 p{
	padding: 6px 10px 6px 10px;
	}
.newsletterPage #utilNav p{
	font-weight: bold;
	padding-top: 5px;
	}		
.newsletterPage #localMasthead p{
	font-size: 0.9em;
	padding-top: 5px;

	}
/* links */	
a{
	color: #000;
	}
#contentWrapper a{
	line-height: 1.5em;
	}
	
.homePage #contentWrapper a{
	text-decoration: none;
	}
.homePage #contentWrapper a:hover{
	text-decoration: underline;
	}
	
a.standaloneLnk{
	display: block;
	background-color: #E1EAF2;
	font-size: 0.8em;
	font-weight: bold;
	padding: 6px 8px 8px 8px;
	margin: 16px 10px 16px 10px;
	}

a.rssLnk{
	display: block;
	font-size: 0.7em;
	font-weight: bold;
	background: url(../graphics/rss_icon.gif) center left no-repeat;
	padding: 8px 10px 12px 26px;
	margin: 16px 10px 16px 10px;
	}

#column1 ul#relSites_list a{
	font-size: 0.8em;
	}
	
#globalMasthead ul#globalNav li a{
	font-size: 1.8em;
	color: #fff;
	font-family: StoneSans, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
#globalMasthead ul#globalNav li a:hover{
	text-decoration: underline;
	}
	
#globalMasthead ul#globalNav li.button{
	float: right;
	font-size: 0.4em;
	padding: 6px 8px 6px 8px;
	margin: -22px 0px 0px 16px;
	background: url(../graphics/globalNavButton_bg.png) top left repeat-x;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
		
#globalMasthead ul#globalNav li.button a{
	font-weight: bold;
	padding: 8px 0px 8px 24px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../graphics/roundArrow.gif) 0px 7px no-repeat;	
	}
	
#globalMasthead ul#globalNav li.button a:hover{
	background: url(../graphics/roundArrow.gif) 0px -23px no-repeat;
	color: #3E0000;	
	}

/* lists */

ul#globalNav {
	width: 946px;
	margin: 0 auto;
	}
			
#globalMasthead ul#globalNav li {
	color: #fff;
	font-size: 0.8em;
	}	
	
.contentChunk ul, .contentChunk_sl ul, .contentChunk_sr ul{
	margin: 16px 10px 16px 10px;	
	}
	
#column1 ul#relSites_list{
	margin: 16px 10px 16px 10px;
	}	
	
.plainList li, .bulletList li, .contentList li, .numberList li{
	margin-left: 14px;
	font-size: 0.8em;
	line-height: 1.5em;
	}
.bulletList li{
	list-style-type: disc;
	margin-left: 26px;
	}
	
.contentList li{  /* List created for page contents only  */
	margin-bottom: 8px;
	}
	
ol.numberList	{
	list-style-type: decimal;
	margin-left: 26px;
	}
	

/* images */
.imageLeft {
	float: left;
	margin: 6px 14px 6px 10px;
	}
.imageRight {
	float: right;
	margin: 6px 10px 6px 14px;
	}

/* horizontal line */
		
.horizontalLine{
	border-bottom: 2px solid #666;
	}


/* =pageWrapper */
#pageWrapper{
	background: #F4F4F2 url(../graphics/background.png) top center repeat-y;
	}

/* =globalMasthead */	
#globalMasthead{
	min-height: 50px;
	background: url(../graphics/globalMasthead_bg.png) top left repeat-x;
	}
	
#isdHomeLink{
	padding: 12px 0px 0px 0px;
	}	



	
/* =localMasthhead */	
#localMasthead{
	background: #eee url(../graphics/localMasthead_bg.png) 0 0 no-repeat;
	min-height: 95px;
	height:auto !important;
	height:95px;
	}
	
h1{
	color: #000; 
	padding: 26px 0px 7px 24px;
	font-size: 1.6em;
	margin-bottom: 0px;	
	}
		
#localMasthead p{
	padding: 0px 0px 7px 26px;
	margin: -8px 0px 0px 0px;
	}

#isdLogo{
	float: right;
	margin: 15px 14px 0px 0px;
	}
	
#nssLogo{
	float: right;
	margin: 15px 24px 0px 0px;
	}

/* =utilNav */

#utilNav{
	width: 926px;
	margin: 0 auto;
	clear: both;
	background: #d5d5d5 url(../graphics/greyFade.png) 0 0 repeat-x;
	min-height: 1.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 30px;
	padding: 3px 10px 3px 10px;
	}
	
#utilNav ul{
	font-size: 0.8em;
	}
	
#utilNav ul li{
	height: 1.8em;
	float: left;
	margin-top: 8px;	
	}		
#utilNav a{
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 0.8em;
	padding: 8px 14px 8px 14px;	
	clear: both;
	}
#utilNav form{
	font-size: 0.8em;
	float: right;
	margin: 3px 0px 0px 0px;
	}
		
/* =contentWrapper */
#contentWrapper{
	padding-bottom: 40px;
	}

.contentChunk{
	-webkit-border-radius: 5px; /* *** webkit specific CSS3 *** */
	-moz-border-radius: 5px; /* *** mozzila specific CSS3 *** */
	border-radius: 5px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	background-color: #f3f3f3;
	}	
			
/* =column1 */
#column1{
	clear: left;
	}
		
#column1 p{
	margin: 0px 0px 14px 0px;
	}


/* =nav */

#nav{
 	margin:0;
	font-size: 0.8em;
	}
ul#nav li{
	background-color: #e3e3e3;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	
	}	
#nav li a{
	display: block;
	padding: 8px 10px 8px 10px;
	
	}	
#nav li ul{
	padding: 10px 0px 16px 0px;
	background: #eee url(../graphics/sectionSubNav_top.gif) 0 0 repeat-x;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;	
	-moz-border-radius: 0px 0px 5px 5px;	
	}
#nav li ul li{
	background: none;
	margin: 0px 0px 0px 16px;
	}		
	


#column1 ul#relSites li{
	font-size: 0.7em;
	margin-bottom: 8px;
	}
	
/* =column2 */
#column2{
	padding-bottom: 30px;
	}
#column2 p{	
	margin: 0px 10px 0px 10px;
	}			
#column2 ul li{
	font-size: 0.8em;
	}		
#column2 .rightImage{
	float: right;
	margin: 0px 14px 0px 0px;
	}	
	
/* =column3 */

#column3 p{	
	margin: 0px 10px 0px 10px;
	}
#column3 ul li{
	font-size: 0.8em;
	}	
#column3 .contentChunk ul{	
	padding-bottom: 26px;
	}
#column3 .contentChunk ul li{
	margin-bottom: 12px;
	}
		

/* =column4 */
#column4{
	padding-bottom: 30px;
	}
#column4 p{	
	margin: 0px 10px 0px 10px;
	}
	
/* page elements */



/* modal windows */
#table_box{
	position: relative;
	top: 30px;
	}

#table_box table th, #table_box table td{

	font-size: 1.5em !important;
	}


/* tables */


table{
	font-size: 0.8em;
	}

table.fullWidth{
	width: 100%;
	}


table.statsTable{
	border: none;
	margin: 0px 10px 20px 10px;
	}

table.statsTable tr, table.statsTable td, table.statsTable th{
	border: none;
	margin-bottom: 20px;
	}
table.statsTable caption{
	text-align: left;
	background-color: #ccc;
	padding: 8px 4px 8px 4px;
	margin-bottom: 0px;
	/*font-size: 0.7em;*/
	}
table.statsTable th{
	text-align: left;
	background-color:#EAEAEA;
	padding: 4px;
	font-weight: bold;
	/*font-size: 0.7em;*/
	}
	
.statsName{
	width: 296px;
	padding-right: 10px
	}	
.statsUpdated, .statsDate{
	width: 126px;
	padding-right: 10px
	}
.natStats{
	width: 104px;
	}	
table.statsTable td{
	border-bottom: 2px solid #ccc;
	padding: 8px 4px 8px 4px;
	text-align: left;
	min-width: 4em;
	/*font-size: 0.7em;*/	
	}	
tr.alignRight th{
	text-align: right;
	}
	
	
	


/* contact form */
/* CSS */

form#contact{
	font-size: 0.8em;
	padding: 30px 120px 30px 0px;
	float: right;
	width: 310px;
	}
form#contact label{
	margin-top: 10px;
	display:block;
	}

form#contact input, form#contact textarea{
	width: 300px;
	display: block;
	}
form#contact input#submit{
	float: right;
	width: 5em;
	}

/* page specific */

/* home page */

/*
.homePage #column2 .contentChunk{
	border-top: 8px solid #0079C9;
	}
.homePage #column2 .contentChunk h2{
	background-color: #CDE3F3;
	}		
.homePage #column3 .contentChunk{
	border-top: 8px solid #9D080E;
	}
.homePage #column3 .contentChunk h3{
	background-color: #F0E1E3;
	}


.homePage_alt h2, .homePage_alt h3{
	color: #000;  /* *** change design *** *//*
	font-size: 0.9em;	
	background: #E3E3E3;
	padding: 6px 10px 8px 10px;
	margin-bottom: 20px;
	}
.homePage_alt .contentChunk h3{
	font-size: 0.8em;
	font-weight: bold;	
	background: none;
	margin-bottom: 5px;
	}
.homePage_alt h4{
	font-size: 0.8em;
	font-weight: bold;
	padding: 6px 10px 8px 10px;	
	}
.homePage_alt .contentChunk{
	background-color: #f3f3f3;

	}
.homePage_alt .contentChunk_left{
	background-color: #f3f3f3;
	float: left;
	width: 306px;
	margin-right: 14px;
	padding-bottom: 30px;
	}	
.homePage_alt .contentChunk_right{
	background-color: #f3f3f3;
	loat: right;
	width: 306px;
	padding-bottom: 30px;
	}		
.homePage_alt #column2 .contentChunk li a{	
	display: block;
	}
#newsletterSignup{
	font-size: 0.7em;
	}	
#newsletterSignup li#email{
	background: url(../images/email_icon.gif) 0px 5px no-repeat;
	padding: 0px 10px 8px 40px;	
	margin-left: 10px;
	}
#newsletterSignup li#rss{
	background: url(../images/rss_icon.gif) 0px 5px no-repeat;
	padding: 0px 10px 18px 40px;	
	margin-left: 10px;
	}	
	
*/	
/* Landing Pages */	
.homePage #column2{
	/*background-color: #f3f3f3;*/
	padding-bottom: 30px;
	}
/*	
.landingPage #column2 h2{
	color: #000; 
	font-size: 0.9em;	
	background: #E3E3E3;
	}	
*/	
.homePage .contentChunk_sr, .homePage .contentChunk_sl{
	-webkit-border-radius: 5px; /* *** webkit specific CSS3 *** */
	-moz-border-radius: 5px; /* *** mozzila specific CSS3 *** */
	margin-bottom: 30px;
	padding-bottom: 15px;
	background-color: #f3f3f3;
	}
/*	
.landingPage #column1 .contentChunk h2, .landingPage #column1 .contentChunk_sr h3, .landingPage #column1 .contentChunk_sl h3, .landingPage #column2 .contentChunk_sr h3, .landingPage #column2 .contentChunk_sl h3{
	padding:0;
	background-color: #E3E3E3;
	margin-bottom: 20px;
	-moz-border-radius-topleft: 5px; /* *** mozzila specific CSS3 *** */ /*
	-moz-border-radius-topright: 5px; /* *** mozzila specific CSS3 *** */ /*
	-webkit-border-top-left-radius: 5px; /* *** webkit specific CSS3 *** */ /*
	-webkit-border-top-right-radius: 5px; /* *** webkit specific CSS3 *** */ /*	 
	}	
*/
/*	
.landingPage #column1 h2{
	padding: 0px 10px 0px 10px !important;
	margin: 0px !important;
	}
*/	
.homePage #column1 p{
	margin: 0px 10px 0px 10px;
	}	
	
/* published data pages */
/* publishedData class on the bodyTag */


/*
.#metaData{
	padding: 15px 14px 15px 14px;
	margin: 0px 26px 5px 26px !important;
	border: 1px solid #999;
	}
#metaData h3{
	}	

*/
/*
.publishedData h3{
	margin: 40px 36px 5px 36px;
	}
*/
	
#keyPoints_list{
	padding: 15px 14px 15px 14px;
	

	margin: 0px 36px 5px 36px;
	/*margin-bottom: 80px !important;
	border: 1px solid #999;*/
	}	
	
.publishedData p.footnote{
	margin: 0px 36px 5px 36px;
	background-color:#EAEAEA;
	padding: 5px 4px 8px 4px;
	}	

#keyPoints_list li{
	list-style-type: square;
	margin-bottom: 22px;
	}
	
table.publishedData_table{
	/*width: 686px;*/
	width: 636px;
	margin: 70px 36px 5px 36px;

	/*
	border-left: 1px solid #999;
	border-right: 1px solid #999;	
	*/
	}
table.publishedData_table caption{
	text-align: left;
	background-color: #ccc;
	padding: 4px;
	/*font-size: 0.7em;*/
	margin-top: 40px;
	}


table.publishedData_table th.nameDescription{
	width: 40%;
	}

/*table.publishedData,*/ table.publishedData_table tr, table.publishedData_table td, table.publishedData_table th{
	
	}



table.publishedData_table td{
	border-bottom: 2px solid #ccc;
	padding: 6px 4px 6px 4px;
	text-align: left;
	min-width: 4em;
	/*font-size: 0.7em;*/	
	font-size: 0.9em;
	line-height: 1.5em;
	}

table.publishedData_table th{
	text-align: left;
	background-color:#EAEAEA;
	padding: 4px;
	}	
/* classic slising doors example css as seen on http://www.alistapart.com/articles/slidingdoors/*/

/*
      .tabs {
        float:left;
        width:100%;
        }
      .tabs ul {
        margin:0;
        padding:10px 10px 0;
        list-style:none;
        }
      .tabs ul li {
        float:left;
        margin:0;
        padding:0 0 0 9px;
		
        }
      .tabs ul a {
        float:left;
        /*
		display:block;
 		*/

/*		
		border: 1px solid #fcfcfc;
        padding:5px 15px 4px 6px;


        }
		
		
		
/*		
      /* Commented Backslash Hack
         hides rule from IE5-Mac \*/

/*
      .tabs a {float:none;}
      /* End IE5-Mac hack */
/*
      .tabs a:hover {
        color:#333;
        }
      .tabs ul .current {

        border-width:0;
        }
      .tabs ul .current a {

        color:#333;
        padding-bottom:5px;
        }



        .js .tabs .current-info,
        .js .tabs .accessibletabsanchor{
            position:absolute;
            left:-999em;
        }
        .js .tabs .content{
            clear:both;
            margin:3em 1em 1em 1em;
        }
        .js .tabs{
            width:500px;
        }

        h1{
            margin:1em;
        }
        .tabs{
            padding:2em;
        }
        
        .about{
            clear:both;
            padding:2em;
        }	
	
/* Data page test */



/* Newsletters */

dl#newsletters{
	font-size: 0.8em;
	padding:12px;
	}	
	
dl#newsletters dt{
	padding-left: 40px;
	margin-top: 22px;
	background: url(../images/newsletter_icon_small.gif) 0 0 no-repeat;
	height: 36px;
	}	
dl#newsletters dd{
	padding-left: 40px;
	margin-top: -10px;
	line-height: 1.5em;
	}	
	
	
/* twoColumn */	
/*
#twoColumnPage_v1 h3{
	padding: 4px 0px 5px 10px !important;
	}
*/	
#twoColumnPage_v1 .contentChunk li{
	margin: 4px 10px 5px 28px !important;
	list-style: disc;
	}
	
/* three column v1 */
/*
#threeColumnPage_v1 h3{
	padding: 7px 0px 9px 10px !important;	
	}
*/
#threeColumnPage_v1 .contentChunk li{
	margin: 4px 10px 5px 28px !important;
	list-style: disc;	
	}	
	
	
/* =footer */
#footer{
	padding: 0px 10px 0px 10px;
	background: url(../graphics/footer_bg.png) bottom left no-repeat;
	}
.footerLogo_nss{
	float: right;
	margin: 0px 0px 14px 14px;
	}		
#footerContent{
	position: relative;
	top: -12px;
	background: #d5d5d5 url(../graphics/greyFade.png) top left repeat-x;
	background-color: #eee;
	min-height: 15em;
	clear: both;
	padding: 44px 0px 14px 0px;
	}
#footer_c1, #footer_c2, #footer_c3{
	background:url(../graphics/footerDivider.gif) top right repeat-y;
	}		
#footer_c1, #footer_c2, #footer_c3, #footer_c4{
	min-height: 13em;
	}
#footer_c1 p, #footer_c2 p, #footer_c3 p, #footer_c4 p{
	padding: 0px 0px 14px 0px;
	}
#footer_c1 h3, #footer_c2 h3, #footer_c3 h3, #footer_c4 h3{
	padding: 10px 0px 14px 0px !important;
	font-size: 0.8em;
	font-weight: bold;
	}					
#footer_c2 p, #footer_c4 p, #footer_c2 li{
	font-size:0.7em;
	}
	
#footer_c2 p{
	padding-right:20px;
}

	
.footerList li{
	border-bottom: 1px dotted #999;
	margin-right: 14px;
	padding: 8px 0px 10px 0px;
	}	
.footerList li a, .footerList li a:link{
	font-size: 0.8em;
	font-weight: bold;
	text-decoration:none;
	}	

#footer_c2 a, #footer_c3 a, #footer_c4 a{
	font-size: 0.7em;
	text-decoration:none;
	color: #003399;
	line-height: 1.5em;
	}		
#footer a:hover{  
	text-decoration:underline;
	color: #003399;
	}
#footer address{
	font-size: 0.7em;
	font-style: normal;
	margin-bottom: 16px;
	line-height: 1.5em;
	}