﻿/* Browser Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html, body { background: url(../_img/template/page-background.gif) repeat-x #badbfb; color: #1a0e0a; font-weight: normal; font-family: Tahoma,Arial; font-size: 13px; }
body { margin: 0px 0px 20px 0px; line-height: 1; height: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* End Browser Reset */

#wrapper { margin: 0 auto;}
#wrapper, #header, #footer { width: 880px; }
#contentWrapper { margin-top: 10px; width: 880px; }

#header { height: 379px; position: relative; }
#footer { clear: both; border-top: solid 5px #1a0e0a; padding-top: 9px; }

#headingPhoto { background-image: url(../_img/template/feature-photo-background.gif); height: 292px; position: absolute; top: 86px; left: 0px; width: 880px; z-index: 1; }
#headingPhoto img {	margin: 31px 0px 0px 9px; }

#logo { background: none; float: left; margin-top: 19px; position: relative; z-index:99;  }
#sidebar { color: #333333; float: right; width: 260px; }
#sidebar dl { margin-bottom: 10px; }
#sidebar dl.blue { width: 260px; padding-bottom: 9px; background: url(../_img/template/blue-side-footer.gif) no-repeat bottom left; }
#sidebar dl.blue dt { background: url(../_img/template/brown-side-fill.gif) repeat-y; }
#sidebar dl.blue dt div { background: url(../_img/template/brown-side-header.gif) no-repeat; color: #FFFFFF; font-size: 18px; font-weight: bold;  padding: 10px; }
#sidebar dl.blue dd { padding: 7px 10px 4px 10px; background: url(../_img/template/blue-side-fill.gif) repeat-y; }
#sidebar dl.blue dd ul li { border-bottom: solid 1px #1a0e0a; margin-bottom: 5px; padding: 5px 0px 5px 0px; }
#sidebar dl.blue dd ul li a { background: url(../_img/template/brown-bullet.gif) no-repeat right; display: inline-block; font-weight: bold; text-decoration: none; width: 100%; }
#sidebar dl.blue dd ul li a:hover { text-decoration: underline; }
#sidebar dl.blue dd ol li { background: url(../_img/template/brown-bullet.gif) no-repeat right; border-bottom: solid 1px #1a0e0a; margin-bottom: 5px; padding: 5px 0px 5px 0px; }
#sidebar dl.blue dd ol li a { background: none; text-decoration: underline; width: auto; }
#sidebar dl.blue dd ol li a:hover { text-decoration: none; }
#sidebar dl.blue dd small { font-size: 12px; display: block; margin-top: 3px; }

#sidebar dl.brown { background: url(../_img/template/brown-side-footer.gif) no-repeat bottom left; color: #FFFFFF; padding-bottom: 8px; width: 260px; }
#sidebar dl.brown a { background: url(../_img/template/white-bullet.gif) no-repeat right; color: #FFFFFF; display: inline-block; text-decoration: none; width: 100%; }
#sidebar dl.brown a:hover { text-decoration: underline; }
#sidebar dl.brown dt { background: url(../_img/template/brown-side-header.gif) repeat-y; height:9px; }
#sidebar dl.brown dd { background: url(../_img/template/brown-side-fill.gif) repeat-y; font-weight: bold; padding: 8px 15px 10px 15px; }

#content { float: left; line-height: 18px; padding: 4px 20px 20px 2px; width: 598px; }
#content.singleColumn { padding-right: 2px; width: 876px; }
#content h1 { font-size: 24px; line-height: 28px; margin: 0px 0px 15px 0px; }
#content h2 { font-size: 22px; line-height: 26px; margin: 0px 0px 15px 0px; }
#content h3 { font-size: 20px; line-height: 24px; margin: 0px 0px 15px 0px; }
#content h4 { font-size: 18px; line-height: 22px; margin: 0px 0px 15px 0px; }
#content .featurePhoto { float: right; margin: 0px 0px 10px 10px; }
#content .featurePhotoLeft { float: left; margin: 0px 0px 10px 10px; }
#content .featurePhotoBox { background-color: #e2f0fd; border: solid 1px #abc9e6; display: inline-block; float: right; margin: 0px 10px 10px 0px; padding: 5px; }
#content .featurePhotoBoxLeft { background-color: #e2f0fd; border: solid 1px #abc9e6; display: inline-block; float: left; margin: 0px 0px 10px 10px; padding: 5px; }
#content .featurePhotoBoxCenter { background-color: #e2f0fd; border: solid 1px #abc9e6;  margin-left:auto; margin-right:auto;  padding: 5px;}
a:link,  a:active,  a:hover,  a:visited { color: #1a0e0a; text-decoration: underline; }
a:hover { text-decoration: none; }

p { line-height: 18px; margin-bottom: 10px; }

#nav { color: #FFFFFF; height: 31px; width: 478px; padding-left: 20px; background-image: url(../_img/template/nav-background.gif); font-size: 13px; font-weight: bold; float: right; top: 0px; }
.sf-menu, .sf-menu * { margin: 0px; padding: 0px; list-style: none;	z-index: 99; }
.sf-menu { float: left; z-index: 99; }
.sf-menu ul { position: absolute; top: -999em; width: 15em; /* left offset of submenus need to match (see below) */ z-index: 99; }
.sf-menu ul li { width: 100%; z-index: 1; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li ul li:hover {border-bottom: 0px; }
.sf-menu li { float: left; padding: 8px 10px; position: relative; }
.sf-menu li.first { background-image: none!important; }
.sf-menu li.first a { padding-left: 0px!important; }
.sf-menu li.first { margin-left: 0px!important; }
.sf-menu a { color: #FFFFFF; padding: 0px 0px 0px 0px; text-decoration:none; display: block; position: relative; }
.sf-menu a:link, .sf-menu a:hover, .sf-menu a:active, .sf-menu a:visited { color: #FFFFFF; text-decoration: none; }
.sf-menu li.noBorder { background-image: none; }
.sf-menu li a { border-top: 0px; }
.sf-menu ul li a:link, .sf-menu ul li a:hover, .sf-menu ul li a:visited, .sf-menu ul li a:active { color: #FFFFFF; text-decoration: none!important; }
.sf-menu li li a { padding: 7px 12px; }
.sf-menu li li, .sf-menu li li li { background: #2e1e18; margin: 0px!important; padding: 0px!important; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 27px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 15em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 15em; /* match ul width */	top: 0; }
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: #352824; background-image: none!important; outline: 0; }
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { background-color: Transparent; }
