html {
	height:101%;
	background: #686AA0 url(/images/background.jpg) repeat-y 50% 0;
}

body {
		margin:0px;
		text-align:center;
		background: #686AA0 url(/images/background.jpg) repeat-y 50% 0;
		font-size: 100%;
		font-family: "Georgia", Verdana, Arial, sans-serif;
		background-attachment: scroll;  /* fixes MAC - border shows about 15px*/
		/* of backgroundimage below last div*/
		/* if window is larger than content also*/
		/*place background-color in html above*/
		/*-fix by http://www.zeldman.com/press/discuss_css.html*/
	}
h1, h2, h3, h4 {
	font: bold 100%/100% "Georgia", Verdana, Arial, Helvetica,sans-serif;
}
h1 {
	font-size:1.5em;
	margin:0;
	color:#452E0E;
	padding: 0px 0px 15px 0px;
}
	
h2 {
	font-size:1.0em;
	margin:0;
	padding: 3px 0px 5px 0px;
	color: #3C6930;
}

h3 {
	font-size:.9em;
	font-weight: bold;
	margin:0;
	padding:3px 0px 5px 0px;
	text-decoration: underline 
}
h4 {
	font-size: .8em;
	margin:0;
	padding:0px 0px 0px 0px;
	color: #44290C
}

p, ol, ul,  dl {
	font: normal 12px/150%  "Georgia", Verdana, Arial, Helvetica,sans-serif;
	margin:0;
	padding:0 0 10px 0;
}

td
{
font: normal 100% "Georgia", Verdana, Arial, Helvetica,sans-serif;
}
a {
	text-decoration: none;
}
a:link, a:visited {
  color:#452E0E;
  text-decoration: underline;
  }
    
a:hover {
  text-decoration: none;
  }

dl {
	margin:0;
	padding:0 0 5px 0px;
}

dd {	
	margin:0 0 5px 0px;
	padding:0;
}
dt {
	font-weight:bold;
}

ol li {
	margin:0;
	padding:0 0 4px 0;
}

ul {
	margin:0px;
	padding: 0px 0px 15px 15px;
}
ul li {
	margin:0px;
	padding: 0;

}
th {
	font-size:.7em;
	font-weight:bold;
}

img {
	border: 0;
	padding:0;
	margin:0;
}
	img.beers {
		float: left;
		padding: 5px 10px 0px 0px;
	}

em {
	text-decoration: none;
	font-style: italic;
}

#wrapper {
	width: 749px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	border-bottom: 1px solid #F8F7DF;
	}
	
	#wrapperPadding {
		padding-left: 0px;
	}

#header  {
	width: 749px;
	height: 166px;
	margin: 0 auto;
	padding:0;
	background: url(/images/header.jpg) no-repeat top left;

	}

	#logolink {
		float: left;
		width:350px;
		height: 75px;
		padding:20px 5px 0px 20px;
		cursor: pointer;background:transparent;z-index: 1;position:relative;
	}
	
	#header h1 {
		display: none;
	}
	
	#header img {
		float: left;
	}

/* Navigation */
#nav {    /* the top nav  */	
	clear: both;
	width: 400px;
	padding: 50px 0px 0px 30px;
	margin: 0px; 
	float:left;
	line-height: normal;
	}
		
		#nav ul {
			margin:0px 0px 0px 0px;
			padding:5px 0px 0px 0px;
			display:inline;
			list-style:none;
			}
		
		#nav li {
			float:left;
			border-right: 1px solid #FFFFFF;
			line-height: 11px; /*.9em;*/
			height: 12px; /*1.2em;*/
			padding: 0px 0px 0px 0px;
			}
		
		#nav li a {
			color:#FFFFFF;
			text-decoration:none;
			padding:0px 10px 5px 8px;
			margin:0px 0px 0px 0px;
			font-weight: bold;
			font-size: 12px;
			}
		
		#nav li a:hover {
			color:#686AA0;
			text-decoration:none;
			} 
			
		#nav li.last {border:0;}
	
	#subnav {
		margin: 0px 2px 0px 0px;
		padding: 10px 0px 50px 25px;
		width: 173px;
		float: left;
		font-size: 1.2em;
	}
		
		#subnav ul {
			margin: 0;
			padding: 5px 0px 0px 0px;
			list-style: none;
		}
		#subnav ul li {
			margin: 0;
			padding: 5px 0px 0px 15px;
			font-weight: bold;	
			background:url(/images/li.bullet.gif) no-repeat 1px 0.8em;
		}
		#subnav ul li a {
			margin: 0px;
			padding: 0px;
			text-decoration: underline;
			color: #366D2A;
		}
		#subnav ul li a:hover {
			color: #366D2A;
			text-decoration: none;
		}
			
	#contentWrapper {
		width: 733px;
		padding: 12px 0px 18px 0px;
	}
		
	#contentHome {
		margin: 0 auto;
		padding: 0px 3px 0px 3px;
		}
		#contentHome h1 {
			font-weight: bold;
			font-size: 1.0em;
			color: #44290C;
		}
		#contentHome a {
			color: #686AA0;
			font-weight: bold;
			text-decoration: underline;
		}
		#contentHome a:hover {
			text-decoration: none;
		}
		#contentHome p {
			padding-bottom: 5px;
			color: #776B51;
		}
		#contentHome p.more {
			text-align: right;
		}
	
	#content {
		margin: 0 auto;
		padding: 11px 0px 11px 0px;
		float: left;
		width: 545px;
	}
	#contentPadding {
		margin: 0 auto;
		padding: 12px 12px 35px 30px;
		border-left: 1px solid #686AA0; 
		padding-right: 100px;  /* for printing*/
	}

	
	#cell1 {
		width: 420px;
		float: left;
		background: url(/images/coleman.jpg) no-repeat 50% 0;
		}
		#cell1 .cell1Padding {
			padding: 150px 12px 0px 12px;
		}
		#cell1 p {
			padding: 10px 0px 0px 0px;
			color: #000000;
		}
		#cell1 img {
			padding: 2px;
			border: 1px solid #000000;
		}
	
	#cell2 {
		width: 300px;
		float: left;
		border-left: 1px solid #686AA0;
		}
		#cell2 .cell2Padding {
			padding: 15px 0px 0px 15px;
		}
	
	#pageheader {
		width: 749px;
		height: 158px;
	}
	
	#footer {
		width: 749px;
		height: 78px;
		background-color: #EDE8D2;
		margin:0 auto;
		padding: 0px 0px 0px 0px;
		color: black;
		line-height: 1.0em;
		text-align: center;
		}
		#footer a {
			color: #452E0E;
			text-decoration: none;
		}
		#footer ul {
			margin: 0px;
			padding: 25px 0px 0px 0px;
			list-style: none;
		}
		#footer li {
			display:inline;
			margin: 0px 0px 0px 0px;
			padding: 0px 5px 0px 6px;
			color: white;
			font-size: 0.9em;
			line-height: 1.2em;
			border-right: 1px solid #686AA0;
		}
		#footer a:hover	{
			text-decoration:underline;	
		}
		#footer li.last {border:0;}
		#footer p.base {
			margin: 0px 0px 0px 0px;
			padding: 3px 0px 0px 0px;
			font: 0.65em "Verdana", "Times New Roman", Times, serif;
		}
	
	#lastLinks {
		text-align: center;
		margin-top: 10px;
	}
	#lastLinks a {
		font: 0.85em "Verdana", "Times New Roman", times, serif;
		color: black;
	}
	#lastLinks p {
		padding-left: 25px;
	}
	 /* for Skip navigation at bottom of page*/	
.hide {   
	height: 0px;
	width: 0px;
	visibility: hidden;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
	
.msrp
{font-size:.7em;}

.sale
{font-size:.7em;}