* { margin:0; padding:0;}
body {	font: 0.88em Verdana, sans-serif; line-height:1em;	color: #333333;	 background-color:#FBFAF4; }
a {text-decoration:none;  }
#topnav {	height: 2.6em;	font: 18px Georgia, "Times New Roman", Times, serif;	background: #F9E0B1;	padding: 0px 0px 0px 215px;	border-top: 5px solid #00853F;	overflow: hidden;	min-width: 750px;	border-bottom: 1px solid #333333;	/*width: 790px;*/}
ul, ol { 	list-style: none;}
#topnav li {background: url(../images/diamond-black.gif) no-repeat 100% 66%;	padding: 0px 23px 0px 13px;	float: left;	margin-right: 5px;}
#topnav #contact {background: none; }
#topnav li a, #topnav li a:visited {	text-transform: uppercase;	color: #000; /*#00853F; green*/	padding: 0.75em 0 0.25em;	display: block;}
#topnav li a:hover, #topnav li a:active {	color: #CC6633;	text-decoration: underline;}
#logo {	width: 200px;	position: absolute;	z-index: 10;	left: 5px;	top: 5px;}
#logo p {	text-align: center;	padding: 4px 4px 5px 6px;	font-size: 0.9em;}
#logo .address {color:#009900; padding-top: 20px; }
#logo a, #logo a:visited {color: #00853F;	text-decoration: none;}
#logo a:hover, #logo a:active {	color: #CC6633;	text-decoration: none;}

#main {	background: url(../images/fourcolbg.gif) repeat-y 571px 0;	padding: 1.5em 0 1.5em 210px;	float: left;	width: 750px;	font-size: 0.88em;}
#sitemain {	background: url(../images/3colbg.gif) repeat-y 794px;	padding: 1.5em 0 1.5em 210px;	float: left;	width: 750px;	font-size: 0.88em;}
#main p, #sitemain p {	line-height: 1.8em;	text-align: left;	margin: 0 0 1em;}
.column {	float: left;}
#content {	width: 345px;	padding-right: 15px;	padding-left: 0px; }
#sitecontent {	width: 540px;	padding: 0 25px 0 20px; }
#content .info, #sitecontent .info{	font: 0.9em Verdana, sans-serif;	text-transform: uppercase;	letter-spacing: 0.33em;}
#content .item, #content #intro, #sitecontent .item, #sitecontent #intro, #sitecontent #beerintro  {	 margin-top: 0.75em;	padding-top: 1.5em;	padding-right: 1em;	padding-bottom: 0.5em;	border-top: 1px dashed #999999; }
 #sitecontent .beeritem { height:140px; margin-top: 0.75em; padding-top: 1.5em;	padding-right: 1em;	padding-bottom: 0.5em;	border-top: 1px dashed #999999;}
#sitecontent .orderitem { height:140px; margin-top: 0.75em; padding-top: 1.5em;	padding-right: 1em;	padding-bottom: 0.5em;	border-top: 1px dashed #999999;}
#sitecontent .orderform { margin-top: 1.2em; padding-top: 1.5em;	padding-right: 1em;	padding-bottom: 0.5em;	border-top:none;}
 #sitecontent .orderitem p, #sitecontent .beeritem p, #sitecontent .beeritem h2 {line-height: 1.1em; margin-left: 130px; margin-bottom: 5px;	}
 #sitecontent a,  #sitecontent a:visited {	color:#00853F;	text-decoration:none;}
 #sitecontent a:hover, #sitecontent a:active {	color: #CC6633;	text-decoration: underline;}
#content #intro, #sitecontent #intro  {	font: italic 1.05em Georgia, serif;	padding-top: 1em;	padding-right: 1em;	padding-bottom: 1px;}
#sitecontent #beerintro  {line-height: 3em;	font: 1.05em Georgia, serif;	padding-top: 1em;	padding-right: 1em;	padding-bottom: 1px;}
h1 {	font-size: 1.8em;	font-style: normal;	/*text-align: center;*/}
h2 {	font-size: 1.7em;	font-style: normal;	/*text-align: center;*/}
#sitecontent h2 {	font-size: 1.7em;	font-style: normal;	text-align: left;}
#content .title, #sitecontent .title {	font: 1.8em Georgia, Times, serif;	margin-bottom: 0.5em;}
.title {	text-transform: none;	letter-spacing: 1px;}
#seccol {	width: 215px;}
#seccol .title {font: 1.6em Georgia, Times, serif; text-align:left; margin-bottom: 0.25em;}
#seccol .row {	margin: 3px 0px;	float: left;	width: 195px;	}
#seccol .beer {	font: 1.1em Georgia, Times, serif;	width: 215px;	margin-top: 1em;	margin-bottom: 0;}
#seccol .beerdesc {	font:0.8em;	width: 215px;	margin-bottom: 0.5em;}
#seccol .beer a {	color: #00853F;	font-weight: bold;}
#seccol .beer a:hover {	color: #CC6633;	text-decoration: underline;	}
#banners { margin: 0 20px 20px; }
#banners li { margin: 0 0 10px; }
#banners li a { display:block; width: 173px; margin: 0 auto; }
#banners li img { display:block; margin: 0 auto; border:1px solid #CCCCCC; }
#banners li a:hover img { border:1px solid #666666; }
#beers {padding: 1.5em 20px; border-top: 1px solid #D9D9D9; }
#sidebar {width: 140px;	padding-left: 10px;}
#sidebar .title {font: 1.6em Georgia, Times, serif;	margin-bottom: 0.25em;	text-align: left;}
#sidebar div {	padding: 10px 0.5em;	border-bottom: 1px dashed #b2b2b2;}
#sidebar ul {	list-style: url(../images/diamond-black.gif) inside;}
#sidebar li {	padding-top: 3px;	padding-bottom: 3px;}
#sidebar li a, #sidebar li a:visited {	/*font-size: 0.9em;*/	color: #00853F;	text-decoration: none;}
#sidebar li a:hover, #sidebar li a:active {	color: #CC6633;	text-decoration: underline;}
#search {	margin-bottom: 10px;}
#sidebar .ad {	padding-top: 2em;	padding-bottom: 2em;	border-bottom: none;}
#footer {clear: both; border: 1px solid #666; border-width: 1px 0; margin-bottom: 3em; font-size: 0.85em;  background: #F9E0B1 ;}
#footer p {margin-left: 200px; padding: 1em 20px; border-left: 1px solid #666;  background: #FFF;}
#footer a:link, #footer a:visited {border-bottom-width: 0;}
#footer a:hover {border-bottom-width: 1px;}
#footer .copyright {padding-left: 25px; }
/* IE5 Hacks */
#main {width: 960px; voice-family: "\"}\""; voice-family:inherit; width: 750px;
}

/* Order Form */

.orderbeer {	/*width: 360px;*/	border: 1px dashed #CCCCCC;	padding: 5px;	/*background: #E2E8FC */}
.formLabel {		text-align: right;	float: left;	width: 200px;}
.formControl {	float: left;	width: 240px;	margin-left: 1.1em;}
.row {	clear: both;	padding-top: 3px;}
.spacer {	clear: both;	height: 8px;}
fieldset {	margin: 0px;	padding: 5px;	border: none;}
legend {font-weight: bold;	color: #666666;}
.alert {	font-weight: bold;	color: #993300;}
th {
	border-bottom: 1px dashed #999999;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}
td {font: 1em Verdana, sans-serif; 	padding-top: 4px;	padding-bottom: 4px;}
.total {	font-weight: bold;	border-top: 1px dashed #999999;}
.subs {	font-weight: bold;	}
.red { color:#FF0000;}

#intro li a, #intro li a:visited {	text-transform: uppercase;	color: #000; /*#00853F; green*/	padding: 0.75em 0 0.25em;	display: block;}
#intro li a:hover, #intro li a:active {	color: #CC6633;	text-decoration: underline;}
.biladdress {	float: left;	width: 220px;	padding: 3px;	margin-right: 40px;	margin-left: 0px;	}
.ordaddress {	float: left;	width: 220px;	padding: 3px;	margin-right: 20px;	margin-left: 0px;	}
.pale {
	background: #F4F2EC;
}
.bubble {
width: 220px;
}
.bubble h1 {
	margin: 0;
	padding: 0;
	font: normal 1.4em Georgia, Times, serif;
	color: #339933;
}