* {margin: 0; padding: 0;}
body {background: #E0DFDA url(images/bg.jpg);}

/* common */
p {font-family: arial; font-size: 12px; color: #555554; line-height: 20px; padding: 0 0 15px 0;}
a {font-family: arial; font-size: 12px; color: #555554;}
a:hover {text-decoration: none;}
h1 {font-family: arial; font-size: 30px; font-weight: normal; color: #287646;}
h2 {font-family: arial; font-size: 16px; font-weight: bold; color: #809e56; padding: 0 0 15px 0;}
ul {padding: 12px 0 12px 0;}
ul li {font-family: arial; font-size: 12px; color: #5AAAAD; line-height: 12px; margin: 0 0 15px 5px; list-style-type: none; background: url(images/bullet.gif) top left no-repeat; padding: 0 0 0 10px;}
ul li a {color: #5AAAAD;}
table {margin: 5px 0 10px 0;}
td {font-family: arial; font-size: 12px; color: #555554; padding: 2px;}
.clear {clear: both;}

/* images */
img {border: none;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right; width: auto;}
.alignleft {float: left; width: auto;}
a img.alignnone {padding: 1px;}

/* head */
#head-wrap {width: 100%; height: 83px; display: block;}
#head {margin: auto; width: 977px; height: 83px;}
#logo {float: left; width: 488px; height: 83px; padding: 0 0 0 31px;}
#head-right {float: left; width: 163px; padding: 19px 0 0 273px;}
#phone {float: left; width: 134px; height: 14px; background: url(images/phone.png) no-repeat;}
#sitesearch {float: left; width: 163px; height: 24px; margin: 12px 0 0 0; background: url(images/search.jpg) no-repeat;}
#s {width: 159px; padding: 2px 2px 2px 4px; border: none; background: none; margin: 2px 0 0 1px; color: #3B3A31;}
#btn {width: 23px; height: 24px; background: transparent url(images/submit.jpg) no-repeat; border: none; cursor: pointer;}
#searchform {height: 26px; width: 186px;}
#s1 {float: left; width: 159px;}
#s2 {float: right; width: 23px; height: 24px;}

/* navigation */
#nav-wrap {width: 100%; height: 60px; display: block; background: #809E56;}
#navigation {margin: auto; width: 977px; height: 60px; color: #FFFEFE;}
#nav {margin: 0 0 0 20px; padding: 0px; list-style: none;}
#nav ul {margin: 0; padding: 0px; list-style: none; text-align: left;}
#nav a {color: #FFFEFE; font-family: "Trebuchet MS", sans-serif; display: block; font-size: 18px; line-height: 23px; padding: 18px 24px 19px 24px; text-align: left; text-decoration: none;}
#nav a:hover {color: #FFFEFE; background: #aaccb1; display: block; text-decoration: none; padding: 18px 24px 19px 24px;}
#nav li {float: left; width: auto; margin: 0px; padding: 0px; text-align: left; background: none;}
#nav li li {float: left; margin: 0 0 0 20px; padding: 0px; width: 120px; text-align: left;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #aaccb1; font-size: 14px; line-height: 18px; color: #FFFEFE; width: 145px; float: none; margin: 0px; border: 1px #809e56 solid; margin: -1px 0 0 0; padding: 8px 10px 8px 10px; text-align: left;}
#nav li li a:hover, #nav li li a:active {background: #88BDB3; color: #FFFEFE; padding: 8px 10px 8px 10px;}
#nav li ul {position: absolute; width: 10em; left: -999em; text-align: left;}
#nav li:hover ul {left: auto; display: block; margin: 0 0 0 -20px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
.home .homepage {background: #B7C69B !important;}
.current_page_item {background: #B7C69B !important;}

/* subhead */
#subhead {margin-left: auto; margin-right: auto; margin-top: 21px; width: 977px; height: 339px;}

/* home */
#content-wrap {margin-left: auto; margin-right: auto; margin-top: 24px; width: 977px;}
#content-top {float: left; width: 977px; height: 10px; background: url(images/content-top.jpg) no-repeat;}
#content-left-top {float: left; width: 728px; height: 55px; background: url(images/content-left-top.jpg) repeat-y;}
#content-left-top h1 {padding: 10px 0 0 67px;}
#content-right-top {float: right; width: 209px; height: 55px; background: url(images/content-right-top.jpg) repeat-y;}
#content-right-top h2 {padding: 25px 0 0 10px;}
#content-margin-top {float: right; width: 40px; height: 55px; background: url(images/content-margin-top.jpg) no-repeat;}
#content-home {float: left; width: 977px; background: url(images/content-home.jpg) repeat-y;}
#content-bottom {float: left; width: 977px; height: 10px; background: url(images/content-bottom.jpg) no-repeat;}
#content-home-left {float: left; width: 630px; padding: 0 0 0 67px;}
#content-home-right {float: right; width: 185px; padding: 0 15px 0 0;}
ul.first-sidebar {padding-top: 0 !important;}
#content-hours {float: left; width: 305px; margin: 5px 0 0 0;}
#content-hours h2 {font-size: 18px; color: #7F9D55; font-weight: normal;}
#content-hours li {color: #7F9D55;}
#content-hours p {color: #755D33; margin: 10px 0 0 0;}
#credit {width: 83px; height: 23px; background: url(images/credit.jpg) no-repeat; margin: 27px 0 0 0;}
#content-map {float: right; width: 325px; height: 238px; margin: 10px 0 15px 0;}

/* footer */
#footer-wrap {width: 100%; height: 72px; display: block; margin: 31px 0 0 0; background: #809E56; border-top: 1px #F3F2F0 solid; border-bottom: 1px #DEDED8 solid;}
#footer {margin-left: auto; margin-right: auto; width: 977px; height: 72px; text-align: center;}
#footer p {color: #FFFEFE; padding: 18px 0 0 0;}
#footer a {color: #FFFEFE;}
#footer a:hover {text-decoration: none;}