/* CSS Document */


/* ---------------------------------------------------------------------------- */
/* BODY, LINKS & TOP NAVIGATION ----------------------------------------------- */
body {
	background-image: url(/images/page_background.jpg);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}

a
{
	
	color:#CC0000;
	text-decoration:underline;
}

a:hover, a:visited:hover
{
	color: #0099FF;
}

.bold{ font-weight: bold;}
#bodyTopContainer
{
	width:860px;
	margin-left:auto;
	margin-right:auto;
}

#top
{
	background-image: url(/images/top_background.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #000033;
	border-bottom:none;
	background-color:#3399FF;
}

#newsletterSignUp
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#990000;
	text-decoration:underline;
	text-align:right;
	float:right;
	display:inline;
	margin: 3px 3px 0px 0px;
}

#logo
{
	float:left;
	display:inline;
	margin: 10px 0px 10px 10px;
}

#navBar
{
	background-image: url(/images/navBar_background.jpg);
	background-repeat:repeat-x;
	background-color:#333333;
}

.navImage
{
	margin: 5px 27px 5px 0px;
}

#bodyContainer
{
	width:860px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #000033;
	border-top:none;
	overflow:hidden;
	background-color:#FFFFFF;
}

.clear
{
	clear:both;
	margin:0px;
	font-size:0px;
	padding:0px;
	height:0px;
}

/* ---------------------------------------------------------------------------- */
/* MAIN AREA ------------------------------------------------------------------ */

#MainFloat
{
	float: left;
	width:590px;
	background-image:url(images/mainFloatHeader.jpg);
	background-repeat:repeat-x;
	border-right: 270px solid #CCFFFF;
	margin-right:-270px;
}

#MainFloatTitle
{
text-align:left;
margin: 27px 0px 0px 15px;
} 

#MainFloatBox
{
	border: 1px solid #0099FF;
	margin: 15px 15px 15px 10px;
	text-align:left;
	padding: 20px 25px 25px 25px;
	
	/* Hides from IE-mac \*/
	//* height: 1%;
	/* End hide from IE-mac */
	

}

#MainFloatBox p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:150%;
	margin-bottom: 15px;
	word-spacing: .1em
}


#MainFloatBox .title
{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size: 27px;
	color:#CC0000;
	text-align:right;
}

#MainFloatBox	.LeftPullout, #homepageSecondary .LeftPullout
{
	float:left;
	margin: 20px;
}


#MainFloatBox	.RightPullout, #homepageSecondary	.RightPullout
{
	float:right;
	margin:20px;
}

li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000000;
	line-height:120%;
	margin-bottom: 15px;
}

.videoRow
{
	margin-bottom: 20px;
}

.videoBox
{
	padding: 10px;
	border: 1px solid #FFFFFF;
	
}

.videoBoxHover
{
	padding: 10px;
	border: 1px solid #0099FF;
}

.videoUnit
{
	float:left;
	cursor:pointer;
	width:175px;
	margin-right:5px;
}

.videoText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}

#videoPlayer
{
	position:absolute;
	top: 200px;
	left: 200px;
	width:425px;
	display:none;
	background-color:#000000;
}

.videoPlayerTitle
{
	padding: 15px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.memorialRow
{
	margin: 20px 0px 20px 0px;
}

.memorialImage
{
	float: left;
	text-align:center;
	width: 120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:140%;
}

.memorialPhoto
{
	margin-bottom: 5px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.ArticleSubHeading
{
	font-size: 14px;
	color:#CC0000;
	font-weight:bold;
}


.callout
{
	font-size: 14px;
	color:#3366CC;
	font-weight:bold;
}

.SubHeadline
{
	font-weight:bold;
	color:#CC0000;
	margin-bottom:0px;
}



/* -------------------------------------------------------------------------------- */
/* RIGHT SIDEBAR ------------------------------------------------------------------ */

#rightSidebar
{
	float:left;
	width:270px;
	background-color:#CCFFFF;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#rightSidebarHomepage
{
	float:left;
	width:270px;
	background-color:#E4F2EE;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
	
.rightSideBarBox
{
	width: 255px;
	background-color:#FFFFFF;
	border: 1px solid #0199FF;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:125%;
	color:#666666;
	
}

#rightSidebar p
{
	text-align:left;
}

#rightSidebar li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#006699;
	line-height:120%;
	list-style-type:none;
	margin-left:-35px;
}

.newsletterLi
{
	margin-bottom: 5px;
}

.no-margin
{
	text-align: left;
	
}

.yes-margin
{
	text-align: left;
	margin: 6px 11px 10px 6px;
	
}

.SidebarHeading
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0099FF;
	margin: 0px;
	padding: 0px;
	margin-bottom:5px;
}

.SidebarContent
{
	font-family:Verdana, Arial, Helvetica, sans-serif
	font-size:12px;
	color:#333333;
	line-height:115%;
	margin: 0px;
	padding: 0px;
}

.sidebarLine
{
	border-top: 1px solid #0099FF;
	margin-top: 10px;
	margin-bottom: 10px;
}

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

#Footer
{
	width:862px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:125%;
	color:#333333;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 25px;
}

#FooterBar
{
	background-image: url(/images/navBar_background.jpg);
	border: 1px solid #003333;
	background-repeat:repeat-x;
	height:24px;
	margin-bottom: 10px;
}


/********** PAGE SPECIFIC */

.donateChoice
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:36px;
color:#0099CC;
line-height:140%;
}

.donate_other
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0099CC;
	line-height:140%;
	margin-left: 45px;
}

.buttonSpace
{
	margin-top: 20px;
	margin-left: 25px;
	width:215px;
}

#leftContentBox
{
	float: left;
	
}

#Donate_Right
{
	float: right;
	width: 48%;
	border-left: 1px solid #0099FF;
	margin-top: 25px;
	padding-left: 15px;
}	

#Links_Left
{
	float: left;
	width: 21%;
	margin-right: 20px;
}	


#Links_Right
{
	float: left;
	border-left: 1px solid #0099FF;
	padding-left: 15px;
}	

#Links_Left li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#006699;
	line-height:130%;
	margin-bottom: 15px;
	list-style-type:none;
	margin-bottom:10px;
	margin-left:-35px;
}

#Links_Left a
{	
	color:#333333;
}

#Links_Left a:hover, #Links_Left a:visited:hover
{
	color: #0099FF;
}

/********** Upcoming Events ***********/

.upcomingEvent
{
	border-top: 1px solid #0099FF;
	margin-top: 7px;
	margin-bottom: 5px;
	padding: 7px 3px 3px 3px;
}

.upcomingEvent .eventName, .upcomingEvent .dateTime
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CC0000;
	font-weight:bold;
}

.upcomingEvent .dateTime
{
	margin-bottom: 2px;
}

.upcomingEvent .eventName
{
	margin-bottom: 4px;
}

.upcomingEvent .Summary
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	margin-bottom:7px;
	line-height:115%;
}

.upcomingEvent .location
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin-bottom: 3px;
	line-height:95%;
}


/************************/
#HomepageFloat
{
	float: left;
	width:590px;
	border-right: 270px solid #E4F2EE;
	margin-right:-270px;
	text-align:left;
}

.titleRow
{
	background-image: url(/images/homepage_TitleBK.jpg);
	background-repeat:repeat-x;
	text-align:left;
	height:23px;
	padding:10px 0px 0px 10px;
}

#HomepageSponsorRow #titleRow
{
	padding:7px 0px 0px 10px;
	margin: 5px;
	margin-top:0px;
}

#HomepageSponsorRow #logoRow
{
	margin-bottom: 10px;	
}

.sponsorImage
{
	margin: 0px 20px 0px 20px;
}

#homepageSecondary .SeconaryBox, .SeconaryBox
{
	border: 1px solid #0099FF;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	
}

#homepageSecondary #Left
{
	width: 178px;
	margin-right: 3px;
}

#homepageSecondary #Right
{
	width: 396px;
	margin-right:0px;
}


#homepageSecondary p, #videoRight p
{
	font-family: Arial;
	font-size: 12px;
	line-height:120%;
	margin-bottom: 15px;
	word-spacing: .1em;
	text-align:justify;
	color:#666666;
}

.homepageTextBox
{
	padding: 0px 15px 0px 10px;
}

#hmpg_2
{
	
}

.pg2More
{
	margin-bottom: 18px;
	#margin-bottom: 22px;
}

#HomepageVideo
{
	text-align:center;
	margin-bottom: 15px;
}

#HomepageVideo .videoBox
{
	padding: 10px;
	#padding-bottom:4px;
	border: 1px solid #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	
}

#HomepageVideo .videoBoxHover
{
	padding: 10px;
	#padding-bottom:4px;
	border: 1px solid #0099FF;
}

.homepage_videoUnit
{
	cursor:pointer;
	width:140px;
	margin-bottom: 9px;
	margin-left:auto;
	margin-right:auto;
}

#HomepageVideo .videoText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}

.homepage_five_pdf
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:left;
margin: 1px 3px 5px 3px;
}


#Homepage_FiveBox
{
	border: 1px solid #0199FF;
	border-top: none;
	margin-left:auto;
	margin-right:auto;
	width: 255px;
	background-color:#FFFFFF;
}

.five_image
{
	margin-top: 3px;
	margin-bottom: 3px;
}

#Homepage_Next
{
	text-align:left;
	line-height:0px;
	padding: 0px;
	margin: 0px;
}

.Homepage_N
{
	display:inline;
	cursor:pointer;
	margin: 0 2px 0 2px;
	padding: 0px;

}


#Homepage_See_More
{
	display: inline;
	padding: 0px;
	margin: 0 27px 0 0;
}


.HomepageScholarshipMore
{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right:7px;
	padding-top:3px;
	padding-bottom:3px;
}

#Sidebar_TruthBox
{
	border: 1px solid #0199FF;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/sidebar_brutal_truth.gif);
	background-repeat:no-repeat;
	width:255px;
	height: 168px;
}

.Sidebar_TruthText
{
	padding-top:42px;
	margin-left:auto;
	margin-right:auto;
	height:103px;
}

.sidebarTruthSource
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	padding-left:4px;
	line-height:90%;
	padding-top: 2px;
}

.sidebarTruthMore
{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right:4px;
	padding-top:3px;
}

.homepageSidebar
{
	color:#E4F2EE;
}




/*************** The Facts ************/

#ttextMain
{
	background-image:url(images/sil_teens_billboard_333.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	
}

#ttextMain p, #ttextLeft p, #ttextRight p
{
	margin: 0 0 16px 0 !important;
	padding: 0px;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	line-height:120% !important;	
	text-shadow:#FFFFFF;
}

.lt
{
	color:#3FA7D8;
}

.md
{
	color:#41728A;
}


.dk
{
	color:#034464;
}

.sm
{
	font-size:12px !important;
}

.mg
{
	font-size:13px !important;
}

.lg
{
	font-size:15px !important;
}

.b
{
	font-weight:bold;
}

#ttextLeft
{
	float:left;
	width: 45%;
	padding-top: 0px;
	z-index:50;
	position:relative;
}
#ttextRight
{
	float:right;
	text-align:right;
	width: 45%;
	padding-top: 36px;
	z-index:50;
	position:relative;
}

#ttextBottom
{
	background-image:url(images/sil_teens_roadsign_270.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:500px;
	height:270px;
	margin-top: -100px;
	padding-left: 20px;
	z-index:1;
}

#truthChart
{
	display:none;
	position:absolute;
	border: 3px solid #000000;
	background-color:#FFFFFF;
	z-index:1000;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:11px;
}

.truthChart_close
{
	font-weight:bold;
	padding: 5px 10px 5px 5px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.hmp_spo
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


.cPointer
{
	cursor:pointer;
}

#tspLogo
{
	background-image:url(/images/logo_bk.png);
	background-repeat:no-repeat;
	width: 860px;
	height: 168px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
}

.tabContainer
{
	border-bottom:1px solid #40B3FF;
	margin:25px 0 25px 0;
}

.tabs
{
	background-repeat:repeat-x;
	font-family:Verdana;
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	display:inline;
	padding: 2px 12px 2px 12px;
	#padding-bottom:0px;
	margin: 0 15px 0 15px;
	cursor:pointer;

}

.tabOn
{
	border: 1px solid #40B3FF;
	border-bottom: 1px solid #FFFFFF;
	background-image:url(../images/tabOn_bk.gif);
	color:#CC0000;
}

.tabOff
{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #40B3FF;
	background-image:url(../images/tabOff_bk.gif);
	color:#666666;
}

#CalMapContainer
{
	
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 15px;
	word-spacing: .1em;
	margin: 0 10px;
}

#CalMap_MapContainer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
}


.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.clear
{
	clear:both;
}

.blogTitle
{
	font-family:Georgia, Verdana;
	font-size:20px;
	color:#CC0000;
	margin:12px 58px 2px 0;
	line-height:120%;
}

.blogText
{
	font-family:Georgia, Verdana;
	font-size:14px;
	line-height:145%;
	margin: 12px 0 36px 0;
	border-bottom: 1px solid #0099FF;

}

.blogDate
{
	font-family:Georgia, Verdana;
	font-size:10px;
	margin: 0;
	color:#666666;
}



.feedflare
{
	margin-top:12px;
}

.videoPlayerContainer
{
	background-image: url(/images/video_bkp.png);
	background-repeat:repeat-x;
	background-color:#333333;
	padding-bottom: 15px;
	font-family:Georgia, Verdana;
	color:#990000;
	text-align:left;
}

#videoPlayerLeft
{
	margin:15px 15px 0 15px;
}

#videoPlayerRight
{
	margin:15px 0px 0 0;
}

#videoPlayerMoiveBox
{
	border: 1px solid #CCCCCC;
	background-color:#333333;
	width:480px;
	height:385px;
	margin-bottom: 10px;
}

#videoPlayerShareBox
{
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	width:480px;
}

#videoPlayerDetailsBox
{
	width: 330px;
	background-color:#FFFFFF;
	
}

.textLarge
{
	font-size:22px;
}

.textWhite
{
	color:#FFFFFF;
}

.textMedium
{
	font-size:14px;
}

.detailsBoxBorder
{
	border-top:1px solid #4593C8:
}

.textRight
{
	text-align:right;
}

.boxLabel
{
	min-width: 50px;
	#width:50px;
	margin:2px 3px 9px 0;
	font-size:12px;
}

.codeBox
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#CCCCCC;
	color:#000000;
	padding:2px 1px 2px 1px;
	border: none;
}

.videoURL
{
	color:#0000CC;
	text-decoration:underline;
	font-size:14px;
}

.videoMoreText
{
	#height:100%;
}

.peerSharingLinks
{
	font-size:12px;
	color:#0000CC;
	text-decoration:underline;
	margin-right:28px;
	cursor:pointer;
}

.peerSharingLinks a:hover
{
	color:#990000 !important;
}

.videoMoreBox
{
	#zoom:1;
}

.sVideoBox
{
	padding: 10px 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.sVideoArrow
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	color:#CC0000;
	font-weight:bold;
	position:relative;
	margin-top:-108px;
	cursor:pointer;
}

.sVideoArrowDisabled
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	color:#CCCCCC;
	font-weight:bold;
	position:relative;
	margin-top:-108px;
	cursor:default;
}

.seeAllVideos
{
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;
	
}

.dwnUL
{
	padding:4px 14px 0 14px;
	#padding:4px 0 0 0;
}

.sponsorSidebarImage { margin: 15px 10px; 0; }

.walk-sidebarText{ color:#CC0000; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%;}

.sponsorSidebarLogo{ margin:3px 40px;}