/* ---------------------------
   LAYOUT.CSS
   TABLE OF CONTENTS          
   1 Universal                
   2 Template Layout          
   4 Main navigation elements 
   5 Sub navigation elements  
   6 Footer elements          
--------------------------- */


/* ------------------- */
/* --- 1 UNIVERSAL --- */
/* ------------------- */

body{
	background:#D0B871 url("../../images/site_objects/bg_bodygradient.jpg") repeat-x;
	}


/* ------------------------- */
/* --- 2 TEMPLATE LAYOUT --- */
/* ------------------------- */

	div#sitewrapper div#sitebackground{
		background:url("../../images/site_objects/bg_dropshadows.png") repeat-y;
		}

	div#sitewrapper div#sitebackgroundtop{
		background:url("../../images/site_objects/bg_dropshadows_top.gif") no-repeat;
		}

	div#sitewrapper div#header{
		background:#000 url("../../images/site_objects/bg_menuhighlight.gif") no-repeat;
		}
	p.frontflash { margin-top: 3px;
		}
		
	div#sitewrapper div#footer img {
		float:left;
		margin:0 18px 0 0;
		}
		div#sitewrapper div#footer img.rightlogo {
			margin: 7px 41px 3px 0;
			}
		p.logo img.rightlogo_verification {
			margin:0 0 7px 15px;
			}


/* ---------------------------------- */
/* --- 4 MAIN NAVIGATION ELEMENTS --- */
/* ---------------------------------- */

div#sitewrapper div#header ul li a{
		color:#CEB569;
		float:left;
		font-weight:bold;
		margin:1px 0 0 0;
		padding:7px 7px 9px 7px;
		text-decoration:none;
		text-transform:lowercase;
		white-space:nowrap;
		}

	div#sitewrapper div#header ul li a.lit{
		background:#B59D58 url("../images/site_objects/bg_menugradient.gif") top repeat-x;
		color:#FFF;
		margin:2px 0 0 0;
		padding:6px 7px 9px 7px;
		}

	div#sitewrapper div#header ul li.home{
		padding:7px 7px 9px 7px;
		}

	div#sitewrapper div#header ul li a{
		padding:7px 7px 9px 7px;
		}

	div#sitewrapper div#header ul li a.lit{
		background:#B59D58 url("../../images/site_objects/bg_menugradient.gif") top repeat-x;
		}


/* --------------------------------- */
/* --- 5 SUB NAVIGATION ELEMENTS --- */
/* --------------------------------- */

		div#sitewrapper div#navigation ul li a.section{
			background:#BFA55D url("../../images/site_objects/bg_sectiongradient.gif") top repeat-x;
			}

/* ------------------------- */
/* --- 6 FOOTER ELEMENTS --- */
/* ------------------------- */

div#sitewrapper div#footershadow{
	background:url("../../images/site_objects/bg_dropshadows_bottom.png") no-repeat;
	}


/* -----------------
   END OF LAYOUT.CSS
----------------- */










/* -----------------
   STYLE.CSS
   TABLE OF CONTENTS
   1 Headers
   4 Lists
   7 Positioning
----------------- */

	.nowrap {
		white-space:nowrap;
	}

/* ----------------- */
/* --- 1 HEADERS --- */
/* ----------------- */

	h1 img{
		display:block;
		margin:-43px 0 0 -10px;
		position:relative;
		}

	h1.twolines img{
		display:block;
		margin:-10px 0 -5px -10px;
		position:relative;
		}

	h2.gradient{
		background:#BFA55D url("../../images/site_objects/bg_sectiongradient.gif") top repeat-x;
		}

	h3.alert,h2.alert{
		background:url("../../images/site_objects/icon_alert.gif") no-repeat;
		}

	h3.email,h2.email{
		background:url("../../images/site_objects/icon_email.gif") no-repeat;
		}

	h3.rss,h2.rss{
		background:url("../../images/site_objects/icon_rss.gif") no-repeat;
		}

	h3.download,h2.download{
		background:url("../../images/site_objects/icon_download.gif") no-repeat;
		}

	h3.question,h2.question{
		background:url("../../images/site_objects/icon_question.gif") no-repeat;
		}

	h3.audio,h2.audio{
		background:url("../../images/site_objects/icon_audio.gif") no-repeat;
		}

/* --------------- */
/* --- 4 LISTS --- */
/* --------------- */

	ul li{
		background:url("../../images/site_objects/icon_bullet_gold.gif") top left no-repeat;
		}

	ul.blackbullet li{
		background:url("../../images/site_objects/icon_bullet.gif") top left no-repeat;
		}



/* --------------------- */
/* --- 7 POSITIONING --- */
/* --------------------- */

/* ------
MODULE BOXES (PREDOMINANTLY IN RIGHT HAND BAR ON INTERNAL PAGES)
------ */

	div#sitewrapper div#content div.rightcolumn div.bgalcohol{
		background:url("../../images/site_objects/bg_alcohol_right.gif") top right no-repeat;
		}

/* ------
'FEATURE BOX' - RELATED LINKS ETC. AREA WITH GRADIENT IN B/G 
(AT BOTTOM OF PAGES IN 'ALCOHOL AND YOUR BODY' AND 'SOCIAL 
SITUATIONS')
------ */

div#sitewrapper div#content div.featureblock{
	background:#FFF url("../../images/site_objects/bg_featuregradient.jpg") repeat-x;
	}

/* ------
FACTSHEETS BOX
-------*/

div#sitewrapper div#content div.factsheet{
	background:url("../../images/site_objects/bg_download_factsheet.gif") top right no-repeat;
	}


/* ---------------- */
/* --- 8 TABLES --- */
/* ---------------- */

	div#sitewrapper div#content table.news tbody tr td a:hover em, div#sitewrapper div#content table.news tbody tr td a:visited:hover em {
		text-decoration:underline;
		}


	div#sitewrapper div#content table.news tbody tr td a em{
		text-decoration:none;
		}

	div#sitewrapper div#content table.news tbody tr td a:hover{
		text-decoration:none;
		}
/* ----------------
   END OF STYLE.CSS
---------------- */



