/******************************
		BASIC ELEMENTS
******************************/	
html {
	font-size:125%;  /* Sets html default to 20pt */
}

body {
	background:#7A8DAB url(page_bgPattern.jpg) repeat-x;
	font-size:50%;  /* Sets 1em = 10pt */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3B3B3B;
}

* {
	margin:0;
	padding:0;
}

p {
	padding-bottom:1.1em;
}

img {
	border:none;
}

ul#helpSites li, ul.moreSites li {
	list-style-type:none;
}


/******************************
	     SPECIFIC DIVS
******************************/
div#titleContainer h3 span, div#titleContainer div#nationalHelplines span, div#bannerContainer h3 span, div#bannerContainer div#purpose span, div#contentContainer h3 span, div#contentContainer div.quote span {
	display:none;
}

div#bannerContainer h3, div#contentContainer h3 {
	padding-bottom:1.7em;  /* == 20px */
} 

div#bannerContainer a, div#contentContainer a {
	color:#D65DAA;
	font-weight:bold;
}

div#bannerContainer a:visited, div#contentContainer a:visited {
	color:#999999;
	font-weight:bold;
}	

div#bannerContainer a:hover, div#contentContainer a:hover {
	text-decoration:none;
}

div#bannerContainer p {
	width:180px;
}

div#bannerContainer div#purpose p {
	padding-top:1.3em;  /* == 14px  */
}

div#mainContainer {
	background:#EFEFEF;
	margin:0 auto;
	width:990px;
	font-size:1.1em;
}


/******************************
	    TITLE CONTAINER
******************************/
div#titleContainer {
	background:#EFEFEF;
	width:970px;
	height:55px;
	margin:0 auto 13px auto;
}

div#titleContainer h3 {
	background:url(title2.jpg) no-repeat top left;
	width:461px;
	height:55px;
	position:relative;
	top:7px;
	left:7px;
}

div#searchContainer {
	width:225px;
	height:25px;
	position:absolute;
	margin-top:-47px;
	margin-left:756px;
}

/*div#searchContainer form input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#searchContainer form input#searchBox {
	width:145px;
	border:1px solid #214D8A;
}

div#searchContainer form input#searchBox:focus {
	background:#E3EBF3;
	border:1px solid #3B3B3B;
}*/

div#searchContainer form input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#searchContainer form input#searchBox {
	font-size:1em;
	width:140px;
	border:1px solid #214D8A;
}

div#searchContainer form input#searchBox:focus {
	background:#E3EBF3;
}

div#searchContainer form input#searchButton {
	background:#214D8A;
	color:#FFF;
	font-size:1em;
	border:1px solid #214D8A;
}

div#searchContainer form input#button {
	background:#214D8A;
	color:#FFF;
	border:1px solid #214D8A;
	font-size:1em;
}

div#nationalHelplines {
	background:url(hotlines2.gif) no-repeat top right;
	width:439px;
	height:25px;
	position:absolute;
	margin-top:-20px;
	margin-left:522px;
}


/******************************
	    BANNER CONTAINER
******************************/
div#bannerContainer {
	width:970px;
	float:left;
	margin:0 0 10px 10px;
	display:inline;
}

div#purpose {
	background:url(sideBox.jpg) no-repeat top left;
	width:193px;
	height:190px;
	padding:10px 5px 10px 12px;
	float:left;
	display:inline;
	margin-left:4px;
}

div#purpose div#purposeText {
	background:url(purposeText.gif) no-repeat top left;
	width:183px;
	height:103px;
	margin-top:5px;
}

div#flashBanner {
	width:526px;
	height:200px;
	float:left;
	margin:0 8px;
}

div#supplementalInfo {
	background:url(sideBox.jpg) no-repeat top left;
	width:193px;
	height:190px;
	padding:10px 5px 10px 12px;
	float:left;
	display:inline;
}

/*div#supplementalInfo h3 {
	background:url(upcomingEvents_heading.gif) no-repeat top left;
	width:132px;
	height:29px;
	padding-bottom:15px;
}*/


/******************************
	GLOBAL NAV CONTAINER
******************************/
div#navContainer {
	background:url(nav_leftEnd.jpg) no-repeat top left;
	width:970px;
	height:35px;
	margin:0 auto;
	float:none;
	clear:both;
}

div#navContainer2 {
	background:url(nav_rightEnd.jpg) no-repeat top right;
	width:970px;
	height:35px;
	text-align:center;
}

div#linksContainer {
	background:url(nav_bgPattern.jpg) repeat-x top left;
	width:800px;
	height:35px;
	margin:0 auto;
}

div#linksContainer img {
	padding:0 .2em;
}


/******************************
	    CONTENT CONTAINER
******************************/
div#contentContainer {
	margin:10px auto 0 auto;
	width:970px;
}

div#topCurve {
	background:url(content_topCurve.jpg) no-repeat top center;
	height:22px;
}

div#content {
	background:url(content_bgPattern3s.jpg) repeat-y top center;
	padding:0 0 10px 0;
	float:left;
	width:970px;
	display:inline;
}

body#heathersVoice-2sections div#content {
	background:url(content_bgPattern2s.jpg) repeat-y top center;
	padding:0 0 10px 0;
	float:left;
	width:970px;
	display:inline;
}

body#heathersVoice-1section div#content {
	background:url(content_bgPattern_noLines.jpg) repeat-y top center;
	padding:0 0 10px 0;
	float:left;
	width:970px;
	display:inline;
}

div#content {
	background:url(content_bgPattern3s.jpg) repeat-y top center;
	padding:0 0 10px 0;
	float:left;
	width:970px;
	display:inline;
}

div#content span.source {
	font-size:.9em;
	color:#999;
}

div#content ul li {
	padding-bottom:1em;
}

div#leftColumnWide {
	float:left;
	width:665px;
	padding:0 20px 0 25px;
	text-align:justify;
}

div#leftColumn {
	float:left;
	width:210px;
	/*border-right:1px solid #CCCCCC;*/
	padding:0 20px 0 25px;
	text-align:justify;
}

/*div#leftColumn h3 {
	background:url(whatsDV_heading.gif) no-repeat top left;
	width:179px;
	height:29px;	
}*/

div#leftColumn ul {
	margin-left:25px;
	text-align:left;
}

div#leftColumn ul li {
	list-style:url(checkmark_green.gif) outside;
}

div#middleColumn {
	float:left;
	width:415px;
	padding:0 20px;
	text-align:justify;
}

/*div#middleColumn h3 {
	background:url(whatsNew_heading.gif) no-repeat top left;
	width:100px;
	height:29px;
}*/

div#middleColumn div.talkBubble {
	background:url(talkBubble_red.jpg) no-repeat top left;
	float:right;
	width:175px;
	height:130px;
	margin-left:15px;
	z-index:1;
}

div#middleColumn div.quote {
	background:url(debbieQuote01.gif) no-repeat top left;
	width:175px;
	height:130px;
	z-index:2;
}

div#middleColumn div#formContainer form div {
	padding-bottom:15px;
	float:left;
}

div#middleColumn div#formContainer form label {
	float:left;
	width:140px;
	font-weight:bold;
}

div#middleColumn div#formContainer form input.inputArea, div#middleColumn div#formContainer form textarea#message {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #3B3B3B;
	width:270px;
}

div#middleColumn div#formContainer form input:focus, div#middleColumn div#formContainer form textarea:focus {
	background:#ECD9F2;
}

div#middleColumn div#formContainer form input, div#middleColumn div#formContainer form textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #3B3B3B;
}

div#middleColumn div#formContainer form div#formButtons {
	margin-left:230px;
	float:left;
	width:125px;
	display:inline;
}

div#middleColumn ul#helpSites, div#middleColumn ul#helplines {
	margin-left:2em;
}

div#middleColumn ul#helpSites li, div#middleColumn ul#helplines li {
	list-style-type:none;
}

div#middleColumn ul#helpList li {
	list-style:url(arrow_red.gif) outside;
	text-align:left;
}

div#middleColumn ul#helpList {
	margin-left:25px;
}

div#rightColumn {
	float:left;
	width:210px;
	height:auto;
	/*border-left:1px solid #CCCCCC;*/
	padding:0 25px 0 20px;
	text-align:justify;
	z-index:2;
}

/*div#rightColumn h3 {
	background:url(didYouKnow_heading.gif) no-repeat top left;
	height:29px;
	width:122px;
}*/

div#rightColumn ul {
	margin:-4px 0 0 25px;
}

div#rightColumn  ul li {
	list-style:url(questionMark_orange.gif) outside;
}

div#rightColumn p.question {
	font-weight:bold;
}

div#rightColumn div#q1:hover p, div#rightColumn div#q2:hover p, div#rightColumn div#q3:hover p, div#rightColumn div#q4:hover p {
	text-decoration:underline;
	color:#E18522;  /* orange */
}

div#resultsContainer {
	float:left;
	width:920px;
	padding:0 20px 0 25px;
	text-align:left;
}

div#resultsContainer div#results {
	margin-top:10px;
}

div#leftHalf {
	float:left;
	width:437px;
	padding:0 20px 0 25px;
	text-align:left;
}

div#rightHalf {
	float:left;
	width:437px;
	padding:40px 20px 0 25px;
	text-align:left;
}

div#bottomCurve {
	background:url(content_bottomCurve.jpg) no-repeat bottom center;
	height:16px;
	float:none;
	clear:both;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix {
	display:block;
}

* html .clearfix {
	height:1%;
	}

/******************************
	    FOOTER CONTAINER
******************************/
div#footerContainer {
	background:#EFEFEF;
	margin:10px auto 0 auto;
	padding-bottom: 10px;
	width:970px;
	text-align:center;
	color:#3B3B3B;
	font-size:.9em;
}

div#footerContainer ul {
	width:700px;
	margin:0 auto;
}

div#footerContainer ul li {
	list-style-type:none;
	display:inline;
	border-right:1px solid #3B3B3B;
}

div#footerContainer ul li#first-child {
	border-left:1px solid #3B3B3B;
}

div#footerContainer a {
	color:#3B3B3B;
	text-decoration:underline;
	padding:0 5px;
	display:inline;
	width:auto;
}

div#footerContainer a:hover {
	color:#3B3B3B;
	text-decoration:none;
}