/* STRUCTURE --------------------------------------------------- */

body {
	/*max-width: 1024px;*/
	margin:0;
	padding:0;
	background: #fff url(../images/bg.jpg) repeat-x;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 86%;
	}
#wrapper {
	max-width: 760px;
	min-width: 660px;
	margin: auto;
	padding: 0 20px 20px 20px;
	}

/*
#wrapper-inner {
	clear: both;
	padding-left: 195px;
	padding-right: 195px;
	overflow: hidden; 
	/*position: relative;
	}
*/

* html #wrapper-inner {
	overflow: visible; /* to make #contentwrapper visible in IE 5.5, but also helps layout from getting screwed up in DW. Thus, it's here instead of in ie-hacks.css */
	}
.inner #wrapper-inner {
	padding-right: 0;
	}
#wrapper-content {
	float: right;
	width: 100%;
	background-color: #fff;
	}
* html #wrapper-content {
	overflow: visible; /* to make #contentwrapper visible in IE 5.5, but also helps layout from getting screwed up in DW. Thus, it's here instead of in ie-hacks.css */
	}

#content, #home-content {
	position: relative; /* makes div content editable in DW Design View */
	float: left;
	width: 100%;
	margin-right: -100%;
	/*margin-right: -99.9%;*/ /*EDITED TO FIX NEW FIREFOX BUG*/
	}
.inner #content {
	position: relative; /* makes div content editable in DW Design View */
	float: left;
	width: 100%;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.1em;
	line-height: 1.4;
	}
#content-pad {
	padding: 15px;
	}




/* HEADER --------------------------------------------------- */

#header {
	overflow: hidden; /* for child float containment */
	position: relative; /* for logo AP div reference */
	width: 100%; /* for Opera to extend div full browser width */
	padding: 0 0 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
#header img {
	top: 0; /* needed for IE6 */
	left: 0; /* needed for IE6 */
	margin: 30px 0 5px 0;
	}
	
#top-feature {width: 180px; float: right; margin: 20px 0 0 0;}
#top-feature ul {overflow: auto; background: #fafafa; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; list-style: none; margin:0; padding:0 10px 0 10px;}
#top-feature li {margin:0; padding:0;}
#top-feature ul li img {float: left; margin: 0 10px 0 0; padding: 0; border: 1px solid #e0e0e0;}
#top-feature ul li p {float: left; margin: 0; padding: 0; font-family: Arial;}
#top-feature ul li p a {text-decoration: none; font-weight:bold; font-size: 90%; line-height:.9em;}
#top-feature .top-feature-image {margin:0; padding:0;}
#top-feature img {margin:0; padding:0;}

/* SECONDARY NAV ELEMENTS ----------------------------------------- */

#breadcrumb {
	color: #ffffff;
	background: #019000 url(/images/breadcrumb_bg.jpg) repeat-x;
	margin: 0;
	padding: 7px;
	font-size: .8em;
	font-weight: normal; /* needed? */
	}
#breadcrumb a {
	color: #ccebcd;
	text-decoration: none;
	font-weight: normal;
	}
#breadcrumb a:hover {
	text-decoration: underline;
	}
#breadcrumb strong {
	color: #ccebcd;
	text-decoration: none;
	font-weight: bold; /* default value -- needed? */
	}

#secondary-nav {
	font-size: .8em; /* added this rule so 2nd and 3rd levels would be same size */
	}
#secondary-nav ul {
	background-color: #d9eed9;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	}
#secondary-nav li {
	background-color: #c0e3c0;
	margin: 0 0 3px 0;
	/*font-size: .8em;*/
	}
#secondary-nav li a {
	text-decoration: none;
	display: block;
	padding: 10px;
	}
#secondary-nav li a:hover {
	text-decoration: underline;
	}
#secondary-nav ul ul {
	background-color: #d9eed9;
	color: #009900;
	list-style: square;
	margin: 0 0 0 0;
	padding: 5px;
	}
#secondary-nav ul ul li {
	background-color: #d9eed9;
	margin: 0 5px 0 20px;
	padding: 0;
	/*font-size: .78em;*/
	}
#secondary-nav ul ul li a {
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 0;
	}


/* FOOTER ELEMENTS --------------------------------------------------- */

#footer {
	clear: both;
	padding: 35px 70px 0px 70px;
	display: block;
	}
#footer p {
	font-size: .75em;
	text-align: center;
	}
#footer img {
	margin: 0 10px 0 10px;
	}


/* IMAGES -------------------------------------------------- */

.left {float:left; margin: 0 20px 20px 0; border: #e0e0e0 2px solid;}


/* TEXT --------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	}
h1 {
	font-size: 200%;
	}
h2 {
	font-size: 140%;
	margin-top: 1.5em;
	}
h3 {
	font-size: 120%;
	margin-top: 1.5em;
	}
	
h4 {
	font-size: 110%;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 0;
	}
	
a {
	color: #009900;
	}

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/*---- Header styling ---*/

.sIFR-active .home h1 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 175%;
	display: inline;
	clear: both;
	}

.sIFR-active .inner h1 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	padding-top: .25em;
	font-size: 225%;
	font-weight: bold;
	}


/* LISTS -------------------------------------------------- */
dl {
	margin: 0 0 1.2em 0; /* IE puts default margins on dls, this standardizes it cross-browser */
	}
dt {
	font-weight: bold;
	}
dd {
	margin-left: 15px;
	}


dl.image-list {
	margin: 0 0 3em 0;
	}
	
dl.image-list dt {
	clear: left;
	}
	
dl.image-list dd {
	margin: 0;
	}

dd.image {
	clear: none;
	float: left;
	margin: 0;
	padding: 5px 10px 0 0;
	border: 0;
	}
	
/* Teaser thumbnail lists and blocks */
#content .teaser {
	margin: 0;
	padding: 0;
	margin-left: 135px;
	}
#content .teaser > li {
	float: left; /* for float containment */
	clear: both;
	width: 100%;
	margin: 0 0 1.3em 0;
	padding: 0;
	background: none;
	list-style:none;
	}
	
#content .teaser h3,
#content .teaser p,
#content .teaser ul {
	float: right;
	width: 100%;
	margin: 0;
	list-style:none;
	}
#content .teaser img {
	float: left;
	width: 125px;
	margin-left: -135px;
	}


/* FORMS -------------------------------------------------- */

fieldset {
	margin: .5em 0 1em 0;
	border: 1px solid #009900;
	}
	
legend {
	font-weight: bold;
	}
	
.redstar {
	color: #990000;
	}
	
.redtext {
	color: #990000;
	}
	
form p {
	margin: 0;
	}
	
.row,
.row2,
.explanatory,
.options {
	margin: .5em 0 1em 0;
	}
	
.indent {
	margin: .5em 0 1em 10.5em;
}
	
.button1 {
	font-size:100%;
	margin: 1em .5em 1em 1em;
	padding: 3px 10px 3px 10px;
	}
	
.row label {
	float: left;
	width: 10em;
	padding-right: .5em;
	text-align: right;
	}
.row2 label {
	float: left;
	width: 7em;
	padding-right: .5em;
	text-align: right;
	}
	
.row p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 75%;
	padding-left: 14em;
	}
	
fieldset p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 75%;
	}
	
.radio {
	padding-left: 1.5em;
	margin: 0 0 1em 0;
	}
	
.explanatory label {
	display: block;
	}
	
.options ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.options li {
	margin: 0 0 .2em 24px;
	padding: 0;
	text-indent: -24px;
	}

.request_form li {
	margin: 0 0 20px 0;
	}

.request_form li li {
	list-style: none;
	}

.request_form_questions {
	margin: 5px 0 5px 0;
	}

.form_indent {
	margin: 0 0 0 3em;
	}


#form-hidden {
	display: none;
	}	


/* ____________________________________________________________ */
/* PAGE SPECIFIC ---------------------------------------------- */

/* HOME PAGE -------------------------------------------------- */

/* MAIN CONTENT */
	
#home-featured-resources {
	clear:both;
	overflow: auto;	/* for float containment */
	background: #fdfdfd url(../images/home_featured_resource_bot_left.png) no-repeat bottom left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#home-featured-resources-top {
	overflow: auto; /* for float containment */
	padding: 0 9px 0 0;
	background: url(../images/home_featured_resource_top_right.png) no-repeat top right;
	}
#home-featured-resources-bottom {
	overflow: auto; /* for float containment */
	padding: 0 0 9px 0; /* to make room for bottom left image to show */
	background: url(../images/home_featured_resource_bot_right.png) no-repeat bottom right;
	}
#home-featured-resources ul {
	overflow: auto;	/* for float containment */
	margin: 0;
	padding: 0 0 0 9px; /* to make room for bottom left image to show */
	list-style: none;
	background: url(../images/home_featured_resource_top_left.png) no-repeat top left;
	}

#home-featured-resources li {
	float: left;
	width: 29%;
	margin: 20px 2% 10px 2%;
	padding: 0;
	}
	
#home-featured-resources h3, 
#home-featured-resources p {
	margin: 10px 0 0 0;
	}
#home-featured-resources a {
	font-size: 1em;
	font-weight: bold;
	}
#home-featured-resources img {
	display: block;
	width: 100%;
	border: 2px solid #e0e0e0;
	}
	
#list {margin: 0;}
#list ul {list-style: square; background: none; padding-left:1em; margin-left:0;}
#list li {float: none; margin: .5em 0 .5em 0; width:inherit; font-size: 90%;}
#list p {margin:0; padding:0; font-size: 90%;}


#home-content h2 {margin:0 0 .5em 0;}

#home-content p {font-size: 100%; line-height: 1.5em;}




#privacy-policy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 30px 0 0 0;
	}

#privacy-policy h2 {
	color: #009900;
	margin: 0;
	}