/* CSS Document */

body, table, tr, td, div, img, form, object, embed, ul, ol, li, cite, a {
padding: 0;
margin: 0;
border-width: 0;
}

body {
width: 760px;
height:100%;
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #cde;
padding-bottom: 40px;
margin: 0 auto;
}

/* typography
===============================================*/

p {
line-height: 18px;
}

p a {
text-decoration: underline;
color: #794;
}

p a:hover {
text-decoration: none;
}

ul {
list-style-type: none;
}

h2 {
font-size: 12px;
font-weight: bold;
color: #57a;
padding-top: 10px;
padding-bottom: 4px;
}

h3 {
font-size: 11px;
font-weight: bold;
color: #683;
line-height: 18px;
padding-top: 10px;
}

.subnav {
font-size: 10px;
font-weight: bold;
}

.caption {
width: 180px;
color: #888;
line-height: 12px;
margin-top: 5px;
}

#copyright {
font-size: 10px;
color: #469;
padding: 6px 10px 3px 0px;
float: right;
}

#copyright a {
text-decoration: underline;
color: #469;
}

#copyright a:hover {
text-decoration: none;
}


/* layout 
===============================================*/

#wrapper {
width: 756px;
background-color: #dec;
border: 2px solid #136;
border-top: 0px;
float: left;
}

#content {
width: 688px;
float: left;
padding: 34px;
height: auto;
background-color: #fff;
margin: 0px;
}

#editorial {
width: 483px;
height: auto;
float: right;
}

#editorial ul {
color: #666;
}

#editorial li {
line-height: 18px;
background: url(../images/bullet.gif) left 7px no-repeat;
padding-left: 15px;
margin-left: 25px;
}

#editorial li a {
text-decoration: underline;
color: #794;
}

#editorial li a.hover {
text-decoration: none;
}

#editorial td {
padding: 3px;
}

img {
border: 0px;
}

#editorial img.intext {
padding-left: 14px;
padding-bottom: 10px;
}

#editorial img {
padding-left: 0;
padding-bottom: 0;
}

.sidebar {
float: left;
width: 180px;
padding: 0px;
margin: 0px;
font-size: 10px;
}

.sidebar img {
width: 176px;
border: 2px solid #ac7;
}

.sidebar .quote {
width: 160px;
color: #fff;
padding: 6px 10px 10px 10px;
background-color: #8a5;
}

.sidebar .quote p {
line-height: 16px;
}

.sidebar .quote a {
color: #dec;
}

.clear {
clear:both;
}

#footer {
width: 756px;
height: 23px;
padding: 0 0 3px 0;
border-top: 2px solid #136;
margin-left: auto;
margin-right: auto;
}

/* navigation
================================================= */

/* Internal navigation or Back to Top */
p.top {
font-size: 10px;
font-weight: bold;
text-align: right;
color: #a26;
background: url(../images/button-top.gif) 447px 4px no-repeat;
padding-bottom: 0;
margin-bottom: 0;
}

p.top a {
text-decoration: none;
padding-left: 20px;
}

p.top a:hover {
text-decoration: underline;
}

/* Sub navigation located in left column */
.subnav {
width: 176px;
float: left;
margin: 0px 0px 34px 0px;
padding: 0px;
border: 2px solid #57a;
}

/* Subnav links */
.subnav ul {
background-color:#cde;
list-style-type: none;
}

.subnav li a {
display: block;
padding: 8px 8px 7px 10px;
border-top: 2px solid #57a;
color: #666;
text-decoration: none;
}

.subnav li a:hover {
display: block;
color: #fff;
background-color:#79c;
}

.subnav li .first {
border-top: 0;
}

#active {
color: #57a;
background-color: #fff;
}


/* Main navigation located top of page */
.mainNav {
width: 756px;
float: left;
padding: 6px 0;
border-bottom: 2px solid #136;
border-top: 2px solid #136;
}

.mainNav ul {
list-style-type: none;
background-color: #dec;
padding: 0;
margin-left: 30px;
}

.mainNav li{
display: inline;
margin-right: 12px;
margin-left: 0;
padding: 0;
}

.mainNav li a {
color: #469;
text-decoration: none;
font-weight: bold;
background: url(../images/bullet-navigation.gif) 3px center no-repeat;
padding-left: 19px;
white-space: nowrap;
}

.mainNav li a.last {
margin-right: 0px;
}

.mainNav li a:hover {
background: url(../images/bullet-navigation-on.gif) 3px center no-repeat;
color: #136;
text-decoration: none;
}

.mainNav li span.clear {
display: block;
}

#about .mainNav .about a,
#treatment .mainNav .treatment a,
#visit .mainNav .visit a,
#resources .mainNav .faqs a,
#contact .mainNav .contact a {
background: url(../images/bullet-navigation-on.gif) 3px center no-repeat;
padding-left: 19px;
color: #136;
}