/* 
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

#home {
	position:relative;
	left:0px;
	top:0px;
	width:1024px;
	margin: auto;
}

#TopTitle_ {
	position:absolute;
	left:46px;
	top:0px;
	width:930px;
	height:78px;
}

#drugfacts-05_ {
	position:absolute;
	left:48px;
	top:78px;
	width:930px;
	height:57px;
        text-align: center;
        background: #FFF url(../images/drugfacts_05.gif) no-repeat top left; 
}

#drugfacts-05_ h2 {
        font-size: 150%;
        font-weight: bold;
        padding-left: 15px;
}

#home #how-it-started_ {
	position:absolute;
	left:44px;
	top:121px;
	width:147px;
	height:88px;
	background: #FFF url(../images/how_it_started.gif) no-repeat top left;
}

#home #how_it_started:hover {
  background: #FFF url(../images/how_it_started.gif) no-repeat bottom left;
}

#drugfacts-07_ {
	position:absolute;
	left:191px;
	top:121px;
	width:12px;
	height:612px;
}

#home  #the-big-day_ {
	position:absolute;
	left:203px;
	top:121px;
	width:147px;
	height:88px;
	background: #FFF url(../images/the_big_day.gif) no-repeat top left;
}

#home #the_big_day:hover {
  background: #FFF url(../images/the_big_day.gif) no-repeat bottom left;
}

#drugfacts-09_ {
	position:absolute;
	left:350px;
	top:121px;
	width:11px;
	height:612px;
}

#home #help-out_ {
	position:absolute;
	left:361px;
	top:121px;
	width:147px;
	height:89px;
	background: #FFF url(../images/help_out.gif) no-repeat top left;
}

#home #help_out:hover {
  background: #FFF url(../images/help_out.gif) no-repeat bottom left;
}

#drugfacts-11_ {
	position:absolute;
	left:508px;
	top:121px;
	width:12px;
	height:612px;
}

#home #drug-facts_ {
	position:absolute;
	left:520px;
	top:121px;
	width:144px;
	height:88px;
	background: #FFF url(../images/drug_facts.gif) repeat top left;
}

#home #drug_facts:hover {
  background: #FFF url(../images/drug_facts.gif) repeat bottom left;
}

#drugfacts-13_ {
	position:absolute;
	left:664px;
	top:121px;
	width:13px;
	height:612px;
}

#home #true-high_ {
	position:absolute;
	left:677px;
	top:121px;
	width:147px;
	height:88px;
	background: #FFF url(../images/true_high.gif) no-repeat top left;
}

#home #true_high:hover {
  background: #FFF url(../images/true_high.gif) no-repeat bottom left;
}

#drugfacts-15_ {
	position:absolute;
	left:824px;
	top:121px;
	width:12px;
	height:612px;
}

#home #talk-to-us_ {
	position:absolute;
	left:836px;
	top:121px;
	width:142px;
	height:88px;
	background: #FFF url(../images/talk_to_us.gif) repeat top left;
}

#home #talk_to_us:hover {
  background: #FFF url(../images/talk_to_us.gif) repeat bottom left;
}

#yellow-column_ {
	position:absolute;
	left:44px;
	top:209px;
	width:147px;
	height:525px;
}

#orange-column_ {
	position:absolute;
	left:203px;
	top:209px;
	width:147px;
	height:524px;
}

#blue-column_ {
	position:absolute;
	left:520px;
	top:209px;
	width:144px;
	height:524px;
}

#purple-column_ {
	position:absolute;
	left:677px;
	top:209px;
	width:147px;
	height:524px;
}

#pink-column_ {
	position:absolute;
	left:836px;
	top:209px;
	width:142px;
	height:524px;
}

#green-column_ {
	position:absolute;
	left:361px;
	top:210px;
	width:147px;
	height:523px;
}

#peeps_ {
	position:absolute;
	left:44px;
	top:733px;
	width:787px;
	height:412px;
}

#drug-free-logo_ {
  z-index: 10;
	position:absolute;
	left:70px;
	top:1175px;
	width:140px;
	height:140px;
}

#bottom-text_ {
  z-index: 7;
	position:absolute;
	left:44px;
	top:1145px;
	width:933px;
	background-color: #000000;
  color: #FFFFFF;
	text-align: left;
}

#bottom-copy {
  margin-left: 200px;
  padding-bottom: 50px;
}

#bottom-text_ h1 {
  position: relative;
	font-size: 240%;
	line-height: 240%;
	margin-top: 1em;
}

#bottom-text_ h2 {
  margin-top: 10px;
	font-size: 130%;
}

#bottom-text_ p {
  margin-top: 20px;
	font-size: 100%;
}


div.subpage {
	position: relative;
	width:1024px;
        margin: auto;
}

a {
  color: #9D00FF;
}

a:visited {
  color: #A064E7;
}

a:hover {
  color: #FF908D;
}

/*
 *
 * Menu buttons on the left
 *
 */

div #home_button {
    position: absolute;
		width: 156px;
		height: 82px;
		left: 22px;
		top: 88px;
		background: #FFF url(/images/sub_home.gif) no-repeat bottom left;
}

div	#home_button:hover {
	  background: #FFF url(/images/sub_home.gif) no-repeat top left;
}

div #home_button span {
	display: none;
}

div #how_it_started_button {
    position: absolute;
		width: 156px;
		height: 82px;
		left: 22px;
		top: 176px;
		background: #FFF url(/images/sub_how_it_started.gif) no-repeat bottom left;
}

div	#how_it_started_button:hover {
	  background: #FFF url(/images/sub_how_it_started.gif) no-repeat top left;
}

div #how_it_started_button span {
	display: none;
}

div	#the_big_day_button {
    position: absolute;
		width: 156px;
		height: 82px;
		left: 22px;
		top: 264px;
		background: #FFF url(/images/sub_the_big_day.gif) no-repeat bottom left;
}

div	#the_big_day_button:hover {
	  background: #FFF url(/images/sub_the_big_day.gif) no-repeat top left;
}

div #the_big_day_button span {
	display: none;
}

div #help_out_button {
    position: absolute;
		width: 156px;
		height: 82px;
		left: 22px;
		top: 352px;
		background: #FFF url(/images/sub_help_out.gif) no-repeat bottom left;
}

div	#help_out_button:hover {
	  background: #FFF url(/images/sub_help_out.gif) no-repeat top left;
}

div #help_out_button span {
	display: none;
}

div #drug_facts_button {
    position: absolute;
		width: 156px;
		height: 82px;
		left: 22px;
		top: 440px;
		background: #FFF url(/images/sub_drug_facts.gif) no-repeat bottom left;
}

div	#drug_facts_button:hover {
	  background: #FFF url(/images/sub_drug_facts.gif) no-repeat top left;
}

div #drug_facts_button span {
	display: none;
}

div #true_high_button {
    position: absolute;
		width: 156px;
		height: 82px;
		left: 22px;
		top: 528px;
		background: #FFF url(/images/sub_true_high.gif) no-repeat bottom left;
}

div	#true_high_button:hover {
	  background: #FFF url(/images/sub_true_high.gif) no-repeat top left;
}

div #true_high_button span {
	display: none;
}

div #talk_to_us_button {
    position: absolute;
		width: 156px;
		height: 82px;
		left: 22px;
		top: 616px;
		background: #FFF url(/images/sub_talk_to_us.gif) no-repeat bottom left;
}

div	#talk_to_us_button:hover {
	  background: #FFF url(/images/sub_talk_to_us.gif) no-repeat top left;
}

div #talk_to_us_button span {
	display: none;
}

/*
 *
 * Page design
 *
 */


div.page {
	position:relative;
	left:0px;
	top:0px;
	width:1024px;
	height:1187px;
	z-index: 0;
}

div.subpage div#the-big-day {
	background-color: rgb(255,64,0);
}

div.subpage div#how-it-started {
	background-color: rgb(255,191,0);
}

div.subpage div#drug-facts {
	background-color: rgb(0,48,63);
}

div.subpage div#talk-to-us {
	background-color: rgb(159,0,68);
}

div.subpage div#true-high {
	background-color: rgb(38,0,63);
}

div.subpage div#help-out {
	background-color: rgb(118,159,0);
}


#content {
	position: relative;
	margin-left: 200px;
	min-height: 1000px;
	margin-top: -1100px;
	margin-right: 200px;
	background-color: #FFF;
	z-index: 1;
	padding: 30px;
}

#base {
	bottom: 0px;
	margin-top: 100px;
	width:1024px;
	height:151px;
	z-index: 1;
}

#footer {
	width:1024px;
	height:109px;
	z-index: 1;
	background-color: #000;
}

/* Font Styling */

#content h1 {
   font-size: 170%;
   font-weight: bold;
   margin-bottom: 1em;
   padding-right: 20px;
   padding-bottom: -10px;
   border-bottom: 1px dotted #DDD;
}

#content h2 {
   font-size: 140%;
   font-weight: bold;
   margin-bottom: 1em;
   padding-right: 20px;
   padding-bottom: -10px;
   border-bottom: 1px dotted #DDD;
}

#content h3 {
   font-size: 120%;
   font-weight: bold;
   margin-bottom: 0em;
   padding-bottom: 7px;
}



#content p {
   font-size: 110%;
   line-height: 130%;
   padding-bottom: 1.5em;
}



/*************************************
 +Comments
 *************************************/
.commentsblock {
   position: static;
}

.commentsblock h3 {
	margin-bottom: 10px;
}

.commentsblock textarea {
	width: 440px;
	margin: 2px 0px 2px 0px;
}

.commentsblock input, .commentsblock textarea {
	margin: 2px 0px 2px 0px;
	border: 1px solid #d1d1d1;
}

.commentsblock textarea:focus {
	background:#eee;
	margin: 2px 0px 2px 0px;
	border:1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus {
	background:#eee;
	margin: 2px 0px 2px 0px;
	border:1px solid #a1a1a1;
}

.commentauthor {
	margin: 2px 0px 2px 0px;
	display:block;
	font-size:1.5em;
}

.commentsblock small {
  padding-left: 5px;
}

ol.commentlist {
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}

.commentlist li {
	margin-bottom:0.5em;
	padding:0.5em 1em;
}

.alt {
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}

h3#comments {
font-size:1.6em;
}




/*************************************
 +Contact Form
 *************************************/

form#contact-form  textarea {
	width: 440px;
	margin: 2px 0px 2px 0px;
}

form#contact-form  input, #contact-form textarea {
	margin: 2px 0px 2px 0px;
	border: 1px solid #d1d1d1;
}

form#contact-form  textarea:focus {
	background:#eee;
	margin: 2px 0px 2px 0px;
	border:1px solid #a1a1a1;
}

form#contact-form  textarea:focus, #contact-form input:focus {
	background:#eee;
	margin: 2px 0px 2px 0px;
	border:1px solid #a1a1a1;
}

form#contact-form #contact_author {
	margin: 2px 0px 2px 0px;
	display:block;
	font-size:1.5em;
}

form#contact-form #contact_author_email {
	margin: 2px 0px 2px 0px;
	display:block;
	font-size:1.5em;
}

form#contact-form #contact_author_phone {
	margin: 2px 0px 2px 0px;
	display:block;
	font-size:1.5em;
}

form#contact-form #contact_driver {
	margin: 2px 0px 2px 0px;
	display:block;
	font-size:1.5em;
}


form#contact-form #contact_car {
	margin: 2px 0px 2px 0px;
	display:block;
	font-size:1.5em;
}

form#contact-form #contact_subject {
	margin: 2px 0px 2px 0px;
	display:block;
	font-size:1.5em;
}

form#contact-form #contact_body {
	margin: 2px 0px 2px 0px;
	display:block;
	font-size:1.5em;
}

form#contact-form small {
  padding-left: 5px;
}

ul#contact-errors {
	line-height: 15px;
	font-size: 12px;
	background-color: #D2F100;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
}

ul#contact-errors li {
  list-style: disc inside ;
  margin-left: 10px;
  line-height: 20px;
}

div#footer {
  color: #FFFFFF;
  background-color: #000000;
  height: 200px;
}

div#footer div#drug-free-logo-sub {
  width: auto;
  float: left;
  padding-left: 40px;
}


div#footer #bottom-copy {
  margin-left: 250px;
  background-color: #000000;
}

div#footer #bottom-copy h1 {
  position: relative;
	font-size: 190%;
	line-height: 150%;
}

div#footer #bottom-copy h2 {
  margin-top: 10px;
  font-size: 140%;
}

div#footer #bottom-copy p {
  margin-top: 20px;
  font-size: 100%;
}