@charset "UTF-8";
/* CSS Document */

/* 
screen styles for nacdnet.org
*/


ul#top_nav img
{
padding-left: 3px;
}

/* RESET 
cf. http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end reset */ 


/* Main Element Based Layout */

/* Colors:
	Body Background Color: #336699;
	
	Text Color over White: #676767
	
	Dark Blue Text: #1C5AAD
	
	Header Text Color: #3B6299

	Background Light Blue: #ECF0F6
	Faded Text Color over above blue: #97AED2 -- Mainly used in top nav
	
	Background Darker Blue: #C2D2E9
	Text Color over above blue: #5999D4
	
	Yellow : #FDF9D1
	
*/


body {
	background: url( /images/bg_tile.png ) repeat;
	background-color:  #336699;
	color: #676767;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
}


#fp_col1 a,
#content_right a,
#content_full a,
#sitemap_full a,
#fp_col1 a:link,
#content_right a:link,
#content_full a:link,
#sitemap_full a:link
{
	color:#1C5AAD;
	text-decoration:none;
}

#fp_col1 a:visited,
#content_right a:visited,
#content_full a:visited,
#fp_col1 a:hover,
#content_full a:hover,
#content_right a:hover,
#sitemap_full a:hover,
sitemap_full a:visited
{
	color:#133665;
	text-decoration:underline;
}


#fp_col1 a:active,
#content_full a:active, 
#content_right a:active,
#sitemap_full a:active
{
	color:#1C5AAD;
	text-decoration:underline;
}





/* End Main Element Based Layout */

/* Main Template Layout */

h1 {
	background-image: url(../images/nacd_header.png);
	background-repeat: no-repeat;
	width:500px;
	height:25px;
	margin-left:25px;
	margin-top:35px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:9px;
	}

h1 span {
	visibility: hidden;
}

h4 {
	font-size:small;
	font-weight:normal;
	margin-left:10px;
}



.wrapper {
	width:775px;
	display:block;
	margin:0px auto;
}

#main_content {
	background-color:white;

}

#footer {
	color:white;
	font-size:small;
	font-weight:bold;
	text-align:center;
	padding: 0px 0px;
	margin-top:0px;
	margin-bottom:35px;
	
}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited {
	color:#3780AE;
	text-decoration:none;
}

#footer ul li a:hover,
#footer ul li a:active {
text-decoration:underline;
}





#footer a,
#footer a:link,
#footer a:visited {
color:#FFFFFF;
text-decoration:none;
}

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

#top_nav {
	width:765px;
	background-color: #ECF0F6;
	color: #97AED2;
	display:block;
	text-align:right;
	padding: 5px 10px 5px 0px;
	font-size:x-small;
	margin:0;
}


ul#top_nav li {
	display:inline;
	padding:3px 2px;
}

#gsearch {
	width: 150px;
	float: right;
}
/* 
CSS1 requires order of pseudo-classes as follows or they will not work as expected: 
link, visited, hover, active 
*/
ul#top_nav li a,
ul#top_nav li a:link,
ul#top_nav li a:visited {
	color: #97AED2;
}

ul#top_nav li a:hover,
ul#top_nav li a:active
{
color:#1C5AAD;
text-decoration:underline;
}

#top_nav form {
	display: inline;
	}

#top_nav form input {
	height: 12px;
	font-size: 100%;
	}


ul#footer_nav {
	width:755px;
	background-color: #ECF0F6;
	border-top: 6px solid #C2D2E9; 
	color:#676767;
	display:block;
	margin: 0px auto 5px;
	padding: 5px 10px;
	font-size:smaller;
	font-weight:normal;
}

ul#footer_nav li {
	display:inline;
	padding:5px 2px;
}

ul#footer_nav li a {
	color:  #5999D4;
}

div.wrapper#main_content img#nacd_text {
	margin: 15px 0px 0px 20px;
}

#nacd_logo {
	float:right;
	margin:10px 25px 15px 0px;
}

#header_text {
	width: 500px;
	margin-left:30px;
	font-size:small;
	display:block;
	letter-spacing:-1px;
	line-height:90%;
} 

h2 {
	color: #3B6299;
	background:url( /images/header_background.png ) no-repeat bottom right;
	width:auto;
	padding: 5px;
	margin:5px;
	font-size:x-large;
	font-weight:normal;
}


h3 {
	color: #3B6299;
	padding: 5px;
	margin:5px;
	font-size:large;
	font-weight:normal;
}

div.wrapper#main_content div#side_bar {
	width: 220px;
	margin-right:30px;
	float: right;	
}

div.wrapper#main_content div#content {
	width: 450px;
	margin-right:260px;
	margin-left:10px;
}

/**
div.wrapper#main_content div#content ul li,
div.wrapper#main_content div#side_bar ul li,
div.wrapper#main_content div#content_right ul li
{
	list-style:outside;
	list-style-image:url( /images/nacd_bullet.png );
	padding-top: 5px;

}
**/


#fp_content ul li,
#fp_col2.yellow_box ul li
{
	list-style:outside;
	list-style-image:url( /images/nacd_bullet.png );
	padding-top: 5px;
}

/**
#content_full ul li,
#content_right ul li
{
	list-style:outside;
	list-style-image:url( /images/nacd_bullet.png );
	padding-top: 0px;
	maring-top: 0px;
	margin-right:15px;
	margin-left:15px;
}
**/

.yellow_bullets
{
	list-style:outside;
	list-style-image:url( /images/nacd_bullet.png );
	padding-top: 0px;
	margin-top:0px;
	margin-right:15px;
	margin-left:20px;
	padding-left: 15px;
	}

.secondary_list ul li
{	list-style-image:none;
	padding-top: 0px;
	margin-top:2px;
	margin-right:15px;
	margin-left:35px;
	list-style-position: outside;
	list-style-type: disc;
}


div.wrapper#main_content div#fp_col2 ul
{
	list-style-type: none;
}

div.wrapper#main_content div#fp_col2 ul li
{
	background-image: url(../images/nacd_bullet.png);
	background-repeat: no-repeat;
	background-position: 0em .8em;
	padding-left: 1em;
	padding-top: 5px;
	margin-right:5px;
	margin-left:5px;
}	


	
.yellow_box {
	background-color: #FDF9D1;
	margin:5px;
	padding:5px 10px 20px 5px;
	font-size:small;
}

.yellow_box a {
	color:#0075BB;
}

#nacd_actionimg {
	padding:3px;
	border: 1px solid #F8EA61;
	margin:10px 10px 5px 0px;
	float:left;
}

/* End Main Template Layout */

/* Home Page Specific */

#home_banner {
	clear:both;
	display:block;
	color:black;
	width:100%;
	height:160px;
	margin-top:32px;
	background-image: url(../images/nacd_montage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/*#action_alert {
	display:block;
	width:90%;
	margin:20px auto;
	padding: 3px 7px;
	background-color: #FDF9D1;
	border: 1px solid black;
	font-size:smaller;
	
}*/

#action_alert {
	width:720px;
	margin:126px 20px;
	padding: 3px 7px;
	background-color: #FDF9D1;
	border: 1px solid black;
	font-size:smaller;
	position:absolute;	
}

#action_alert a {
	color: #1C5AAD;
	} 

#sidebar_left {
	margin:50px 25px;
	width:187px;
	background: url( /images/sidebar_bg.png ) repeat-y;
	border: 0px 3px solid #E5E5B7;
	float:left;
	font-size:small;
	display: inline;
	}

#sidebar_no-nav {
	margin:50px 25px;
	width:160px;
	padding: 20px;
	background: url( /images/sidebar_bg.png ) repeat-y;
	border: 1px solid #B3C8E3;
	float:left;
	font-size:90%;
	display: inline;
	}

#sidebar_no-nav a{
color: #333;
}

#sidebar_no-nav a:hover{
color: #000;
}

#sidebar_no-nav a:visited{
color: #555;
}

#content_right {
	margin-top:35px;
	margin-left:250px;
	padding-bottom:35px;
	padding-right:25px;
	}


#content_right p {
	padding:3px 0px 5px 10px;
	}

#content_full {
	margin-top:35px;
	margin-left:25px;
	padding-bottom:35px;
		padding-right:25px;

	}
	
	#content_full p {
	padding:3px 0px 10px 10px;
	}

#content p {
margin: 15px 0px;
}

#content ul {
margin: 10px 0px 20px 30px;
}

#enotes_button {
margin-left:500px;
margin-top:35px;
padding-bottom:35px;
border:solid #FFFFFF 0px;
}


#fp_content {
padding:5px 10px 10px 5px;
}

#fp_content p {
margin: 15px 0px;
}

#fp_content ul {
margin: 10px 0px 20px 30px;
font-size: 90%;
}

#fp_col1 {
float:left;
width:425px;
margin:0px 0px 35px 35px;
}

#fp_col2 {
float:left;
width:250px;
margin-left:15px;
}

blockquote {
margin:5px 5px 5px 20px;
}

#crumbs ul { list-style: none; 
display:inline;
}

#crumbs { 
list-style: none; 
margin-top:50px;
}



#crumbs a,
#crumbs a:link,
#crumbs a:visited
{ 
display: inline; 
color:#777777;
text-decoration:none;
}

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


/* PRE-DEVELOPMENT */

#splash {
text-align:center;
background:#FFFFFF;
background-image:none;
}

#wrapper_splash {
margin:100px auto 0 auto;

}


/* IN ACTION */

.in_action_details {
margin:15px 10px 10px 10px;
 padding: 15px;
 background-color: #fff;
 border-style: solid;
 border-width: 1px;
 border-color: #d4dff5;
 height:205px;
 }
 
.in_action_details p {
padding:0;
margin:0;
line-height:110%;
 }

.in_action_details img{
border:1px #CCCCCC solid;
padding:2px;
margin-bottom:30px;
display:inline;
}

.in_action_details img.left
{
float:left;
margin-right:10px;
}

.in_action_details img.right {
	float:right;
	margin-left:10px;
	}

/* END IN ACTION */


/* REPORTS */

.report_details_noimg {
margin:15px 10px 10px 10px;
 padding: 10px;
 background-color: #fff;
 border-style: solid;
 border-width: 1px;
 border-color: #d4dff5;
 height: 75px;
 }
 
.report_details p {
padding:0;
margin:0;
line-height:110%;
 }

.report_details {
margin:15px 10px 10px 10px;
 padding: 15px;
 background-color: #fff;
 border-style: solid;
 border-width: 1px;
 border-color: #d4dff5;
 height: 130px;
 }
 
.report_details p {
padding:0;
margin:0;
line-height:110%;
 }

.report_details img{
border:1px #CCCCCC solid;
padding:2px;
display:inline;
}

.report_details img.left
{
float:left;
margin-right:10px;
}

.report_details img.right {
	float:right;
	margin-left:10px;
	}

/* END REPORTS */



/* BEGIN GLOBAL NAVIGATION BAR 
for home, news, resources, stewarship and policy -
everything below controls how the navbar looks and operates
 */



#nav {
	position: relative;
	top: 20px;
	height: 40px;
	padding:0;
	margin:0;
	}

#nav li ul {
	background: #b3c8e3;
	margin: 0;
	padding: 0;
	}

#nav a {
	text-decoration: none;
	letter-spacing:-0.5px;
	}

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: inline;
	padding:0 3px 0 0;
	}

#nav li ul {
	display: none;
	padding:0;
	margin:0;
	}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 30px;
	left: 0;
	background: #b3c8e3;
	height: 23px;
	padding-left:7px;
	width: 768px;
	}

#nav li.on ul {
		background: #b3c8e3;
	}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #b3c8e3;
	}

#nav li a {
	width: 106px;
	text-align: center;
	line-height: 11px;
	padding-top: 3px;
	}

		


#nav li.on a {
	color: #222222;
	}

#nav li.on ul a, 
#nav li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	width: auto;
	margin-right:0;
	margin-left:0px;
	line-height:16px;
	}

#nav li.on:hover ul a, 
#nav li.over ul li a { /*for ie - the specificity is necessary*/
	background: #b3c8e3;
	}

#nav li.on ul {
	display: block;
	}

#nav li.off:hover ul, 
#nav li.over ul {
	display: inline;
	z-index: 6000;
	}

#nav li.off a:hover, 
#nav li.on a:hover { 
	color: #185891;
	}


#li_home a, 
#li_news a, 
#li_resources a, 
#li_education a, 
#li_policy a {
	display: block;
	position: relative;
	height: 25px;
 	}

#li_home li a, 
#li_news li a, 
#li_resources li a, 
#li_education li a, 
#li_policy li a {
	height: 18px;
	display:inline;
	}

/*first, put the initial states in place*/

#li_home a {
	background: url(/images/nav_off_bg.png) repeat-x;
	border: 2px solid #b3c8e3;
	color:#006AC6;
	}

#li_news a {
	background: url(/images/nav_off_bg.png) repeat-x;
	border: 2px solid #b3c8e3;
	color:#006AC6;
	}


#li_resources a {
	background: url(/images/nav_off_bg.png) repeat-x;
	border: 2px solid #b3c8e3;
	color:#006AC6;
	}

#li_education a {
	background: url(/images/nav_off_bg.png) repeat-x;
	border: 2px solid #b3c8e3;
	color:#006AC6;
	}

#li_policy a {
	background: url(/images/nav_off_bg.png) repeat-x;
	border: 2px solid #b3c8e3;
	color:#006AC6;
	}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #li_home.on a {
 	background: #b3c8e3;
 } 
 
  #li_news.on a {
 	background: #b3c8e3;
 } 
 
  #li_resources.on a {
 	background: #b3c8e3;
 } 
 
  #li_education.on a {
 	background: #b3c8e3;
 } 
 
  #li_policy.on a {
 	background: #b3c8e3;
 } 
 
 
 /*add selectors for the other li's and background-positions*/

/*hover states*/

#li_home a:hover, 
#li_home:hover a, 
#li_home.over a {
	background: #FFFFCC;
}

#li_news a:hover, 
#li_news:hover a, 
#li_news.over a {
	background: #FFFFCC;
}

#li_resources a:hover, 
#li_resources:hover a, 
#li_resources.over a {
	background: #FFFFCC;
}

#li_education a:hover, 
#li_education:hover a, 
#li_education.over a {
	background: #FFFFCC;
}

#li_policy a:hover, 
#li_policy:hover a, 
#li_policy.over a {
	background: #FFFFCC;
}

/*subnav formatting*/

#nav li.off ul a, 
#nav li.on ul a {
	display: block;
	background: #b3c8e3;
	color: #006AC6;
	font-size: small;
}		

#nav li.on ul a {
	background: #b3c8e3;
}

#nav ul li a:hover {
background-color: #b3c8e3;
}

#nav ul li a.page_on {
color:#222222;
}

/* END NAV */

.table_border table,
.table_border td,
.table_border tr {
border:1px #EEEEEE solid;
}

li.left
{
float: left;
font-weight: bold;
}

/* MENU */
.menu_head
{
background-color: #eaeaa3;
width: 150px;
}

div.sub_nav
{
padding-left: 7px;
/*border-right:1px solid #B3C8E3;*/
}

div.sub_nav a
{
display:block;
width:180px;
padding: 3px;
}

div.sub_nav a:hover
{
background-color: #ffffcc;
color: #000;
border: 1px solid #333;
}

div#p7TMnav div a
{
display:block;
width:186px;
background-color:#ECF0F6;
padding: 3px 3px 3px 10px;
border-bottom:1px solid #B3C8E3;
border-top:1px solid #B3C8E3;
border-left:1px solid #B3C8E3;
border-right:1px solid #B3C8E3;
margin-left: -6px;
color: #555;
font-size: 90%;
text-decoration: none;
}

div#p7TMnav div a:hover
{
color: #333;
}

div#p7TMnav div div.sub_nav a
{
border:none;
background:transparent;
padding:0px;
margin:4px;
width:100%;
}

div#p7TMnav div div.sub_nav_invisible a
{
display: none;
}


#sidebar_image
{
margin:50px 25px;
width:187px;
float:left;
display: inline;
}

#sitemap_full
{
margin-top:35px;
margin-left:25px;
padding-bottom:35px;
padding-right:25px;
}
	
#sitemap_full p
{
padding:3px 0px 10px 10px;
}

div#sitemap_full table.sitemap tbody tr td ul li
{
list-style-type: none;
text-decoration: underline;
font-size: 120%;
}

div#sitemap_full ul div#sitemap_l li a,
div#sitemap_full ul div#sitemap_r li a
{

}

div#sitemap_full table.sitemap tbody tr td ul ul.yellow_bullets li
{
text-decoration: none;
font-size: 100%;
}