/* CSS Document */
html { width: 100%; }

body {
	background-color: #e9d7b7;
	text-align: center; /* 8 hack to force IE5.x pc to center wrapper div */
	font: normal 11px 'Lucida Grande', Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
}
a:link { color: #d57500; text-decoration: underline; font-weight: bold; }
a:visited { color: #d57500; text-decoration: underline; font-weight: bold; }
a:hover { color: #9f6e19; font-weight: bold; }
a:active { color: #4a1e04; font-weight: bold; }

p, h1, h2, h3 { text-align: left; }
h1 { font-size: 150%; text-transform: capitalize; font-family: Georgia, 'Times New Roman', Times, serif; color: #9f6e19; }
h2 { font-size: 115%; text-transform: uppercase; color: #4a1e04; }

#container { margin: 0 auto; padding: 0; text-align: left; width: 650px; background-color: #fff; border: 0; } /*re-align after hack */

#header { width: 450px; height: 100px; margin: 0; padding: 0; background-color: #fff; }

/* NAVIGATION */
#nav {
    width: 650px; height: 36px;
	background:   url('../img/nav.gif') no-repeat;
	background-color: #fff;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav span { display: none; }	
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; }
#nav li, #nav a { height: 36px; display: block; }
#nav1 { left: 250px; width: 100px; }
#nav2 { left: 350px; width: 100px; }
#nav3 { left: 450px; width: 100px; }
#nav4 { left: 550px; width: 100px; }
#nav img { vertical-align: bottom; }

#nav1current {
   left: 250px; width: 100px;  background: url('../img/about.gif'); }
#nav2current {
   left: 350px; width: 100px;  background: url('../img/news.gif'); }
#nav3current {
   left: 450px; width: 100px;  background: url('../img/gallery.gif'); }
#nav4current {
   left: 550px; width: 100px;  background: url('../img/contact.gif'); }
	
#nav1 a:hover {
    background: transparent url('../img/nav.gif') -250px -36px no-repeat; border-bottom: none; }
#nav2 a:hover {
    background: transparent url('../img/nav.gif') -350px -36px no-repeat; border-bottom: none; }
#nav3 a:hover {
    background: transparent url('../img/nav.gif') -450px -36px no-repeat; border-bottom: none; }
#nav4 a:hover {
    background: transparent url('../img/nav.gif') -550px -36px no-repeat; border-bottom: none; }

#leftcol { float: left; width: 250px; margin: 0; padding: 0; }
#leftcol a:hover { border-bottom: none; }
#leftcol img { margin-bottom: 10px; }

#content { margin-left: 260px; margin-right: 10px; padding: 1em; }
#content h1 { padding: 0; margin: 15px 0; }
#content h2 { padding: 0; margin: 15px 0 0 0; }
#content p { padding: 0; margin: 10px 0 10px 0; line-height: 15px; }
#content li { margin: 10px 0; }
#content img { margin: 10px 7px 0 0; float: left; display: inline; }

#footer { width: 650px; height: auto; clear: both; margin: 0; padding: 5px 0; border-top: 1px solid #ccc; }
#footer p { color: #666; padding: 0; margin: 0 10px; text-align: right; font-size: 9px; }