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

/* 
screen styles for nacdnet.org
*/


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

html, body, div, span, applet, object, iframe, 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-color:  #FFFFFF;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}


#content_right a,
#content_full a,
#content_right a:link,
#content_full a:link,
#content_right a:visited,
#content_full a:visited {
	color:#1C5AAD;
	text-decoration:underline;
}

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

/* End Main Element Based Layout */

/* Main Template Layout */

h1 {
	width:400px;
	}

h1 span {
}

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:#000000;
	font-size:small;
	font-weight:normal;
	text-align:center;
	padding: 35px 0px;
	margin-top:0px;
	margin-bottom:35px;
	border-top:1px #CCCCCC solid;
	
}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited {
color:#000000;
text-decoration:underline;
}

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





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

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

ul#top_nav {
	display:none;
}


ul#top_nav li {
	display:none;
	}

#gsearch {
	display:none;
	}
	
/* 
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:none;
	}

#top_nav form input {
	display:none;
	}


ul#footer_nav {
	display:none;
	}

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:left;
	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: #000000;
	width:auto;
	padding: 5px;
	margin:5px;
	font-size:x-large;
	font-weight:normal;
	border-bottom:1px #CCCCCC solid;

}


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

div.wrapper#main_content div#side_bar {
	display:none;
	
}

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: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 li
{
	list-style:outside;
	list-style-image:url( /images/nacd_bullet.png );
	padding-top: 5px;
	margin-right:5px;
	margin-left:5px;
}


	
.yellow_box {
	background-color: #FDF9D1;
	margin:5px;
	padding:5px 10px 20px 25px;
	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 {
		display:none;

}

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

#action_alert a {
	color: #1C5AAD;
	} 

#sidebar_left {
		display:none;

	}

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


#content_right p {
	padding:3px 0px 5px 10px;
	font-size:medium;
	}

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


	}
	
	#content_full p {
	padding:3px 0px 10px 10px;
		font-size:small;

	}

#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-bottom:35px;
margin-left: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 */



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



#nav {
		display:none;

	}

#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*/
		display:none;

	}

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

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		display:none;

	}

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

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

#nav li a {
		display:none;

	}

		


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

#nav li.on ul a, 
#nav li.off ul a {
		display:none;

	}

#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 {
		display:none;

	}

#li_news a {
		display:none;

	}


#li_resources a {
		display:none;

	}

#li_education a {
		display:none;

	}

#li_policy a {
		display:none;

	}

/*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:none;

}		

#nav li.on ul a {
		display:none;

}

#nav ul li a:hover {
	display:none;
}

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

/* END NAV */