/* ---------------------------
   TABLE OF CONTENTS          
   1 Universal                
   2 Template Layout          
   3 Branding / Logo elements 
   4 Main navigation elements 
   5 Sub navigation elements  
   6 Footer elements          
--------------------------- */


/* ------------------- */
/* --- 1 UNIVERSAL --- */
/* ------------------- */

html{
	padding:0;
	margin:0;
	overflow-y: scroll;
	}

body{
	background:#D0B871 url("../images/site_objects/bg_bodygradient.jpg") repeat-x;
	color:#000;
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:75%;
	margin:0;
	padding:0;
	}

a img{
	border:0;
	}

.hidden{
	height:0;
	left:0;
	overflow:hidden;
	position:absolute;
	top:-1000px;
	}



/* ------------------------- */
/* --- 2 TEMPLATE LAYOUT --- */
/* ------------------------- */

div#sitewrapper{
	margin:0 auto;
	width:930px;
	}

	div#sitewrapper div#sitebackground{
		background:url("../images/site_objects/bg_dropshadows.png") repeat-y;
		/*background:url("../images/site_objects/bg_dropshadows_grid.png") repeat-y;*/
		float:left;
		padding:0 10px 0 10px;
		position:relative;
		width:910px;
		}

	div#sitewrapper div#sitebackgroundtop{
		background:url("../images/site_objects/bg_dropshadows_top.gif") no-repeat;
		display:inline;
		height:30px;
		float:left;
		margin:0 -10px -20px -10px;
		overflow:hidden;
		padding:0 10px 0 10px;
		width:910px;
		}

	div#sitewrapper div#header{
		background:#000 url("../images/site_objects/bg_menuhighlight.gif") no-repeat;
		clear:both;
		color:#FFF;
		float:left;
		padding:3px 6px 0 13px;
		position:relative;
		width:891px;
		}

	div#sitewrapper div#navigation{
		float:left;
		margin:0;
		padding:0 10px 40px 20px;
		width:210px;
		}

	div#sitewrapper div#content{
		float:left;
		padding:0 0 40px 0;
		width:670px;
		}

		div#sitewrapper div#content div.narrowcolumn{
			float:left;
			margin:0 10px 0 0;
			padding:0 10px 10px 10px;
			width:135px;
			}
			div#sitewrapper div#content div.narrowcolumn-nopadding{
				padding:0 0 10px 0;
				width:155px;
				}
		div#sitewrapper div#content div.widecolumn{
			float:left;
			margin:0 10px 0 0;
			padding:0 10px 10px 10px;
			width:260px;
			}

		div#sitewrapper div#content div.doublenarrowcolumn{
			float:left;
			margin:0 10px 0 0;
			padding:0 10px 10px 10px;
			width:300px;
			}
			div#sitewrapper div#content div.doublenarrowcolumn-nopadding{
				padding:0 0 10px 0;
				width:320px;
				}

		div#sitewrapper div#content div.column{
			float:left;
			margin:0 10px 0 0;
			padding:0 10px 10px 10px;
			width:190px;
			}
			div#sitewrapper div#content div.column-nopadding{
				padding:0 0 10px 0;
				width:210px;
				}
			div#sitewrapper div#content div.column-nopaddingfrench{
				padding:0 0 10px 0;
				width:190px;
				}
		div#sitewrapper div#content div.doublecolumn{
			float:left;
			margin:0 10px 0 0;
			padding:0 10px 10px 10px;
			width:410px;

			}
			
		div.video_container.doublecolumn{
			padding:0 0 10px 0!important;
			}	
			
			div#sitewrapper div#content div.doublecolumn-nopadding{
				padding:0 0 10px 0;
				width:430px;
				}

		div#sitewrapper div#content div.rightcolumn{
			float:left;
			margin:0;
			padding:0 0 10px 0;
			width:230px;
			}

			div#sitewrapper div#content div.rightcolumn ul,div#sitewrapper div#content div.rightcolumn p{
				font-size:95%;
				}

		div#sitewrapper div#content div.removepadding{
			float:left;
			margin:0 -10px;
			position:relative;
			}

		div#sitewrapper div#content div.clearcolumns{
			clear:both;
			float:left;
			width:100%;
			}

		div#sitewrapper div#content div.nomargin{
			margin:0;
			}

	div#sitewrapper div#footer{
		background:#FFF;
		border-top:1px solid #DFCF9F;
		clear:both;
		color:#000;
		float:left;
		font-size:90%;
		padding:9px 20px 20px 20px;
		width:870px;
		}






/* -------------------------- */
/* --- 3 BRANDING / LOGO  --- */
/* -------------------------- */

/* BRANDING ON THIS SITE IS IN THE FOOTER */

div#sitewrapper div#header form{
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	}

	div#sitewrapper div#header form fieldset{
		border:0;
		margin:4px 0 0 0;
		padding:0;
		}

	div#sitewrapper div#header form fieldset legend{
		display:none;
		}

	div#sitewrapper div#header form fieldset input{
		background:#FFF;
		border:1px outset #AEB0B2;
		color:#BEA55A;
		font-family:Arial, Verdana, Helvetica, Sans-serif;
		font-size:85%;
		padding:1px 3px 1px 3px;
		width:100px;
		}

	div#sitewrapper div#header form fieldset input.submit{
		background:#000;
		border:0;
		color:#FFF;
		cursor:pointer;
		font-family:Arial, Verdana, Helvetica, Sans-serif;
		font-size:100%;
		font-weight:normal;
		overflow:visible;
		padding:2px 0 0 2px;
		position:relative;
		width:auto;
		}

		div#sitewrapper div#header form fieldset input.submit:hover{
			text-decoration:underline;
			}




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

div#sitewrapper div#header ul{
	clear:both;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	}

	div#sitewrapper div#header ul li{
		background:none;
		display:inline;
		margin:0;
		padding:0;
		}

	div#sitewrapper div#header ul li.home{
		color:#CEB569;
		float:left;
		font-weight:bold;
		margin:1px 0 0 0;
		padding:7px 8px 9px 8px;
		text-decoration:none;
		text-transform:lowercase;
		}

	div#sitewrapper div#header ul li a{
		color:#CEB569;
		float:left;
		font-weight:bold;
		margin:1px 0 0 0;
		padding:7px 8px 9px 8px;
		text-decoration:none;
		text-transform:lowercase;
		white-space:nowrap;
		}

		div#sitewrapper div#header ul li a:hover,div#sitewrapper div#header ul li a:focus,div#sitewrapper div#header ul li a:active{
			text-decoration:underline;
			}


	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 8px 9px 8px;
		}



/* --------------------------------- */
/* --- 5 SUB NAVIGATION ELEMENTS --- */
/* --------------------------------- */

div#sitewrapper div#navigation ul{
	clear:both;
	float:left;
	list-style-type:none;
	margin:64px 0 10px 0;
	padding:0;
	width:210px;
	}

	div#sitewrapper div#navigation ul li{
		background:none;
		clear:both;
		float:left;
		margin:0;
		padding:0;
		width:210px;
		}

		div#sitewrapper div#navigation ul li a{
			background:#FFF;
			border-bottom:1px solid #E2D3A8;
			color:#000;
			display:block;
			padding:6px 10px;
			text-decoration:none;
			}

			div#sitewrapper div#navigation ul li a:hover,div#sitewrapper div#navigation ul li a:focus,div#sitewrapper div#navigation ul li a:active{
				text-decoration:underline;
				}

		div#sitewrapper div#navigation ul li a.lit{
			background:#f4f0dd;
			font-weight:bold;
			}

		div#sitewrapper div#navigation ul li a.section{
			background:#BFA55D url("../images/site_objects/bg_sectiongradient.gif") top repeat-x;
			border:0;
			color:#FFF;
			font-size:130%;
			font-weight:bold;
			text-transform:lowercase;
			}

	div#sitewrapper div#navigation ul li ul{
		border-bottom:1px solid #E2D3A8;
		margin:-1px 0 0 0;
		padding:0 0 0 10px;
		position:relative;
		width:200px;
		}

		div#sitewrapper div#navigation ul li ul li{
			width:200px;
			}

		div#sitewrapper div#navigation ul li ul li a{
			background:transparent;
			border-bottom:0;
			border-top:1px solid #E2D3A8;
			}


	div#sitewrapper div#navigation ul li ul li ul{
		border:0;
		margin:-1px 0 0 0;
		padding:0 0 0 10px;
		position:relative;
		width:190px;
		}

		div#sitewrapper div#navigation ul li ul li ul li{
			width:190px;
			}

		div#sitewrapper div#navigation ul li ul li ul li a{
			background:transparent;
			border:0;
			}













div#accessiblenav ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

	div#accessiblenav ul li{
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
		}

	div#accessiblenav ul li a{
		height:0;
		left:17px;
		outline:none;
		overflow:hidden;
		position:absolute;
		top:41px;
		width:0;
		z-index:1;
		}

	div#accessiblenav ul li a:active,div#accessiblenav ul li a:focus{
		background:#FFF;
		border:1px solid #BFA55D;
		height:auto;
		margin:0;
		overflow:visible;
		padding:4px;
		text-decoration:none;
		width:auto;
		}
		
		
/*social media*/

.socialMedia{
	width:888px;
	overflow:hidden;
	border-top:1px solid #DFCF9F;
	padding:22px 0 22px 22px;
	font-size:.9em;
	}

	.socialMedia h2{
		font-size:1.5em;
		margin:0;
		padding:0 0 20px 0;
		}

	.socialMedia ul, .socialMedia li{
		margin:0;
		padding:0 90px 0 0;
		background:none;
		}
	
	.socialMedia li{
		float:left;
		line-height:18px;
		width: 111px;
		}
		
	.socialMedia ul li.omega{
		padding-right:0;
		}
	
	.socialMedia li a, .socialMediaNav li a{
		display:block;
		}
	
	.socialMediaNav{
		width:190px;
		}
	
	.socialMediaNav span{
		display:inline-block;
		padding:0 0 6px 6px;
		font-size:1.3em;
		font-weight:bold;
		}
	
	.socialMediaNav ul{
		margin:0!important;
		}
	
	.socialMediaNav ul li{
		padding-top:15px!important;
		}
	
	.socialMediaNav ul li a{
		color:#BEA55A!important;
		padding:0!important;
		border-bottom:0!important;
		text-decoration:underline!important;
		}
	
	.socialMediaNav ul li a:hover{
		text-decoration:none!important;
		}





/* ------------------------- */
/* --- 6 FOOTER ELEMENTS --- */
/* ------------------------- */

div#sitewrapper div#footer img{
	float:left;
	margin:0 18px 0 0;
	}
div#sitewrapper div#footer img.millercoors{
	float:left;
	margin:0 100px 0 0;
	}
div#sitewrapper div#footer img.greatbeer{
	float:left;
	margin:0 0 0 0;
	position:relative;
	}

div.boxfloatleft {
	float:left;
}
div.boxfloatright {
	float:right;
}

div.boxfloatleft p {
	float:left!important;
	clear:both;
}

div#sitewrapper div#footer ul{
	float:left;
	list-style-type:none;
	margin:8px 0 0 0;
	padding:0;
	width:441px;
	}

	div#sitewrapper div#footer ul li{
		background:none;
		float:left;
		padding:0;/*
		width:110px;*/
		}

		div#sitewrapper div#footer ul li a{
			background:#FFF;
			color:#000000;
			text-decoration:none;
			}

		div#sitewrapper div#footer ul li a:hover,div#sitewrapper div#footer ul li a:focus,div#sitewrapper div#footer ul li a:active{
			text-decoration:underline;
			}


div#sitewrapper div#footer p{
	display:block;
	float:right;
	margin:8px 0 0 0;/*
	width:199px;*/
	}

div#sitewrapper div#footershadow{
	background:url("../images/site_objects/bg_dropshadows_bottom.png") no-repeat;
	clear:both;
	color:#000;
	display:inline;
	float:left;
	height:12px;
	margin:0 -10px -12px -10px;
	overflow:hidden;
	padding:0 10px 0 10px;
	position:relative;
	width:910px;
	}

.imgnoalcohole {
padding-top:10px;
padding-bottom:10px}

/* -----------------
   END OF LAYOUT.CSS
----------------- */