@charset "utf-8";
/* CSS Document */
@import url(normal.css);

/* div { border: 1px solid red; } */

html { font-family: Arial, Helvetica, sans-serif; background-color: #000000; height: 100%; width: 100%; margin: 0; padding: 0; }


body { background-color: #000000; height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; }		
	body.transcript { background: #F2EEE1 url(../_images/transcript-logo.gif) 10px 10px no-repeat; padding: 115px 0 0 0; overflow: auto; }
	body.transcript p { color: #491e0d; font-size: 12px; width: 600px; padding: 15px; }
	
#main { position: absolute; z-index: 1; bottom: 90px; }
#main.home { position: absolute; z-index: 1; bottom: 25px; }
#main.html { position: absolute; z-index: 1; bottom: 93px; height: 100%; width: 100%; }
/* #main.html.facts { background: #000 url(../_images/bg-facts-main.jpg) center bottom no-repeat; } */
#main.html.farley { background: #000 url(../_images/bg-farley.jpg) center bottom no-repeat; bottom: 130px; }
	#main.html.farley #factsContent { width: 460px; position: absolute; bottom: 0px; right: 0px; height: 320px; }
#main.html.footerPage { background: #000 url(../_images/bg-footer-pages.jpg) center bottom no-repeat; } 
#main.html.contact { background: #000 url(../_images/bg-main-contact.jpg) center bottom no-repeat; } 
#main.html.friend { background: #000 url(../_images/bg-main-friend.jpg) center bottom no-repeat; }
#main.html.submit { background: #000 url(../_images/bg-main-submit.jpg) center bottom no-repeat; }	
	

#noscript { width: 800px; }

#noscript h1 { font-size: 18px; color: white; }
#noscript p { font-size: 12px; color: white; }

#logo { width: 125px; float: left; }

#flashWarning { padding: 20px 0 0 0; font-size: 16px; font-weight: bold; color: #fff; }

#flashWarning a { color: #fff; }

#outerContainer { margin: 0 auto; position: relative; z-index: 999; top: 0px; width: 855px; }
	#outerContainer #flashHeader { width: 855px; height: 73px; margin: 0 auto; position: absolute; z-index: 11; top: 0px; outline: none; }
	#outerContainer #flashHeader ul { padding: 200px 0 0 0; }
	#outerContainer #flashHeader ul li ul { padding: 0; }
	
	#outerContainer #backHolder { height: 110px; width: 113px; position: absolute; top: 0px; left: 5%; z-index: 999; }

#factsContainer { margin: 0 auto; width: 752px; height: 100%; position: relative; }
	#factsContainer #leftString { display: none; width: 20px; height: 555px; position: absolute; bottom: 423px; left: 10px; background: transparent url(../_images/facts-left-string.gif) 0 0 no-repeat; }
	#factsContainer #rightString { display: none; width: 61px; height: 547px; position: absolute; bottom: 423px; left: 300px; background: transparent url(../_images/facts-right-string.gif) 0 0 no-repeat; }	
		#factsContainer #rightString.faqs { width: 61px; height: 547px; position: absolute; bottom: 423px; left: 130px; background: transparent url(../_images/facts-right-string-faq.gif) 0 0 no-repeat; }

	#factsContent { width: 752px; height: 355px; position: absolute; bottom: 0px; padding: 0 0 45px 0; }
		#factsContent a { color: #0160ca; }
		#factsContent a:hover { text-decoration: none; }
	
	#factsContent .twoColumnLeft { width: 300px; display: inline; float: left; }
	#factsContent .twoColumnRight { width: 280px; display: inline; float: left; padding: 0 0 0 20px; }
	
	
	#factsContent h2 { font-weight: bold; font-size: 14px; text-transform: uppercase; font-family: "Arial Black", Georgia, "Times New Roman", Times, serif; }
	#factsContent p { font-family: "Times New Roman", Times, serif; font-size: 13px; padding: 0 0 10px 0; }
	#factsContent ul { list-style-type: disc; list-style-position: outside; padding: 0 0 10px 20px; }
		#factsContent ul li { font-family: "Times New Roman", Times, serif; font-size: 13px; }
	#factsContent sup { font-size: 7px; }
	
	#factsContent ul.arrowBullets { list-style-type: none; }
		#factsContent ul.arrowBullets li { background: transparent url(../_images/blt-facts-arrow.gif) 0 4px no-repeat; padding: 0 0 0 15px; }
	
	
	/* I'm That Guy*/
	#mainImThatGuy { position: absolute; z-index: 1; bottom: 93px; height: 100%; width: 100%; background: #000 url(../_images/bg-facts-imthatguy.jpg) center bottom no-repeat; }	
	#factsContent #imThatGuyLeft { float: left; display: inline; width: 410px; padding: 45px 0 0 20px; }
		#imThatGuyLeft h1 { display: none; height: 80px; width: 374px; background: transparent url(../_images/hdr-im-that-guy.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: -39px; left: -18px; }
	#factsContent #imThatGuyRight { float: left; display: inline; width: 205px; padding-left: 50px; }
	
	
	/* Drinking Facts */
	#mainDrinkingFacts { position: absolute; z-index: 1; bottom: 93px; height: 100%; width: 100%; background: #000 url(../_images/bg-facts-drinking.jpg) center bottom no-repeat; }
	#drinkingFactsLeft { width: 600px; float: left; display: inline; padding: 35px 0 0 20px; }
		#drinkingFactsLeft h1 { display: none; height: 80px; width: 550px; background: transparent url(../_images/hdr-drinking-facts.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: -37px; left: -25px; }
		#drinkingFactsLeft #faqPageOne ul li { list-style-type: none; padding: 0 0 10px 0; }
		#drinkingFactsLeft #faqPageOne ul li a { color: #000; font-weight: bold; font-size: 12px; text-transform: uppercase; font-family: "Arial Black", Georgia, "Times New Roman", Times, serif; text-decoration: none; }
		#drinkingFactsLeft #faqPageOne ul li a:hover { color: #b52601; }
		#drinkingFactsLeft #factsPageEight p { font-size: 10px; }
		
	#drinkingFactsNav { width: 115px; float: right; display: inline; position: relative; }
		#drinkingFactsNav a:focus { outline: none; }
	
		#drinkingFactsNav #btnNext { position: absolute; top: 260px; right: 0px; text-indent: -9999px; height: 37px; width: 81px; background: transparent url(../_images/btn-next-up.gif) 0 0 no-repeat; }
			#drinkingFactsNav #btnNext a { display: block; height: 37px; width: 81px; }
			
		#drinkingFactsNav #btnBack { position: absolute; top: 297px; right: 0px; text-indent: -9999px; height: 37px; width: 81px; background: transparent url(../_images/btn-back-up.gif) 0 0 no-repeat; }
			#drinkingFactsNav #btnBack a { display: block; height: 37px; width: 81px; }
			
		#drinkingFactsNav #allFaqs { position: absolute; top: 10px; right: 10px; text-indent: -9999px; height: 37px; width: 115px; background: transparent url(../_images/btn-all-faqs-up.gif) 0 0 no-repeat; }
			#drinkingFactsNav #allFaqs a { display: block; height: 37px; width: 115px; }
		
	
	/* FAQs */
	#mainFaqs { position: absolute; z-index: 1; bottom: 93px; height: 100%; width: 100%; background: #000 url(../_images/bg-facts-faq.jpg) center bottom no-repeat; }		
	#drinkingFactsLeft.faqs { width: 600px; float: left; display: inline; padding: 35px 0 0 20px; }
		#drinkingFactsLeft.faqs h1 { display: none; height: 80px; width: 430px; background: transparent url(../_images/hdr-faq.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: -46px; left: -15px; }
	#drinkingFactsLeft.faqs h3 { line-height: 15px; padding: 0px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
	#drinkingFactsLeft.faqs p { line-height: 14px; }
	#drinkingFactsLeft.faqs ul li { line-height: 15px; }
	ol.sources { list-style-type: decimal; list-style-position: outside; padding: 0 0 0 15px; }
	ol.sources li { font-family: "Times New Roman", Times, serif; font-size: 11px; font-style: italic; }
	
	
	
	/* Find Treatment */
	#mainFindTreatment { position: absolute; z-index: 1; bottom: 93px; height: 100%; width: 100%; background: #000 url(../_images/bg-facts-treatment.jpg) center bottom no-repeat; }		
	#findTreatmentLeft { width: 600px; float: left; display: inline; padding: 35px 0 0 20px; }
		#findTreatmentLeft h1 { display: none; height: 80px; width: 430px; background: transparent url(../_images/hdr-find-treatment.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: -43px; left: -11px; }
	#findTreatmentLeft h3 { line-height: 15px; padding: 0px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
	#findTreatmentLeft p { line-height: 14px; }	
	
	
	/*-------------- Friend is That Guy */
	#mainMyFriend { position: absolute; z-index: 1; bottom: 93px; height: 100%; width: 100%; background: #000 url(../_images/bg-facts-friend.jpg) center bottom no-repeat; }		
	#friendIsLeft { width: 600px; float: left; display: inline; padding: 35px 0 0 20px; }
		#friendIsLeft h1 { display: none; height: 80px; width: 550px; background: transparent url(../_images/hdr-my-friend.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: -45px; left: -15px; }
	#friendIsLeft h3 { line-height: 15px; padding: 0px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
		
	
	/* ABOUT US */
	#mainAbout { position: absolute; z-index: 1; bottom: 93px; height: 100%; width: 100%; background: #000 url(../_images/bg-facts-about.jpg) center bottom no-repeat; }		
	#aboutUs { width: 600px; float: left; display: inline; padding: 35px 0 0 20px; }
		#aboutUs h1 { display: none; height: 80px; width: 525px; background: transparent url(../_images/hdr-about-campaign.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: -43px; left: -11px; }
	#aboutUs p { line-height: 14px; }
	#aboutUs img { position: absolute; top: 10px; right: 20px; }
	
	
	
	
	/* PRIVACY POLICY */
	#mainPrivacy { position: absolute; z-index: 1; bottom: 93px; height: 100%; width: 100%; background: #000 url(../_images/bg-facts-privacy.jpg) center bottom no-repeat; }		
	#privacyPolicy { width: 600px; float: left; display: inline; padding: 35px 0 0 20px; }
		#privacyPolicy h1 { display: none; height: 77px; width: 428px; background: transparent url(../_images/hdr-privacy.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: -43px; left: -11px; }
	#privacyPolicy h3 { line-height: 14px; padding: 0px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
	#privacyPolicy p { line-height: 14px; font-size: 12px; }
	#privacyPolicy ul li { line-height: 14px; font-size: 12px; }


	/* CONTACT US */
	#contactUs h3 { text-indent: -9999px; } 
	#contactUs #contactHolder { width: 500px; height: 300px; position: absolute; left: 100px; top: 20px;  }
	#contactUs #contactHolder p { color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 125px; }
	#contactUs #contactHolder label { color: white; font-size: 12px; text-align: right; width: 120px; display: block; float: left; height: 40px; }
	#contactUs #contactHolder .inputHolder { float: right; width: 375px; height: 40px; }
	#contactUs #contactHolder input { width: 200px; }
	#contactUs #contactHolder textarea { width: 360px; height: 70px; }
	#contactUs #contactHolder input.submitBtn { position: absolute; bottom: 15px; leftt: 120px; width: 108px; height: 34px; }
	#contactUs #contactHolder h4 { font-size: 16px; text-align: center; margin: 120px 0 15px 0; text-transform: uppercase; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
	#contactUs #contactHolder a { color: #cc3300; text-decoration: none; }
	#contactUs #contactHolder a:hover { text-decoration: underline; }
	#contactUs #contactHolder p.response { color: black; }

	/* SEND TO A FRIEND */
	#contactUs #contactHolder p.friendNote { line-height: 12px; margin: 0px; padding: 0px; font-style: italic; }
	#contactUs #contactHolder input.meToo { position: absolute; bottom: 62px; left: 122px; width: 20px; }
	#contactUs #contactHolder label.meToo { position: absolute; bottom: 35px; left: 145px; width: 200px; text-align: left; }
	
	
	
	

	/* SUBMIT YOUR STUFF */
	#submitContainer { margin: 0 auto; width: 959px; height: 100%; position: relative; }
	#submitContent { width: 752px; height: 325px; position: absolute; left: 5px; bottom: 52px; padding: 0 0 45px 0; }
		#submitContent #submitLeft { width: 298px; height: 300px; position: absolute; left: 0; top: 127px; }
			#submitContent #submitLeft a.linkOne { position: absolute; top: 0px; left: 0px; height: 35px; width: 297px; display: block; outline: none; }
				#submitContent #submitLeft a.linkOne:hover, #submitContent #submitLeft a.linkOne.selected { background: transparent url(../_images/img-submit-over1.gif) 0 0 no-repeat; }
			#submitContent #submitLeft a.linkTwo { position: absolute; top: 38px; left: 28px; height: 37px; width: 235px; display: block; outline: none; }
				#submitContent #submitLeft a.linkTwo:hover, #submitContent #submitLeft a.linkTwo.selected { background: transparent url(../_images/img-submit-over2.gif) 0 0 no-repeat; }
			#submitContent #submitLeft a.linkThree { position: absolute; top: 77px; left: 55px; height: 34px; width: 193px; display: block; outline: none; }
				#submitContent #submitLeft a.linkThree:hover, #submitContent #submitLeft a.linkThree.selected { background: transparent url(../_images/img-submit-over3.gif) 0 0 no-repeat; }
		
		#submitContent #submitRight { width: 435px; height: 360px; position: absolute; right: -2px; top: -3px; overflow: hidden; }

			#submitContent #submitRight p.tagline { font-size: 12px; text-align: center; margin: 0 0 25px 0; }
			#submitContent #submitRight .topOverlay { height: 124px; width: 435px; background: transparent url(../_images/submit-info-overlay.gif) 0 0 no-repeat; }
				#submitContent #submitRight h3.headerOne { text-indent: -9999px; background: transparent url(../_images/hdr-submit1.gif) 60px 2px no-repeat; height: 17px; width: 435px; }
				#submitContent #submitRight h3.headerTwo { text-indent: -9999px; background: transparent url(../_images/hdr-submit2.gif) 100px 2px no-repeat; height: 17px; width: 435px; }
				#submitContent #submitRight h3.headerThree { text-indent: -9999px; background: transparent url(../_images/hdr-submit3.gif) 125px 2px no-repeat; height: 17px; width: 435px; }
				
			#submitContent #submitRight input.submitBtn { position: absolute; bottom: 10px; right: 10px; width: 71px; height: 27px; }
			#submitContent #submitRight label.agreeCheck { position: absolute; bottom: 25px; left: 25px; }
			#submitContent #submitRight input.agreeCheck { position: absolute; bottom: 17px; left: 0px; width: 20px; }
			#submitContent #submitRight p.emailLine { position: absolute; bottom: 0px; left: 50px; font-size: 10px; }
			
			#submitContent #submitRight .mainForm { padding: 0 0 0 8px; }
			#submitContent #submitRight label.mainText { font-size: 16px; font-weight: bold; padding: 10px 0 10px 0;} 
			#submitContent #submitRight label.yourAnswers { font-size: 16px; font-weight: bold; padding: 5px 0 5px 0;}
				#submitContent #submitRight label.mainText span.charMax { font-size: 10px; font-style: italic; font-weight: normal; }
			#submitContent #submitRight textarea.mainText { width: 400px; height: 100px; }
			#submitContent #submitRight textarea.mainTextTwo { width: 400px; height: 130px; }
			#submitContent #submitRight textarea.mainTextThree { width: 400px; height: 35px; }
			
			#submitContent #submitRight #inputStack { width: 270px; position: absolute; top: 210px; right: 27px;  }
			#submitContent #submitRight #inputStack input { width: 270px; margin: 0 0 4px 0;}
			
			#submitContent #submitRight .entryColumnLeft { width: 216px; float: left; display: inline; }
			#submitContent #submitRight .entryColumnRight { width: 200px; float: left; display: inline; }
			#submitContent #submitRight form label { font-size: 12px; font-family: Arial, Helvetica, sans-serif; display: block; text-align: right; float: left; }
				label.firstName, label.email { width: 100px; }
				label.city, label.yourState { width: 80px; }
			#submitContent #submitRight form input { width: 110px; float: left; display: inline; margin: 0 0 8px 2px; }
			#submitContent #submitRight form select { width: 110px; float: left; display: inline; margin: 0 0 8px 2px; }
			#submitContent #submitRight #submitPanelOne,
			#submitContent #submitRight #submitPanelTwo,
			#submitContent #submitRight #submitPanelThree { width: 435px; height: 360px; position:absolute; }
			
			/* #submitContent #submitRight form label.error{ position:absolute; } */
			#submitContent #submitRight form input.error,
			#submitContent #submitRight form select.error,
			#submitContent #submitRight form textarea.error
			{ background-color:#ffcccc; }
			
			#submitContent #errorContainer{
				background:transparent url(../_images/img-submit-errors.gif) no-repeat left top;
				padding-top:55px;
				position:absolute;
				top:0px; left:780px;
				width:250px;
				z-index:55;
				display:none;
			}
			
			#submitContent #errorContainer ol{
				padding-left:50px;
				color:#FFF;
				font-size:14px;
				font-weight:bold;
			}
			
			#submitContent #errorContainer ol li{
				margin:10px 0px;
				list-style-type:decimal;
			}
			
			#dialog p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 0 0 10px 0; }
			
			#submitContent #submitRight #submitResponse{ padding:40px 0px 0px 5px; }
			#submitContent #submitRight #submitThanks { background: transparent url(../_images/submission-thanks.gif) 0 0 no-repeat; width: 435px; height: 360px; }	
			#submitContent #submitRight #submitThanks a{ text-indent:-999em; }	
			#submitContent #submitRight #submitThanks a.one { display: block; position: absolute; height: 10px; width: 160px; top: 277px; left: 27px; }
			#submitContent #submitRight #submitThanks a.two { display: block; position: absolute; height: 10px; width: 110px; top: 303px; right: 6px; }
			#submitContent #submitRight #submitThanks a.three { display: block; position: absolute; height: 10px; width: 90px; top: 320px; left: 25px; }
			#submitContent #submitRight #submitThanks a.four { display: block; position: absolute; height: 10px; width: 170px; top: 346px; left: 55px; }	
	
	
/* Footer */
#footer { position: absolute; z-index: 100; bottom: 0px; height: 165px; width: 100%; }
#footer #flashFooter { width: 100%; height: 1200px; position:absolute; bottom:0px; }
#footer #footerContainer { display: none; visibility: hidden; }
#footer #flashFooter ul, #footer #flashFooter img { display: none;  }

/*
	#footer #footerContainer { width: 770px; height: 30px; margin: 0 auto; position: relative; bottom: 0px; }
	#footer #footerContainer ul.smLinks { position: absolute; left: -75px; top: 17px; height: 10px; width: 185px; }
		#footer #footerContainer ul.smLinks li { padding: 0 10px; }
		#footer #footerContainer ul.smLinks li.youtube a { background: transparent url(../_images/bg-smicon-youtube.gif) 0 0 no-repeat; display: block; height: 14px; width: 35px; text-indent: -9999px; }
		#footer #footerContainer ul.smLinks li.youtube a:hover { background-position: 0 -14px; }
		#footer #footerContainer ul.smLinks li.facebook a { background: transparent url(../_images/bg-smicon-facebook.gif) 0 0 no-repeat; display: block; height: 14px; width: 40px; text-indent: -9999px; }
		#footer #footerContainer ul.smLinks li.facebook a:hover { background-position: 0 -14px; }
		#footer #footerContainer ul.smLinks li.myspace a { background: transparent url(../_images/bg-smicon-myspace.gif) 0 1px no-repeat; display: block; height: 14px; width: 45px; text-indent: -9999px; }
		#footer #footerContainer ul.smLinks li.myspace a:hover { background-position: 0 -13px; }		
		
	#footer ul.leftLinks { position: absolute; left: 140px; top: 18px; margin: 0px; padding: 0px; }
	#footer ul.rightLinks { position: absolute; top: 18px; right: 0px; margin: 0px; padding: 0px; }
	#footer #footerContainer ul li { font-size: 8px; text-transform: uppercase; float: left; display: inline; color: #fff; border-right: 1px solid #fff; padding: 0px 5px; }
	#footer #footerContainer ul li.speaker { position: absolute; top: -5px; left: -30px; }
	#footer #footerContainer ul li a { text-decoration: none; color: #fff; border: none; }
	#footer #footerContainer ul li a img { border: none; }
	#footer #footerContainer ul li a:hover { text-decoration: underline; }
	#footer #footerContainer ul li.last { border: none; }
	
*/