/*-----------------------------------------------------------------------------
author:    www.danielwriter.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	}

/* Put it back on certain elements */


/* Class for clearing floats */
.clear {
	clear:both;
	height:0px;
	}

/* Remove border around linked images */
img {
	border: 0;
	display:block;
	}

body {
	background:#000000;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	}
	
#containerOuter {
	padding:27px 0 0 0;
	background:url(../img/containerOuterBg.jpg) repeat-x #041600;
	}
	
#containerInner {
	background:url(../img/containerInnerBg.jpg) no-repeat top center;
	}

#content {
	width:900px;
	margin:0 auto;
	}
	
#surgeonGeneralBox {
	position:relative;
	width:900px;
	margin:0 auto;
	}
	
#bannerNav {
	width:900px;
	height:371px;
	margin:0 auto;
	padding:0 0 24px 0;
	position:relative;
	}
	
#bannerLogo {
	position:absolute;
	top:-27px;
	left:-29px;
	}
	
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #c8be90;
	background-color: #e8deb5;
	padding: 7px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div { 
	margin: 0;
	 }
	 
#tooltip h3 { 
	color: #d31820;
	 }

	
#surgeonGeneral {
	float:right;
	margin:30px 0 193px 0;
	}
	
.imgFloatRight {
	border:#071115 solid 1px;
	float:right;
	margin:0 0 15px 15px;
	}
	
.imgFloatRightNoB {
	float:right;
	margin:0 0 15px 15px;
	}
	
.imgFloatLeftNoB {
	float:left;
	margin:0 15px 15px 0;
	}
	
#titleHeader {
	margin:0 0 20px 0;
	}
	
#done {
	background-color:#006600;
	padding:5px;
	margin:0 0 25px 0;
	color:#FFFFFF;
	font-weight:bold;
	border:#FFF solid 1px;
	text-align:center;
	}
	
#nope {
	background-color:#F00;
	padding:5px;
	margin:0 0 25px 0;
	color:#FFFFFF;
	font-weight:bold;
	border:#FFF solid 1px;
	text-align:center;
	}

	
/* =Typography
-----------------------------------------------------------------------------*/	
h1 {
	font-size:100%;
	color:#031a01;
	margin:0 0 10px 0;
	height:20px;
	}
	
h2 {
	font-size:160%;
	color:#f1dd6d;
	margin:0 0 0 0;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	}	
	
h3 {
	font-size:160%;
	color:#f1dd6d;
	padding:0 0 0 0;
	}
	
h4 {
	font-size:160%;
	color:#f1dd6d;
	padding:0 0 0 0;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	}
	
h5 {
	font-size:160%;
	color:#ffffff;
	padding:0 0 0 0;
	}
	
	
#content p {
	padding:0 0 15px 0;
	}
	
.pCenter {
	text-align:center;
	}
	
#content ul {
	list-style:inside;
	}
	

		
/* p Links */	
		
#content p a {
	color:#f1dd6d;
	padding:1px 3px;
	font-weight:bold;
	}

#content p a:link, #content p a:visited {
	color:#f1dd6d;
	text-decoration:underline;
	}

#content p a:hover, #content p a:active {
	color:#522e1f;
	text-decoration:underline;
	background:#f1dd6d;
	}
		
/* ul Links */	
	
#content ul a {
	color:#f1dd6d;
	padding:1px 3px;
	font-weight:bold;
	}

#content ul a:link, #content ul a:visited {
	color:#f1dd6d;
	text-decoration:underline;
	}

#content ul a:hover, #content ul a:active {
	color:#522e1f;
	text-decoration:underline;
	background:#f1dd6d;
	}
	
/* =Sub Nav
-----------------------------------------------------------------------------*/	
#subNav {
	width:200px;
	padding:10px;
	background:#224b0a;
	border:#041501 solid 2px;
	float:right;
	margin:0 0 15px 15px;
	}
	
#subNav ul {
	margin:5px 0 5px 0;
	border-top:#ffffff dotted 1px;
	}
	
#subNav ul li {
	list-style:none;
	margin:0;
	padding:5px 0 6px 0;
	border-bottom:#ffffff dotted 1px;
	text-align:center;
	}
	
#promoBtn {
	background:#552d16;
	margin:0 0 5px 0;
	font-size:125%;
	font-weight:bold;
	text-align:center;
	width:198px;
	border:#041501 solid 1px;
	}
	
/* =Promo Button
-----------------------------------------------------------------------------*/
#promoBtn a, #promoBtn {
	height:150px;
	width:200px;
	background:url(../img/promoBtn.jpg) no-repeat top;
	text-indent:-5000px;
	}

#promoBtn a:link, #promoBtn a:visited {
	display:block;
	background-repeat:no-repeat;
	background-position:top;
	}

#promoBtn a:hover, #promoBtn a:active {
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
	}



/* =footer
-----------------------------------------------------------------------------*/
#footerOuter {
	background:url(../img/footerOuterBg.gif) repeat-x;
	padding:0 0 0 0;
	}
	
#footerMountain {
	background:url(../img/footerMountain.gif) top left no-repeat;
	height:60px;
	width:900px;
	margin:0 auto;
	}
	
#footerInner {
	background:#000;	
	}
	
#footer {
	background:#000;
	width:900px;
	padding:15px 0 100px 0;
	margin:0  auto;
	}
	
#footer img {
	float:left;
	}
	
#footer p {
	padding:9px 0 0 0;
	}
	
#footerNav {
	color:#ffffff;
	font-weight:bold;
	}

#footerNav a, #footerNav a:link, #footerNav a:visited  {
	color:#ffffff;
	padding:1px 2px;
	text-decoration:none;
	font-weight:bold;
	}

#footerNav a:hover, #footerNav a:active {	
	text-decoration:underline;
	}
	
#dwCredits {
	color:#50331e;
	font-size:95%;
	}

#dwCredits a {
	color:#50331e;
	font-weight:bold;
	}

#dwCredits a:link, #dwCredits a:visited  {
	color:#50331e;
	text-decoration:underline;
	}

#dwCredits a:hover, #dwCredits a:active {
	color:#50331e;
	text-decoration:none;
	}
	
.copyRight {
	font-size:95%;
	color:#c5aa6e;
	}	
	
.copyRight a, .copyRight a:link, .copyRight a:visited  {
	color:#c5aa6e;
	text-decoration:underline;
	}

.copyRight a:hover, .copyRight a:active {	
	text-decoration:none;
	}

/* =mainNav 
-----------------------------------------------------------------------------*/
#mainNav {	
	margin:0;
	width:900px;
	height:56px;
	padding:0;
	}
	
#mainNav ul li {
	text-indent:-5000px;
	}
	
#mainNav ul li ul li{
	text-indent:0;
	}
	
#mainNav ul li a:hover, #mainNav ul li a:active, /* for IE 'flicker' on rollover */ #navPromo, #navEvents, #navProducts, #navAbout, #navResources, #navContact, #navQuitSmoking {
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
	}

/* link heights corresponds with image height */
.navButton, .navButton:visited {
	height:56px;
	position:relative !important;
	}
	
/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
	background-position:top;
	}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:bottom;
	}
	
/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:56px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}

/* link and list-item widths correspond with image widths */
#navPromo, #promoButton, #promoButton:visited {
	width:167px;
	}
	
#navEvents, #eventsButton, #eventsButton:visited {
	width:100px;
	}
	
#navProducts, #productsButton, #productsButton:visited {
	width:126px;
	}
	
#navAbout, #aboutButton, #aboutButton:visited {
	width:120px;
	}
	
#navResources, #resourcesButton, #resourcesButton:visited {
	width:131px;
	}
	
#navContact, #contactButton, #contactButton:visited {
	width:113px;
	}
	
#navQuitSmoking, #quitSmokingButton, #quitSmokingButton:visited {
	width:143px;
	}
	
/* button images are span background images */
#promoButton span, #promoButton:visited span {
	background-image:url(../img/navPromo.jpg);
	}
	
#eventsButton span, #eventsButton:visited span {
	background-image:url(../img/navEvents.jpg);
	}
	
#productsButton span, #productsButton:visited span {
	background-image:url(../img/navProducts.jpg);
	}

#aboutButton span, #aboutButton:visited span {
	background-image:url(../img/navAbout.jpg);
	}
	
#resourcesButton span, #resourcesButton:visited span {
	background-image:url(../img/navResources.jpg);
	}
	
#contactButton span, #contactButton:visited span {
	background-image:url(../img/navContact.jpg);
	}
	
#quitSmokingButton span, #quitSmokingButton:visited span {
	background-image:url(../img/navquitSmoking.jpg);
	}
	
/* body tag */

#promoB #promoButton span a:link, #promoB #promoButton span a:visited, #promoB #promoButton span a:hover, #promoB #promoButton span a:active, #promoB #promoButton span,

#eventsB #eventsButton span a:link, #eventsB #eventsButton span a:visited, #eventsB #eventsButton span a:hover, #eventsB #eventsButton span a:active, #eventsB #eventsButton span,

#productsB #productsButton span a:link, #productsB #productsButton span a:visited, #productsB #productsButton span a:hover, #productsB #productsButton span a:active, #productsB #productsButton span,

#aboutB #aboutButton span a:link, #aboutB #aboutButton span a:visited, #aboutB #aboutButton span a:hover, #aboutB #aboutButton span a:active, #aboutB #aboutButton span,

#resourcesB #resourcesButton span a:link, #resourcesB #resourcesButton span a:visited, #resourcesB #resourcesButton span a:hover, #resourcesB #resourcesButton span a:active, #resourcesB #resourcesButton span,

#contactB #contactButton span a:link, #contactB #contactButton span a:visited, #contactB #contactButton span a:hover, #contactB #contactButton span a:active, #contactB #contactButton span,

#quitB #quitSmokingButton span a:link, #quitB #quitSmokingButton span a:visited, #quitB #quitSmokingButton span a:hover, #quitB #quitSmokingButton span a:active, #quitB #quitSmokingButton span
 
 {
	cursor:default;
	background-position:bottom;
	}