html {
 margin: 0 auto;
}

body {
 background: url(img/scdc_bg.jpg) repeat-x;
 margin: 0 auto;
 font: normal small Arial;
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: small; /* for compliant browsers */
}

h1 { margin: 0px; padding: 0px; }

/* LAYOUT */

#container {
 width: 820px;
 margin: 0px auto;
}

#header {
 width: 820px;
 height: 156px;
 position: relative;
 z-index: 101;
}

#logo {
 width: 405px;
 height: 144px;
 margin: 0; padding: 0;
}

#hinfo {
 position: relative;
 float: right;
 margin: 35px 20px 0 0;
}

#logo a {
 background: url("img/scdc_logo.gif") no-repeat;
 display: block;
 position: relative;
 top: 0px;
 left: 30px;
 width: 405px;
 height: 144px;
 text-indent: -9999px;
}

#sitenav {
 height: 34px;
 margin: 0; padding: 0;
}

#subnav {
 height: 200px;
 margin: 4px 0 0 0;
 clear: left;
 text-align: center;
}

#main {
 padding: 0;
 width: 820px;
 min-height: 300px;
}

#content {
 float: right;
 width: 580px;
 text-align: left;
}

#sidebar {
 float: left;
 width: 238px;
 text-align: center;
}

#footer {
 width: 820px;
 clear: both;
 padding-top: 15px;
 text-align: center;
 background: url(img/footer_bg.gif) no-repeat;
 color: #000;
}

/* gutters */
#content .gutter { padding: 5px; }
#sidebar .gutter { padding: 5px; }


/* NAVIGATION */
#nav { float: right; }

#nav, #nav ul {
 padding: 3px 0;
 margin: 0;
 text-transform: uppercase;
 list-style: none;
}

#nav a {
 display: block;
 color: #ffffff;
 text-decoration: none;
}

#nav li {
 float: left; 
 padding: 0;
 margin: 0;
}

#nav li span { visibility: hidden; }

#nav li#home_btn {
 background-image: url(img/home_btn.gif); width: 80px; height: 28px;
}
#nav li#office_btn {
 background-image: url(img/office_btn.gif); width: 80px; height: 28px;
}
#nav li#treatment_btn {
 background-image: url(img/treatment_btn.gif); width: 110px; height: 28px;
}
#nav li#forms_btn {
 background-image: url(img/forms_btn.gif); width: 80px; height: 28px;
}
#nav li#contact_btn {
 background-image: url(img/contact_btn.gif); width: 90px; height: 28px;
}

#home_btn a { height: 28px; width: 80px; }
#office_btn a { height: 28px; width: 78px; }
#treatment_btn a { height: 28px; width: 108px; }
#forms_btn a { height: 28px; width: 78px; }
#contact_btn a { height: 28px; width: 90px; }

#nav li:hover, #nav li.sfhover {
  background-position: 0 -29px;
}

#nav li ul {
 position: absolute;
 left: -999em;
 z-index; 10000;
}

#nav li:hover ul {
 left: auto;
 width: 150px;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
 border-top: 0px;
}

#nav li:hover ul, #nav li.sfhover ul {
 background-color: #2046A4;
 padding: 0;
 text-indent: 0;
 vertical-align: middle;
 left: auto;
}

#nav li ul li {
 background-color:#2046A4;
 clear: both;
 width: 150px; 
 text-indent: 0; 
 text-transform: uppercase;
 font-size: 12px;
 font-weight: 500;
 padding: 0; 
 /*background-color: #2046A4; 
 border: 1px solid #496FC6;*/
 vertical-align: middle;
 position: relative;
 z-index: 10000;
}

#nav li ul li a {
 background-color:#2046A4;
 padding: 5px;
 height: auto;
 width:auto;
 background: none;
 color: #FFFFFF;
}

#nav li ul li a:hover {
 background-color: #496FC6;
 background-image: none;
 height: auto;
 width: auto;
 color: #FFFFFF;
}

/* FOOTER */

/* STYLES */

img { border: none; }