﻿/* client.css */
/* @import url("csshover3.htc"); */

.cmspage, #Content .cmspanel {
padding: 0;
margin: 2em;
}
#SkipTo {
position: absolute;
top: -99999px;
left: -99999px
}
body {
font-size: .7em;
color: #333333;
background: #cdc673;
}
body, input, select, textarea {
font-family: arial,helvetica,geneva,verdana,sans-serif;
}
p, li, dt, dd {
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
margin: .6em 0 .6em;
}
p {
margin: .6em 0 1.5em;
}
.cmspage ul, .cmspage ol, .cmspage dd {
margin-bottom: 1.5em;
margin-top: .6em;
}
.cmspage ol, #Content .cmspanel ol {
margin-left: 1.3em;
padding-left: 1.3em;
}
ol ol, ul ul {
margin-top: .6em;
}
.cmspage ul ul, .cmspage ol ol, .cmspage dd dd {
margin-bottom: .6em;
}
table {
margin-bottom: 1.5em;
margin-top: .6em;
}
caption {
margin-top: .6em;
}
img {
margin-bottom: .6em;
}
a, a:link {
color: #008080; /* #2364a3; */
}
a:hover, a:focus, a:active {
color: #000000;
}
h1 {
color: #003399;
font-size: 1.7em;
font-weight: normal;
font-family: georgia, "times new roman", times, serif;
}
h2 {
color: #003399;
font-family: georgia, "times new roman", times, serif;
}

/* Wrappers 
---------------------------------------------------------*/
#BodyWrapper5 {
padding-top: 1px;
padding-bottom: 3em;
background: url(../img/khaki/background-08.jpg) repeat-x;
}
#BodyWrapper4  {
background: url(../img/khaki/bg_shadow.jpg) repeat-y center top;
}
#BodyWrapper3  {
background: url(../img/khaki/bg_swirls.jpg) no-repeat center top;
}
#BodyWrapper2  {
background: url(../img/khaki/bg_bottom.jpg) no-repeat center bottom;
}
#BodyWrapper {
width: 904px; /* added 1px to allow for pixels shifting when browser window resizes */
margin: auto;
}
#MainWrapper {
width: 904px;
min-height: 400px;
border-bottom: 1px solid #bc912a;
background: #ffffff; /* url(../img/leftcol-bkgd.gif) repeat-y; */
}
#ContentWrapper {
width: 904px;
float: left;
background: transparent;
}
/* #theContent not in use. Instead, I am using the #Content found in /templates/main.css * /
#theContent {width: 894px; float: left; margin: 5px; border: 0;
 background: #009999; } 
*/
/* #cdc673; Khaki Background */
/* Header 
---------------------------------------------------------*/
#Header {
position: relative;
height: 150px;
}
#Logo {
position: absolute;
top: 5px;
left: 20px;
}
#TopNav  {
float: right;
font-size: .8em;
font-weight: bold;
margin-top: 10px;
padding-right: 235px; /* Originally 210px */
padding-top: 123px;
padding-bottom: 4px;
}
#TopNav ul{
float: left;
list-style: none;
}
#TopNav ul li {
float: left;
margin: 0;
padding-left: 8px;
padding-right: 8px;
background: url(../img/top-nav-divider.gif) no-repeat 0 70%;
}
#TopNav ul li.First {
background: none;
}
#TopNav ul li a, #TopNav ul li a:link {
text-decoration: none;
}
#TopNav ul li a:visited {
color: #2364A3;
}
#TopNav ul li a:hover, #TopNav ul li a:focus, #TopNav ul li a:active  {
text-decoration: underline;
}
/* Search 
---------------------------- */
#gSearch {
bottom: 0;
top: auto;
width: 233px; /* ORIGINALLY 208px */
text-align: left;
background: #006666 url(../img/search-bkgd-2.gif) no-repeat;
}
#gSearch form {
padding: 5px 2px 4px 6px; /* ORIGINALLY 4px ? 6px 10px */
vertical-align: top;
}
/*
#gSearch input {
color: #444;
width: 120px;
padding: 0 5px;
margin-right: 4px;
}
*/
#gSearch input.ImgButton {
width: 32px;
height: 20px;
border: none;
padding: 0;
position: relative;
vertical-align: bottom;
}
#gSearch legend {
display: none;
}
/* Main Navigation 
---------------------------- */
#MainNav {
float: left;
width: 900px;
color: #ffffff;
font-size: .9em;
font-weight: bold;
background: #006666 url(../img/main-nav-2.gif) repeat-x; /* #006711 */
z-index: 1000;
}
#MainNav ul {
padding-left: 14px;
float: left;
list-style: none;
}
#MainNav ul li {
float: left;
margin: 0;
position: relative;
background: url(../img/main-nav-divider-2.gif) no-repeat;
}
#MainNav ul li.First {
background: none;
}
#MainNav a, #MainNav a:visited {
padding: 6px 7px;
color: #ffffff;
text-decoration: none;
display: block;
}
#MainNav li.Active strong span {
padding: 6px 7px;
display: block;
}
#MainNav a:hover, #MainNav a:focus, #MainNav a:active, 
#MainNav li.Active a, #MainNav li.Active a:visited, #MainNav strong {
color: #F1AD0B;
}
/* Main Nav Drop Menus */
#MainNav ul ul {
float: none;
width: 170px;
padding-left: 0;
position: absolute;
left: -999em; /* change to 0 to temporarily see all dropdowns */
top: 100%;
margin-top: 0;
border: 1px solid #006666;
background: #e3dfb0;
z-index: 2000;
}
#MainNav ul ul li {
float: none;
display: block;
background: none;
}
#MainNav ul li.Active li a, #MainNav ul li.Active li a:link, #MainNav ul li.Active li a:visited {
color: #006666;
}
#MainNav ul ul a, #MainNav ul ul a:link, #MainNav ul ul a:visited, #MainNav ul ul strong {
padding: 4px 7px 4px;
color: #006666;
text-decoration: none;
display: block;
}
#MainNav ul ul a:hover, #MainNav ul ul a:focus, #MainNav ul ul a:active, 
#MainNav ul ul strong {
color: #006666; /* #2364a3; */
background: #d0ca7c; /* #a3cdff; */
}
#MainNav ul li:hover ul, 
#MainNav ul li.iehover ul  /* ie6 specific class */ {
left: 0;
}

/* Footer Top 
---------------------------------------------------------*/
#FooterTop {clear: both; color: #ffffff; /* border-top: 1px solid #ffff66; */
 background: #005656 url(../img/footer-top-1.jpg) repeat-x left top;}
#FooterTop .Dec1 {min-height: 38px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px;
 background: url(../img/footer-top-2.jpg) repeat-x left bottom;}
#FooterTop .cmspanel {float: left;}
#FooterTop img {margin: 1px 5px 2px 0;}
#FooterTop h3 {color: #f1ad0b; /* #f3951f; */ font-size: 1.1em; margin: 11px 5px 0 0;
 text-align: inherit; vertical-align: inherit;}
#FooterTop p {margin: 11px 5px 0 0; line-height: 1.5;}
#FooterTop p a, #FooterTop p a:link, #FooterTop p a:visited {color: #ffffff; text-decoration: none;}
#FooterTop p a:hover, #FooterTop p a:focus, #FooterTop p a:active {text-decoration: underline;}
/* Footer Bottom 
---------------------------------------------------------*/
#FooterBottom {color: #000000; min-height: 100px; background: #cdc673;} /* Yellow Background #ffff00 */
#FooterBottom .cmspanel {float: left; padding-left: 20px;}
#FooterBottom .cmspanel div {float: left; padding: 0 20px;}
#FooterBottom .cmspanel div.CmsInfoButtonsPanel {width: auto;}
#FooterBottom p {font-size: 1.1em; line-height: 1.2; font-weight: bold; color: #006666;
 margin-bottom: 0; padding: 10px 0 6px;}
#FooterBottom ul {list-style: none;}
#FooterBottom ul li {line-height: 1.2; margin-bottom: 6px;}
#FooterBottom p a {color: #008080; text-decoration: none;}
#FooterBottom ul li a {color: #000000; text-decoration: none;}
#FooterBottom p a:hover, #FooterBottom p a:focus, #FooterBottom p a:active,
#FooterBottom ul li a:hover, #FooterBottom  ul li a:focus, #FooterBottom ul li a:active {
 text-decoration: underline;}
#FooterBottom a.linkBlack {color: #000000; font-variant: normal; font-weight: bold; text-decoration: none;}
#FooterBottom a:hover.linkBlack {text-decoration: underline;}
#FooterBottom div.copyright {float: left; width: 902px; text-align: center; clear: both;}

/* Doctors Module Fix */
#DrSearch ul.Tabnav { /* to even out the corner w/ bottom search box */
padding-top: 2px;
}
