body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: #900;

}
a:link, a:visited {
	color: #fff;
}
div#container {
	margin: 0px auto;
	width: 812px;
	text-align: left;
	overflow:hidden; /*this to cut off the extra space from the nav bar. this way, the bar always extends the full amount of the page. */
	}
div#header {
margin:0;
	width: 816px;
	height: 100px;
	background: url(images/logo-small.gif) no-repeat;
	background-position:10px 0px;
	background-color:#000000;
}
div#header h1 {
margin:0;
text-align:right;
position:relative;
top:20px;
left:-10px;
}

div#navContainer {
float:left;
	width:150px;
	padding-bottom:5000px; /*these two lines are to make sure the nav bar goes all way down the screen */
	margin-bottom:-5000px; /*set the padding and margin to an large amount. these rest will be clipped by the container div */
	display:inline;
	background-color:#FFFFFF;
}
ul#navigation, ul#navigation2 {
	clear: right;
	margin: 0;
	padding: 0;
	width:150px; 
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
}

ul#navigation a{
	color: #000000;
	text-decoration:none;
			}

ul#navigation a:hover, ul#navigation a:active, ul#navigation2 a:hover, ul#navigation2 a:active {
	color: #899dc0;
	text-decoration:underline;
}
ul#navigation li, ul#navigation2 li {
	color:#000000;
	text-indent:5px;
	padding-bottom:2px;
	width:150px;
	display:block;
	border-bottom-style:groove;
	border-bottom-color:#000000;
	}

div#MainColumn{
margin:-9px;
margin-left:150px;
width:666px;
}
div#OutdoorKitchensColumn{ /*this section was used to troubleshoot. didn't want to take it out */
margin:-9px;
margin-left:150px;
width:666px;
}
div#sideBar {
	position: relative;
	float: left;
	padding: 10px;
	width: 190px;
	height: 325px;
	font-size: 12px;
	border: 15px solid #c33;
}
div#sideBar h2 {
	font-size: 14px;
	color: #c33;
}
div#sideBar ul {
	margin: 10px 0;
	*margin: 10px 15px;
}
div[id=sideBar] ul {
	padding: 0 15px;
}
div#sideBar ul li {
	padding: 2px 0;
}
div#content {
	position: relative;
	float: left;
	padding: 10px;
	width: 372px;
	height: 325px;
	text-align: center;
	font-size: 12px;
	border: 15px solid #c33;
}
div#footer {
	clear: left;
	padding-top: 10px;
	width: 662px;
	height: 200px;
	text-align: center;
	font-size: 12px;
}
p#copyright {
	font-size: 10px;
}
marquee#news {
	margin-left: 170px;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}
div#quote {
	text-align: center;
}
div.cornerTopLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(images/corner-top-left.gif) no-repeat;
}
div.cornerTopRight {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background: url(images/corner-top-right.gif) no-repeat;
}
div.cornerBottomLeft {
	position: absolute;
	bottom: 0;
	*bottom: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(images/corner-bottom-left.gif) no-repeat;
}
div.cornerBottomRight {
	position: absolute;
	bottom: 0;
	*bottom: -1px;
	right: 0;
	width: 20px;
	height: 20px;
	background: url(images/corner-bottom-right.gif) no-repeat;
}
.phone {
	color: #fc0;
}