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

body {
	margin:0; 
	padding:0;
	background: #8a3e02 url(images/bkgd-gradient-fire.jpg) repeat-x; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
}

/******** TEXT FORMATTING ***************/

p { margin: 0px 0px 10px 0px; }

em { font-style:italic; }
strong { font-weight:bold; }
b  { font-weight:bold; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size:150%; font-weight:bold; color:#000000; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size:130%; font-weight:bold; color:#000000; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size:120%; font-weight:bold; color:#000000; }

.smaller { font-size: smaller; }
.monospace { font-family:"Courier New", Courier, monospace; }
.attention { color:#FF9900; background-color:#FFFFCC; font-weight: bold; font-size: larger; }
.attention2 { padding:2px; background-color:#FFFFCC; border: 1px dashed #FF9900; }

.centerText { text-align:center; }

#subContent .leftIndent270 li { text-align:left; margin-left: 270px; }  /* extra indent for unordered lists next to a left-float image */

/******** LINK FORMATTING **********************/

a:link { 
	color: #0066CC;
	text-decoration:underline;
	}
a:visited { 
	color: #996666;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #CC3333;
	}
	
.external { padding-right: 15px; background:url(images/link-external.gif) right no-repeat; }

.emailLink { padding-right: 15px; background:url(images/link-email.gif) right no-repeat; }
	
/******** IMAGE FORMATTING **********************/

img { border:1px solid #000000; }
.imgnoborder { border:0px; }

.imgLeft { margin: 0 15px 15px 0; float:left; display: block; }

.imgSupp { border: none; border-bottom: 1px solid #e4aa7e; }

/******** LAYOUT ELEMENTS ***********************/

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

#header {
	margin: 0;
	padding: 0;
	height: 119px;
	background: #fcfaf6; 
	}

#logo { margin: 12px 0 0 30px; border: none; width: 316px; float:left; }
.headerLinks { margin: 10px; padding: 0; text-align: right; float:right; color: #999999; font-size: 90%; }

#footer {
	margin: 0;
	padding: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif
	font-size: 80%;
	color: #999999;
	}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/********* FORMATTING FOR SUB-PAGE ELEMENTS *****************/

#subContentContainer {
	position: relative;
	margin: -14px 0 0 0;
	padding: 80px 20px 10px 20px;
	background: url(images/bkgd-flow.jpg) top no-repeat; 
	min-height: 260px;
	}

#subLogo { margin: -173px 0 0 10px; border: none; width: 316px; float:left; }
#subLogoImpact { margin: -180px 0 0 35px; border: none; width: 316px; float:left; }
#subContentContainer h1.subPageTitle { padding: 0 0 0 3px; color: #fcfaf6; }

#subContent {
	margin: 0;
	padding: 25px 20px 20px 30px;
	min-height: 150px;
	background: #fcfaf6;
	border: 2px solid #CCCCCC;
	}
	
#subContentSupp {
	float: right;
	width: 250px;
	margin: -115px 0 25px 30px;
	padding: 0;
	border-left: 1px solid #e4aa7e;
	border-top: 1px solid #e4aa7e;
	border-right: 2px solid #cb6212;
	border-bottom: 2px solid #cb6212;
	background: #faeccb; 
	font-size: 90%;
	}

#subContentSupp p { padding: 15px 15px 0 15px; }
/* #subContentSupp ul { padding: 15px; } */

/********* FORMATTING FOR HOME PAGE ELEMENTS *****************/

#welcome {
	position: relative;
	margin: 0;
	padding: 0;
	width: 1024px; 
	height: 260px;
	background: #fcfaf6 url(images/bkgd-flow.jpg) bottom no-repeat; 
	}

p.welcome { position: absolute; float: left; width: 375px; margin: 75px 650px 0 40px; color: #003366; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 125%; line-height: 135%; }
strong.welcome { font-size: 135%; line-height: 150%; color: #fcfaf6; }

#welcomeFeature { position: relative; float: right; margin-right: 20px; margin-top: -19px; padding: 8px; width: 550px; height: 185px; background: #fed045; border: 1px solid #d4e1ed; text-align: center; }
.boxFeature { background: #fed045; border: 1px solid #CCCC99; height: 185px; width: 550px; } 

#homeContent {
	margin: 10px 0 10px 0;
	padding: 0;
	}

td.homeContentLeft {
	padding: 0px 20px 20px 40px;
	vertical-align: top; 
	width: 35%;
	}

h2.homeContentLeft { margin-top: 0; padding-top: 0; }

td.homeContentMiddle {
	padding: 0px 20px 20px 20px;
	vertical-align: top; 
	width: 30%;
	background: #efede9;
	border-left: 4px solid #CCCCCC;
	border-right: 4px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}

td.homeContentRight {
	padding: 0px 40px 20px 20px;
	vertical-align: top; 
	width: 35%;
	}

h2.homeContentLeft { margin-top: 0; padding-top: 0; }