/* Generic styles */
* { margin: 0px; padding: 0px; }
body { text-align: center; background: url('../img/body-background.gif') repeat-x #5f3032; font: 12px Arial, sans-serif; line-height: 16px; }
#container { width: 783px; margin: 20px auto 0px auto; background: url('../img/container-background.gif') repeat-x #fff; padding-bottom: 1px; }
#drop-shadow { width: 783px; margin: 0px auto 20px auto; background: url('../img/drop-shadow.gif'); height: 5px; padding: 1px 0px; overflow: hidden; }
p { margin: 10px 0px; }
a { color: #663d3c; }
a:hover { text-decoration: none; }
a img { border: none; }

#header { text-align: left; padding-left: 30px; }

/* Utility nav */
#utility-nav { float: right; background: url('../img/utility-nav-background.gif'); width: 348px; height: 20px; }
#utility-nav ul { list-style-type: none; margin-left: 23px; }
#utility-nav ul li { float: left; font-size: 10px; background: url('../img/utility-li-background.gif') 0px 8px no-repeat; padding-left: 6px; margin-right: 2px; }
#utility-nav ul li.first-child { background: none; }
#utility-nav ul li a { text-decoration: none; display: block; float: left; height: 19px; padding: 1px 4px 0px 4px; }
#utility-nav ul li a:hover, #utility-nav ul li a.current { background: #dad1be; color: #545454; }
#utility-nav ul li.first-child a { background: url('../img/utility-home-background.gif') 0px 2px no-repeat; padding-left: 15px; }
#utility-nav ul li.first-child a:hover, #utility-nav ul li.first-child a.current { background: url('../img/utility-home-background-hover.gif') 0px 2px no-repeat #dad1be }

/* Primary nav */
#nav { width: 736px; height: 40px; margin: 0px auto; background: url('../img/nav-background.gif'); }
#nav ul { list-style-type: none; }
#nav ul li { background: url('../img/nav-li-background.gif') 0px 5px no-repeat; height: 27px; margin-top: 7px; float: left; padding: 0px 0px 0px 5px; }
#nav ul li.first-child { background: none; }
#nav ul li a { color: #fff; text-decoration: none; font-weight: bold; height: 17px; padding: 5px 15px; margin: 0px 5px 0px 5px; float: left; }
#nav ul li a:hover, #nav ul li a.current { color: #5f3032; background: url('../img/nav-link-hover.gif') repeat-x; }

/* Homepage slideshow */
#slideshow { width: 783px; height: 306px; margin-top: 15px; background: url('../img/slideshow-background.jpg'); }
#slideshow img { margin-left: 47px; }
#slideshow-anchor { height: 19px; padding: 6px 0px 0px 480px; }
#slideshow-anchor a { display: block; float: left; height: 5px; width: 55px; background: #c6d2e5; margin-right: 8px; }
#slideshow-anchor a span { display: none; }
#slideshow-anchor a.activeSlide { background: #7692c0; }

/* Main content */
#content { width: 743px; height: 196px; text-align: left; line-height: 18px; padding: 40px 0px 40px 40px; background: url('../img/content-background.jpg') 0px 20px no-repeat; margin-top: 20px; }
#content.index { text-align: left; width: 720px; margin: 0px auto; background: none; padding: 0px; }
#content.directions { background: url('../img/directions-content-background.jpg'); height: 157px; margin-top: 60px; }
#content.legal { width: 700px; height: auto; padding: 0px 30px 0px 40px; background: none; }
#content h1 { font-size: 22px; color: #5f3032; font-style: italic; margin: 10px auto; }
#content h2 { font-size: 14px; line-height: 20px; font-weight: bold; color: #414042; margin: 7px 0px 3px 0px; }

#secondary-content { text-align: left; float: left; width: 350px; margin-left: 40px; }
* html #secondary-content { margin-left: 20px; }
#secondary-content p { margin-bottom: 3px; }
#secondary-content ul { padding-left: 25px; }

/* Callouts */
.callout { width: 200px; float: right; margin: 30px 40px; clear: right; }
* html .callout { margin-right: 20px; }
.callout h3, #secondary-content h3 { font-size: 15px; font-weight: normal; color: #5f3032; width: 187px; height: 25px; padding: 6px 0px 0px 10px; background: url('../img/callout-h3-background.gif'); margin: 4px 0; }
.callout h3 a, #secondary-content h3 a { text-decoration: none; color: #5f3032;  width: 182px; display: block}
.callout h3 a:hover, #secondary-content h3 a:hover { text-decoration: underline; }
.callout h3.arrow, #secondary-content h3.arrow { background: url('../img/callout-h3-arrow-background.gif'); }

.callout h3.gallery, #secondary-content h3.gallery { background: url('../img/callout-h3-gallery-background.gif'); }

/* Footer */
#footer { width: 724px; border-top: 4px solid #e5e5dd; margin: 20px auto 10px auto; padding: 5px 0px 1px 0px; font-size: 11px; color: #666; clear: both; }
#footer a { text-decoration: none; color: #444; }
#footer a:hover { text-decoration: underline; }
#footer ul { list-style-type: none; }
#footer ul li { display: inline; background: url('../img/footer-li-background.gif') 0px 2px no-repeat; padding-left: 7px; margin-right: 1px; }
#footer ul li.first-child { background: none; }
#footer p { font-size: 10px; margin: 5px auto; line-height: 12px; }

/* Misc styles */
table tr { vertical-align: top; }
table.contact-us td { width: 200px; }
.clear { clear: both; }
#map { float: right; width: 472px; height: 276px; margin: -60px 40px 30px 0px; background: #ccc }