﻿* {
	margin:0;
	padding:0;
	outline:none;
	text-decoration:none;
}

body {
	font-size:16px;	
	color: black;
	/*font-size: medium;*/
	/*font-family: Courier, "Courier New";*/
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	background: brown url(../images/woodpanel.jpg) repeat center top;
}

h1{font-size:1.8em; font-weight:bold;}
h2{font-size:1.5em; font-weight:bold;}
h3{font-size:1.2em; font-weight:bold;}
h4{font-size:1.0em; font-weight:bold;}
h5{font-size:.85em; font-weight:bold;}

h1, h2, h3, h4, h5, p, ul, ol, li {
	margin-bottom:10px;
}

li ul, li ol {
	margin-top:10px;
}

ul li {
	list-style-position:outside;
	list-style-type:disc;
}

ul, ol {
	margin-left:30px;
}

hr {
	margin:5px auto;
}

img, a img, table {
	border:none;
}
a, #content a {
}
a:hover, #content a:hover {
}

#page {
	margin: 0px auto;
	text-align: left;
	width: 978px;
}

#banner {
	float: left;
	width: 973px;
	height: 275px;
	background: transparent url(../images/ww-banner.png) no-repeat left top;
}

#banner h1, #banner address {visibility:hidden;}

/*********** Left column*************/
#col1 {
	float: left;
	width: 305px;
	/*background: transparent url(../images/col1-top.png) no-repeat right bottom;*/
	/**/padding-bottom: 175px;
}


#col1 div {
	background: transparent url(../images/left-top.png) no-repeat right top;
	padding-top: 40px;
	font-size: medium;
	width: 305px;
	float: left;
}

#col1 div h2 {
	text-indent: -1000px;
	margin: 0px;
	padding: 0px;
	height: 42px;
	overflow: hidden;
}

#col1 div dl {
	margin: 0px;
	padding: 0px 0px 25px;
	background: transparent url(../images/left-bottom.png) no-repeat right bottom;
}

#col1 div dt {
	padding-top: 5px;
	background: transparent url(../images/left-mid.png) repeat-y right;
	margin: 0px;
	padding-left: 50px;
	padding-right: 15px;
	font-weight: bold;
}


#col1 div dd {
	background: transparent url(../images/left-mid.png) repeat-y right;
	margin: 0px;
	padding-left: 45px;
	padding-right: 15px;
}

#col1 div ul {
	padding-left: 0px;
	margin-left:0;
}

#col1 div ul li {
	list-style-position:inside;
	margin-left: 15px;
	text-indent:-15px;
	margin-bottom:10px;
}

#specials h2 {
	background: transparent url(../images/weekly-specials.png) no-repeat right top;
}

#features h2 {
	background: transparent url(../images/features.png) no-repeat right top;
}

/****************** right column *********************/

#content {
	width: 663px;
	background: transparent url(../images/page-line.png) repeat-y left top;
	padding-bottom: 31px;
	float: right;
}

#content div.event {
	padding:15px 45px 10px 60px;
}

#content ul {
	/*padding:18px 45px 10px 80px;*/
	margin-left:50px;
}

#content h2 {
	background: transparent url(../images/page-top.gif) no-repeat left top;
}

#content h2 strong {
	display: block;
	padding: 25px 10px 0px 50px;
}

#content .event h3 {
	text-indent:-30px;
}



/*  clearfix :: assign class='clearfix' to any elements that have only floated elements within it for this to work! */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* hack for IE6 */
*:first-child+html .clearfix { zoom: 1; } /* hack for IE7 */

