a:link, a:visited {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #000;
}
a:hover, a:active {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #A03E19;

}
h3 {
	color: #990000;
	font: 18px Verdana;
	margin: 0;
	text-transform: lowercase;
}
ul {
	list-style: none;
	margin: 0;
	background-image: url(nav_bg.jpg);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;


}
ul li {
	margin: 0;
}
/* li:hover style... have to replace the BG so the color will show up. */
li:hover {
	background: #D1DAC9;
	color: #FFF;
}
ul li a {
	/* this would be block, save for the nbsp at the end of the
		link for "accessibility" purposes. :P */
	display: inline;
	color: #000;
	text-transform: lowercase;
}


.main {
background-image: url(main_bg.jpg);
}
.left {
background-image: url(left_bg.jpg);
}
.right {
background-image: url(right_bg.jpg);
}