/* CSS Document */
/* Created by VillageWorks Communications, Inc.  */

/* COLORS USED IN THE SITE 
	light purple - #E2DEED (used in chart bg)
	light purple - #9999cc
	purple - #322C6C
	dark purple - #432580
	light blue - #D6EBF5 (used in right side panel facts bg)
	light teal - #E0EFF5
	dark teal - #008BA8
	
*/

body {
	margin:15px 0 15px 0;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	background-color:#9999cc;
}


/* ====================================================== GENERIC CLASS STYLES */


/* ======================================================== GENERIC ID STYLES */


/* ============================================================ TABLE STYLES */
table.d_main {			/* sets main content area width to 780px */
	width:780px;
	padding:0px;
	margin:0px;
}

/* ============================================================== TR STYLES */


/* ============================================================== TD STYLES */
		td.d_main_left { /* splits page into 2 column design :: anchors nav, etc, to the left side of page */
			width:305px;
			margin:0px;
			padding:0 0 0 0;
		}
		td#faq {
			background-image:url(images/i_warning_BG.gif);
			background-repeat:repeat-y;
		}
		td.d_main_right { /* splits page into 2 column design :: anchors nav, etc, to the left side of page */
			width:475px;
			margin:0px;
			padding:0px;
		}
		td#faqRight {
			background-image:url(images/i_contentBG_faq.gif);
			background-repeat:repeat-y;
		}
		
		td.td_quizQs {
	color:#000000;
	font-weight:bold;
	padding: 3px 3px 9px 3px;
		}

/* ============================================================= DIV STYLES */
div.d_main {			/* sets main content area width to 780px */
	width:780px;
}
		div.d_main_left { /* splits page into 2 column design :: anchors nav, etc, to the left side of page */
			width:305px;
			float: left;
		}
		
				div.d_main_left_top { /* contains the upper navigation */
					width:305px;
					height:309px;
				}
						div.d_navImage { /* splits top nav into two columns - this DIV has the image to the left of nav */
							width:152px;
							height:309px;
							float:left;
						}
						
						div.d_navItems { /* splits top nav into two columns - this DIV has the navigation */
							width:153px;
							float:right;
						}
								div.d_nTop {
									width: 153px;
									height: 33px;
								}
								div.d_nAbout {
									width: 153px;
									height: 26px;
								}
								div.d_nProg {
									width: 153px;
									height: 25px;
								}
								div.d_nNews {
									width: 153px;
									height: 25px;
								}
								div.d_nInvolved {
									width: 153px;
									height: 26px;
								}
								div.d_nFAQs {
									width: 153px;
									height: 26px;
								}
								div.d_nContact {
									width: 153px;
									height: 24px;
								}
								
								div.d_nSub1 {
									width:153px;
									height:29px;
								}
								div.d_nSub2 {
									width:153px;
									height:19px;
								}
								div.d_nSub3 {
									width:153px;
									height:19px;
								}
								div.d_nSub4 {
									width:153px;
									height:20px;
								}
								div.d_nSub5 {
									width:153px;
									height:37px;
								}
								
				div.d_main_left_mid { /* contains the lower navigation */
					width:305px;
				}
						div.d_safety {
							width:152px;
							height:175px;
							float:left;
						}
						div.d_learnMore {
							width:153px;
							height:175px;
							float:right;
						}
								div.d_learn_top {
									width:153px;
									height:85px;
								}
								div.d_learn_dom {
									width:153px;
									height:20px;
								}
								div.d_learn_teen {
									width:153px;
									height:20px;
								}
								div.d_learn_sex {
									width:153px;
									height:23px;
								}
								div.d_learn_quiz {
									width:153px;
									height:27px;
								}
				div.d_main_left_btmWarning {
	width:305px;
				}
		
		div.d_main_right { /* splits page into 2 column design :: anchors contents, etc. to the right side of page */
			width:475px;
			float: right;
		}
				div.d_logo {
					width:475px;
					height:70px;
				}
						div.d_logoLeft {
							width:178px;
							height:70px;
							float:left;
						}
						div.d_logoRight {
							width:297px;
							height:70px;
							float:right;
						}
				div.d_contentBG_about {
						width:475px;
						height:478px;
						background-image:url(images/i_contentBG_about.gif);
						background-repeat:no-repeat;
						margin: 0px;
				}
						div.d_contents_about {
							text-align:left;
							padding: 120px 45px 0 20px;
							color: #000000;
							font-size: 12px;
						}
				div.d_contentBG_board {
					width:475px;
					background-image:url(images/i_contentBG_board.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_board {
							text-align:left;
							padding: 126px 45px 0 20px;
							color: #000000;
							font-size: 12px;
						}
				div.d_contentBG_stats {
					width:475px;
					background-image:url(images/i_contentBG_stats.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_stats {
							text-align:left;
							padding: 110px 45px 16px 20px;
							color: #000000;
							font-size: 12px;
						}
						div.d_ch_overall_title {
							border-right: solid #008BA8 1px;
							padding: 4px 0 2px 6px;
							width: 320px;
							border-bottom: solid #008BA8 1px;
							border-left:solid #008BA8 1px;
							background-color:#008BA8;
							color:#FFFFFF;
							font-size:10px;
						}
						div.d_ch_overall_stat {
							background-color: #E0EFF5;
							border-left: solid #008BA8 1px;
							border-right: solid #008BA8 1px;
							padding: 3px 0 3px 6px;
							border-bottom: dashed #008BA8 1px;
							width: 320px;
						}
						div.d_ch_overall_stat_btm {
							background-color: #E0EFF5;
							border-left: solid #008BA8 1px;
							border-right: solid #008BA8 1px;
							padding: 3px 0 3px 6px;
							width: 320px;
						}
						div.d_ch_sub_title {
							border-right: solid #432580 1px;
							padding: 4px 0 2px 6px;
							width: 320px;
							border-bottom: solid #432580 1px;
							border-left:solid #432580 1px;
							background-color:#432580;
							color:#FFFFFF;
							font-size:10px;
						}
						div.d_ch_sub_stat {
							background-color: #E2DEED;
							border-left: solid #432580 1px;
							border-right: solid #432580 1px;
							padding: 3px 0 3px 6px;
							border-bottom: dashed #432580 1px;
							width: 320px;
						}
						div.d_ch_sub_stat_btm {
							background-color: #E2DEED;
							border-left: solid #432580 1px;
							border-right: solid #432580 1px;
							padding: 3px 0 3px 6px;
							border-bottom: solid #432580 1px;
							width: 320px;
						}
						div.d_ch_num {
	float: right;
	padding: 0 12px 0 0;
						}
				div.d_contentBG_history {
					width:475px;
					height:677px;
					background-image:url(images/i_contentBG_history.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_history {
							text-align:left;
							padding: 124px 45px 0 20px;
							color: #000000;
							font-size: 12px;
						}
				div.d_contentBG_donation {
					width:475px;
					height:677px;
					background-image:url(images/i_contentBG_donation.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_donation {
							text-align:left;
							padding: 100px 25px 0 20px;
							color: #000000;
							font-size: 12px;
						}
				div.d_contentBG_volunteer {
					width:475px;
					height:607px;
					background-image:url(images/i_contentBG_volunteer.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_volunteer {
							text-align:left;
							padding: 110px 25px 0 20px;
							color: #000000;
							font-size: 12px;
						}
				div.d_contentBG_contact {
					width:475px;
					height:478px;
					background-image:url(images/i_contentBG_contact.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_contact {
	text-align:left;
	padding: 140px 45px 0 20px;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
						}
				div.d_contentBG_faq {
					width:475px;
					background-image:url(images/i_contentBG_faq.gif);
					background-repeat:repeat-y;
					margin: 0px;
				}
						div.d_contents_faq {
							text-align:left;
							padding: 6px 45px 20px 20px;
							color: #000000;
							font-size: 12px;
						}
				div.d_contentBG_programs {
					width:475px;
					background-image:url(images/i_contentBG_programs.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_programs {
							text-align:left;
							padding: 126px 45px 16px 20px;
							color: #000000;
							font-size: 12px;
						}
				div.d_contentBG_news {
					width:475px;
					background-image:url(images/i_contentBG_news.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_news {
	text-align:left;
	padding: 110px 40px 16px 20px;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
						}
				div.d_contentBG_safety {
					width:475px;
					background-image:url(images/i_contentBG_safety.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_safety {
	text-align:left;
	padding: 120px 45px 16px 20px;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
						}
				div.d_contentBG_warning {
					width:475px;
					height:478px;
					background-image:url(images/i_contentBG_warning.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_warning {
							text-align:left;
							padding: 110px 45px 0 20px;
							color: #000000;
							font-size: 12px;
						}
				div.d_contentBG_domestic {
					width:475px;
					background-image:url(images/i_contentBG_domestic.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_domestic {
							text-align:left;
							padding: 1px 25px 16px 20px;
							color: #000000;
							font-size: 12px;
						}
								div.d_inset_dom {
	float:right;
	width:207px;
	padding: 4px 1px 6px 21px;
	font-size: 12px;
								}
								.d_inset_dom ul {
									margin:12px;
									padding: 0px;
								}
				div.d_contentBG_quiz {
					width:475px;
					background-image:url(images/i_contentBG_quiz.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_quiz {
	text-align:left;
	padding: 110px 45px 0 20px;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
						}
				div.d_contentBG_sexual {
					width:475px;
					background-image:url(images/i_contentBG_sexual.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_sexual {
							text-align:left;
							padding: 10px 25px 16px 20px;
							color: #000000;
							font-size: 12px;
						}
								div.d_inset_sar {
									float:right;
									width:192px;
									padding: 4px 2px 42px 17px;
									background-color: #D6EBF5;
								}
								.d_inset_sar ul {
									margin:12px;
									padding: 0px;
								}
				div.d_contentBG_teen {
					width:475px;
					background-image:url(images/i_contentBG_teen.gif);
					background-repeat:no-repeat;
					margin: 0px;
				}
						div.d_contents_teen {
							text-align:left;
							padding: 110px 25px 16px 20px;
							color: #000000;
							font-size: 12px;
						}
		div.d_disclaimer {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	line-height: 10px;
	padding: 4px 0 0 0;
		}
		div.d_disclaimer2 {
			font-size: 11px;
			font-style: italic;
			font-weight: normal;
		}
div.d_footer {
	width:780px;
	font-size:9px;
	text-align: center;
	padding:4px 0 0 0;
}

/* ============================================================ SPAN STYLES */
span.s_header{
	color:#322C6C;
	font-weight:bold;
}
span.s_headerTeal {
	color:#008BA8;
	font-weight:bold;
}
span.s_headerTeal2 {
	color:#008BA8;
	font-weight:bold;
	font-size: 14px;
}
span.s_header_large {
	color:#322C6C;
	font-weight:bold;
	font-size:16px;
}
span.s_disclaimer {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}		
span.s_disclaimer2 {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}


/* ============================================================ LINK STYLES */
a:link { color:#008BA8; text-decoration:underline;}
a:visited { color:#008BA8;  text-decoration:underline;}
a:hover { color:#FF9900;  text-decoration:underline;}

a.link_orange:link { color:#FF9900; text-decoration:underline;}
a.link_orange:visited { color:#FF9900;  text-decoration:underline;}
a.link_orange:hover { color:#008BA8;  text-decoration:underline;}

a.link_inlineBold:link { color:#000000; text-decoration:underline; font-weight:bold; }
a.link_inlineBold:visited { color:#000000; text-decoration:underline; font-weight:bold; }
a.link_inlineBold:hover { color:#FF9900; text-decoration:underline; font-weight:bold; }

/* ===================================================== MISCELLANEOUS STYLES */


/* ================================================ AUTOMATICALLY CREATED STYLES */