/* ---------------------------
   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;
		}
/*	div#sitewrapper div#footer p{
		width:183px;
		}
	div#sitewrapper div#footer ul{
		width:457px;
		}
	div#sitewrapper div#footer ul li{
		width:114px;
		}*/


/* ---------------------------------- */
/* --- 4 MAIN NAVIGATION ELEMENTS --- */
/* ---------------------------------- */

	div#sitewrapper div#header ul li a.lit{
		background:#B59D58 url("../../images/site_objects/bg_menugradient.gif") top repeat-x;
		padding-left:13px;
		}
		
	div#sitewrapper div#header ul li a {
		padding-left:13px;	
		white-space:normal;
		}
	div#sitewrapper div#header ul li.home {
		padding-left:13px;	
		width: 47px;
	}
	html>body div#sitewrapper div#header ul li a, html>body div#sitewrapper div#header ul li.home {
		min-height:30px;
		height: auto;
		}
	div#sitewrapper div#header ul li a { width: 47px;
		}
	div#sitewrapper div#header ul li a.menu1 { width: 66px;
		}
	div#sitewrapper div#header ul li a.menu2 { width: 72px;
		}
	div#sitewrapper div#header ul li a.menu3 { width: 75px;
		}
	div#sitewrapper div#header ul li a.menu4 { width: 63px;
		}
	div#sitewrapper div#header ul li a.menu5 { width: 62px;
		}
	div#sitewrapper div#header ul li a.menu6 { width: 62px;
		}
	div#sitewrapper div#header ul li a.menu7 { width: 66px;
		}
		

/* --- ACCESSIBLE NAVIGATION --- */
		
div#accessiblenav ul li a {
	top:61px;
	}


/* --------------------------------- */
/* --- 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
----------------- */



/* ----------------- */
/* --- 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;
	}

/* ------
SITE SEARCH BOX
-------*/

form.spanish {
	float:left;
	clear:both;
	padding:6px 10px;
}
form.spanish legend {
	display: none;
}
form.spanish input.submit {
	border:none;
	color:#bea55a;
	background:none;
	display:inline;
}


/* ----------------
   END OF STYLE.CSS
---------------- */