html, body {background: #6e9762; }

a {color: #578653; text-decoration: none;}
a:hover { text-decoration: underline;}

h2 {color: #578653; font-weight: bold; font-variant: small-caps; font-size: 1.8em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.white, .white a {color: #fff;}

.caps {text-transform: uppercase;}

.page {background: #fff;  margin: 0px auto; border: 3px solid #333; border-top: none;}

#hd {position: relative;}
#hd img{z-index: 100; position: absolute;}
#hd .page {z-index: 1;position: absolute; top: 0; left: 80px; padding-left: 100px; width: 720px; }
#hd h1 { text-align: center; clear: both; color: #c0143c; text-transform: uppercase; margin-left: -120px;}
#hd ul li {list-style-type: none; display: block; float: left; padding: 10px 20px;  border: 2px groove #6e9762;border-top: none; border-left: none; margin-bottom: 3px;}
#hd ul li a {color: #000; text-decoration: none; text-transform: uppercase; font-size: 1.2em; }
#hd ul li a:hover {color: #578653;}
#hd ul li.active a {font-weight: bold; }
#hd ul li.active a:hover {color: #000;}

#bd .page {width: 792px; padding: 20px; padding-top: 200px; }

#ft {text-align: center; }

/* Splash Tweaks*/

html.splash, html.splash body {background: url(../images/splash_background.jpg);}

html.splash #bd {margin-top: 20px;}
html.splash .yui-b li {list-style-type: none; margin: 0px; padding: 15px; font-size: 1.3em; font-weight: bold;}
html.splash .yui-b li a:hover {color: #FFF; text-decoration: none;}
html.splash .yui-b ul {margin-left: -20px; padding-left: 15px; margin-top: 48px; background: url(../images/splash_menu_background.jpg); width: 186px; height: 562px;}

html.splash #ft {margin-top: 50px;}


html.splash #items {border-top: 2px solid #d0b170; width: 207px; margin-left: -10px; margin-top: 48px;}

html.splash #items .item {border-bottom: 2px solid #d0b170;}