/* CSS Document */

body {
	margin: 10px 0;
	padding: 0px;
	background: #6A5024;
	text-align: center;
	}

p { font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	margin-top: 4px; }
	
li { font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	margin-top: 4px; }
	
	h1 {color: #F08831;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	margin: 1em 0 1.5em 0;
	padding-left: 20px;
	line-height: 1em;}
	
	h2 {color: #691B1D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 1em 0 1.5em 0;
	padding-left: 20px;
	line-height: 1em;}

#container {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 788px;
	text-align: left;
	border: solid 1px black;
	background-color:#FFFFFF;
	}

#content {
	position: relative;
	margin: 0px ;
	width: 787px;
	background: white url(images/image_background_content.jpg) repeat-y top;
	padding-bottom: 10px;}


.logo {
	position: relatve;
	margin: 0 0px 0 245px;
	height: 113px;
}


.lftNav {
	float:left;
	margin: 0 0 0 0;
	background: white url(images/image_beermug_left.jpg) no-repeat top;
	height: 470px;
	width: 243px;
	}

.lftNav a {
	text-decoration: none;
	color: #691B1D;}

.lftNav a:hover {
	text-decoration: underline;}

.lftNav	p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px;
	}

.lftNav	h2 {color: #691B1D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1em;}

.contentText {
	position: relative;
	margin: 10px 0 10px 250px;
	width: 530px;
	padding-top: 10px;
	}

.contentText p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
	font-size: 10pt;	
	padding-left: 20px;}

.contentText h1 {color: #F08831;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	margin: 1em 0 1.5em 0;
	padding-left: 20px;
	line-height: 1em;}

.contentText h2 {color: #691B1D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 1em 0 1.5em 0;
	padding-left: 20px;
	}
	
.contentText a {
	text-decoration: underline;
	color: #F08831;}

.contentText a:hover {
	text-decoration: none;}


#beerNav {
	position: relative;
	margin: 0px 0 0 0px;
	width: 787px;
	height: 195px;
}
.didYouKnow {
	position: absolute;
	background: #EAA500;
	width: 243px;
	height: 195px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
.btmNav {
	position: absolute;
	background: #B1B679;
	margin: 0px 0 0 243px;
	width: 545px;
	height: 195px;
}

#footer {
	position: relative;
	background: #691B1D;
	color: #FFFFFF;
	padding-top: 10px;
	border-top: black solid 1px;
	width: 788px;
	height: 40px;
	}

#footer p{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 8pt;}
	
#footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 8pt;
	text-decoration: none;
}
#footer a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 8pt;
	text-decoration: underline;
}

img.left {
float: left ;
margin-right: 10px;
}
img.right {
float: right;
margin-left: 10px;}