body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #582712;
	font-size: small;
	margin: 0;
	padding: 0;
	background: #ffffcc;
}
/* structure */
#nav {
	padding: 20px 0 0;
	width: 208px;
	float: left;
	margin: 0;
	background: url(img/nav.jpg) no-repeat;
}
#maincolumn {
	padding: 0;
	margin: 0;
	background: #ffffcc url(img/rhShadow.jpg) repeat-y 710px top;
	width: 750px;
}
#maincolumn #subcolumn {
	background: url(img/sideImg.gif) repeat-y;
	margin: 0;
	padding: 0;
}
.clear {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	height: 1px;
	overflow: hidden;
}
#content {
	margin: 0;
	padding: 0;
}
#header {
	margin: 0;
	padding: 0;
}
#bottom {
	clear: both;
	background: url(img/bottom.jpg) no-repeat 0 0;
}
/* styles */
p {
	font-size: 86%;
	margin: 0 60px 0 240px;
	padding: 0 0 10px 0;
}
h1 {
	font-family: "Courier New", Courier, mono, serif;
	font-size: 150%;
	padding: 20px 0 0 0;
	margin: 0 60px 0 240px;
}
h2 {
	font: bold 120% "Courier New", Courier, mono, serif;
	margin: 0 60px 0 240px;
	padding: 0 0 10px 0;
}
h3, h4, h5, h6 {
	font: bold 110% "Courier New", Courier, mono, serif;
	margin: 0 60px 0 240px;
	padding: 6px 0 0 0;
}
form {
	font-size: 86%;
	margin: 0 60px 0 240px;
	padding: 0 0 10px 0;
}

#content p, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin: 0 60px 0 240px;
}

#content ul {
	font-size: 85%;
	list-style: none;
	margin: 0 60px 10px 280px;
}
#content a {
	color: #a81704;
	text-decoration: underline;
}
#content a:hover {
	color: #000000;
	text-decoration: underline;
}
/* site map styles */
#outline {
	list-style: none;
	margin: 0 60px 10px 240px;
}
#outline li ol {
	font-weight: normal;
	list-style: none;
}


/* side navigation */
#nav ul {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
#nav li {
	text-decoration: none;
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav p {
	padding: 0;
	margin: 0;
	font-size: 200px;
}
#nav a {
	color: #882a0d;
	text-decoration: none;
	font-family: "Courier New", Courier, mono, serif;
	font-weight: bold;
	font-size: 100%;
	padding: 0 0 14px 40px;
	display: block;
	margin: 0;
}
#nav a:hover {
	color: #1a0100;
	text-decoration: none;
}
/* footer one and two and footer container */
#footerboth {
	padding-top: 15px;
	width: 400px;
}
.footer1 {
	font-family: "Courier New", Courier, mono, serif;
	text-transform: uppercase;
	color: #a81704;
	padding: 4px 5%;
	margin: 0;
	text-align: center;
	width: 100%;
	border-top: 1px solid #882a0d;
	border-bottom: 1px solid #882a0d;
}
#footerboth .footer1 a {
	font-family: "Courier New", Courier, mono, serif;
	color: #a81704;
	text-decoration: none;
}
#footerboth .footer1 a:hover {
	font-family: "Courier New", Courier, mono, serif;
	color: #000000;
	text-decoration: underline;
}
.footer2 {
	font: normal 80% Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #a81704;
	text-decoration: none;
	margin: 0;
	text-align: center;
	width: 100%;
	padding: 6px 5% 0 5%;
}
#footerboth .footer2 a {
	color: #a81704;
	text-decoration: none;
}
#footerboth .footer2 a:hover {
	color: #000000;
	text-decoration: underline;
}
.twt {
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #a81704;
	text-decoration: none;
	margin: 0;
	text-align: center;
	width: 100%;
	padding: 6px 5% 0 5%;
}
#footerboth .twt a {
	color: #a81704;
	text-decoration: none;
}
#footerboth .twt a:hover {
	color: #000000;
	text-decoration: underline;
}

/* hacks for IE6 */
* html body {
	font-size: x-small; /* for IE5/win */
	f\ont-size: small; /* for other IE versions  */
}
* html #nav a { padding-bottom: 0px; }  /* makes NAV A tags line up correctly in IE6 */
*>html #nav a { padd\ing-bottom: 14px; }  /* makes IE/Mac behave */
* html .footer1 { margin: 0 5%; }  /* makes IE6 display proper width on footer1 */
*>html .footer1 { marg\in: 0 10%; } /* makes IE/Mac behave */
* html #header { margin-bottom: -3px; } /* corrects 3px gap displaying on IE/WIN */
/* these 4 rules following are for IE5 Mac to read. Other browsers will read them as well, 
but the other browsers will also see rules following the commented backslash */
#content p, #content h2, #content h3, #content h4, #content h5, #content h6 
{ margin: 0 60px 0 32px; }
h2 { margin: 0 60px 0 32px; }
#content ul { margin: 0 60px 10px 52px; }
h3, h4, h5, h6 { margin: 0 60px 0 32px; }
#outline { 	margin: 0 60px 10px 32px; }
/* use backslash within comment to ignore next group of rules in IE5 Mac \*/
#content p, #content h2, #content h3, #content h4, #content h5, #content h6 
{ margin: 0 60px 0 240px; }
h2 { margin: 0 60px 0 240px; }
#content ul { margin: 0px 60px 10px 280px; }
h3, h4, h5, h6 { margin: 0 60px 0 240px; }
#content p.product {
	margin-top: 0px;
	margin-bottom: 10px;
}
#outline { 	margin: 0 60px 10px 240px; }
#content table#products {
	margin: 0 60px 10px 240px;
}