﻿html 
{
    margin: 0px;
    padding: 0px;
    padding-bottom: 1px;
    height: 100%;
}

body 
{
	background-image: url(../images/public-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #EBE9E1;
	margin: 0px;
	padding: 0px;
	height: 100%;
    color: #7d7d7d;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

td, p
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #7d7d7d;
}

/* -------- */
/* headers */
/* -------- */
h1 
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 22px;
	color: #84a53e;
	font-weight: normal;
    margin: 0;
}

h2
{
	font-size: 18px;
	color: #7a96a3;
	font-weight: normal;
}

h3
{
	font-size: 13px;
	color: #7a96a3;
	font-weight: bold;
}

#divResourceList h3
{
	font-size: 15px;
	color: #7a96a3;
	font-weight: bold;
}


/* -------- */
/* links */
/* -------- */
a 
{
	color: #b9901e;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.info
{
	text-decoration: none;
	border-bottom: 3px double #b9901e;
}

a.info span.tooltip
{
	display: none;
}

a.info:hover
{
	text-decoration: none;
	position: relative;
	z-index: 100;
}

a.info:hover span.tooltip
{
	display:block;
	position: absolute;
	float: left;
	top: 2em;
	left: -20px;
	background-color: #efefef;
	border: 1px solid #91b2c1;
	color: #444;
	padding: 8px;
	z-index: 10;
	width: 300px;
}


/* -------- */
/* Bullets */
/* -------- */
ul.gold
{
	list-style-image: url(../images/goldBullet.png);
	margin-left: 1em;
	padding: 0px;
}

ul.gold li
{
	padding-bottom: 2px;
}


/* -------- */
/* Primary nav */
/* -------- */
.primaryNavTop
{
	height: 36px;
	background-image: url(../images/master/primary-bg.gif);
	background-repeat: repeat-x;
}

.primaryNavBot
{
	height: 5px; background-color: #84a53e;
}

.primaryNavSubNav
{
	height: 26px;
	background-color: #84a53e;
	background-image: url(../images/publicmaster/subNavBg.gif);
	background-repeat: repeat-x;
}


.subNav
{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}

a.subNav
{
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

a.subNavSel
{
	color: #c4e0e4;
	font-size: 11px;
	font-weight: bold;
}

ul.dropdown                         { position: relative; list-style: none; padding: 0; margin: 0;}
ul.dropdown li                      { float: left; padding: 0; margin: 0;}
ul.dropdown li a                    { display: block; padding: 0; border-right: 0; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:hover                { background: #e9e4d2; color: black; position: relative; }
ul.dropdown li.hover a              { color: #fff; font-weight: bold; font-size: 11px; }
        
/* 
LEVEL TWO
*/
ul.dropdown ul 						{ width: 200px; visibility: hidden; position: absolute; top: 100%; left: -40px; list-style: none; z-index:100; }
ul.dropdown ul li 					{ font-weight: normal; background: #84a53e; color: #fff; border-bottom: 1px solid #ccc; float: none; padding: 5px 6px 5px 6px;}
ul.dropdown ul li.hover a           { color: #7a96a3; text-decoration: none; }							  
		
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* -------- */
/* Bottom nav */
/* -------- */
.bottomNav
{
	color: #666666;
	font-size: 11px;
}

a.bottomNav
{
	color: #87a83e;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}


.utilityNav
{
	color: #ffffff;
	font-size: 11px;
}

/* -------- */
/* Utility nav */
/* -------- */
a.utilityNav
{
	color: #ffffff;
	font-size: 11px;
}

a.utilityNavSel
{
	color: #d3bb62;
	font-size: 11px;
}

/*------------*/
/* Validation */
/*------------*/
.errorMsg 
{
    color: Red;
}

.confirmMsg
{
    font-weight: bold;
    color: #5daa66;
}

.validation
{
     padding: 20px 10px 10px 70px;
     color: #f00;
     background-image: url(../images/large-alert.png);
     background-position: 10px 10px;
     background-repeat: no-repeat;
     text-align: left;
}

.validation ul
{
    list-style-image: url(../images/goldBullet.png);
    color: #7a96a3;
    font-size: 9pt;
    font-weight: normal;
}

.validationHead
{
    font-size: 9pt;
    font-weight: normal;
    color: red;
}

/* -------- */
/* Forms */
/* -------- */
.instructions
{
	color: #7a96a3;
	font-size: 15px;
}

.fieldLbl
{
	color: #628891;
	font-size: 12px;
	text-align: right;
}

.readOnlyLbl
{
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
.fieldLblLeft
{
	color: #628891;
	font-size: 12px;
	text-align: left;
}

.formField
{
    background-color: #fff;
    border: solid 1px #dfdbcd;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    color: #7d7d7d;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.selectField
{
    background-color: #fff;
    border: solid 1px #dfdbcd;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    color: #7d7d7d;
    padding-top: 2px;
    padding-bottom: 2px;
}

.btn
{
	background-color: #b9901e;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #cccccc;
	padding: 8px 15px 8px 15px;
}

.btnDisabled
{
	background-color: #efefef;
	color: #999999;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #cccccc;
	padding: 8px 15px 8px 15px;
}

/*------------*/
/* Grids      */
/*------------*/
.gvHeaderRow
{
    font-family: verdana;
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #a2a099;
}

.gvHeaderRow A
{
	font-family: verdana;
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
}

.gvDataRow, gvDataRow A, A.gvDataRow
{
    font-family: arial;
    font-size: 8pt;
}

/*--------------- */
/* Search Box */
/*--------------- */
.searchField
{
    background-color: #fff;
    border: solid 1px #e9e4d2;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    color: #7d7d7d;
    padding-left: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*--------------*
/* Tertiary Vertical Nav
/*--------------*/
#tertNavContainer 
{
	width: 214px;
	height: 100%;
	background-image: url(../images/controls/vertNav/bg.png);
	background-position: right;
	background-repeat: repeat-y;
	float: left;
	margin-right: 35px;
}

#tertNavContainer .tertNavheader
{
	height: 23px;
	width: 199px;
	background-color: #f0f0f0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding-top: 11px;
	padding-left: 15px;
	background-image: url(../images/controls/vertNav/bg.png);
	background-position: right;
	background-repeat: repeat-y;
}

#tertNavContainer ul
{
	margin-left: 1em;
	padding-left: 20px;
	line-height: 18px;
	list-style-image: url(../images/goldBullet.png);
}

#tertNavContainer ul a
{
	color: #84a53e;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

#tertNavContainer ul a.selected
{
	color: #484340;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

#tertNavBody
{
	float: left;
	width: 680px;
	padding-top: 12px;
}

/* Crumbtrail */
.crumbtrail 
{
	color: #b9901e;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}


/* Survey */
#divSurvey
{
	width: 250px;
	height: 150px;
	padding: 20px 20px 20px 20px;
	background-color: #fefefe;
	z-index: 1;
	filter: alpha(opacity=0);
	opacity:0;
	border: 1px solid #cccccc;
	background-color: #efefef;
	position: absolute;
	left: 350px;
	top: 10px;
	display: none;
}

/* Result Actions */
#divResultSave 
{
	position: absolute;
	z-index: 1;
	width: 300px;
	padding: 20px 20px 20px 20px;
	border: 3px double #cccccc;
	background-color: #fefefe;
	left: -30px;
	top: 5px;
}

#divResultEmail 
{
	position: absolute;
	z-index: 1;
	width: 500px;
	padding: 20px 20px 20px 20px;
	border: 3px double #cccccc;
	background-color: #fefefe;
	left: -200px;
	top: 5px;
}

/* Interior Pages */
.pageMargin
{
	padding-left: 20px;
	padding-right: 20px;
}

.innerBodyCopy
{
	padding-left: 15px;
	width: 80%;
}

/* Home Page */
#tblmain
{
	width: 960px;
	border: 0;
}

#homeLeft
{
	width: 451px; 
	height: 185px;
	/*background-image: url(../images/pages/home/leftBg.jpg);
	background-repeat: no-repeat;*/
}

#homeRight
{
	width: 509px; 
	height: 281px;
	background-image: url(../images/pages/home/story_empty.jpg);
	background-repeat: no-repeat;
}

#homeFeatures
{
	width: 509px; 
}

#homeLeftBtm
{
	width: 451px; 
	height: 96px;
}

#homeSummary
{
	background: none;
}

#homeIntro
{
	padding-top: 28px;
	padding-left: 27px;
	padding-right: 17px;
	padding-bottom: 37px;
}

.homeTestTitle
{
	font-size: 18px;
	color: #cbaf45;
}

.homeTestBody
{
	font-size: 13px;
	color: #838383;
}

a.homeTestMore
{
	font-size: 11px;
	font-weight: bold;
	color: #83a43e;
}

h3.featuredPartner
{
	font-size: 15px;
	color: #4d4844;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
}

.homeFeaturedMore
{
	padding-top: 10px;
}

.homeFeaturedMore a
{
	color: #6da2bc;
	font-size: 11px;
}

#homeFacts
{
	padding-left: 17px;
	padding-right: 21px;
	padding-top: 46px;
	margin-top: 32px;
	margin-bottom: 12px;
	background-image: url(../images/pages/home/didYouKnowBg.gif);
	background-repeat: no-repeat;
	width: 164px;
	height: 84px;
}

#homeNews
{
	float: left; width: 245px; padding-right: 20px; min-height: 284px;
	font-size: 12px;
}

#homeNews div
{
	padding-top: 5px;
}

#homeNews a.title
{
	color: #84a53e;
	font-weight: bold;
}

#homeNews a.more
{
	color: #b9901e;
	font-weight: bold;
	font-size: 10px;
}

#homeGAC
{
	background-color: #514c48;
	height: 140px;
	padding-top: 33px;
	padding-left: 28px;
}

#homeGACTitle
{
	color: #ffd659;
	font-size: 16px;
	padding-top: 16px;
	padding-bottom: 3px;
}

#homeGACBody
{
	width: 500px;
	color: White;
	font-size: 12px;
}

#homeBCLTOuter 
{
    margin-bottom: 15px;
    width: 178px;
    padding: 4px 7px 8px 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height: 131px;
    background-color: #679ab3;
    background: -webkit-linear-gradient(#548096, #578196, #6598b0, #6ca1bb, #6091a9, #568399); /* For Safari */
    background: -o-linear-gradient(#548096, #578196, #6598b0, #6ca1bb, #6091a9, #568399); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#548096, #578196, #6598b0, #6ca1bb, #6091a9, #568399); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#548096, #578196, #6598b0, #6ca1bb, #6091a9, #568399); /* Standard syntax */
}

/* Survivors Voices */
.divSvThumb {float: left; width: 120px;}
.divSvThumb img {padding: 2px; border: 1px solid #ccc;}
.divSvSummary {float: left; width: 600px;}
.divSvSummary h2 {margin-top: 0; padding-top: 0;}
.divSvStory {margin-bottom: 30px;}

.divSvThumbDet {float: left; margin-right: 35px; margin-bottom: 25px; font-size: 11px;}
.divSvThumbDet img {padding: 2px; border: 1px solid #ccc;}
.litStory {}
.divSvStoryDet {margin-bottom: 30px;}
