/* CSS Document */

/********************************************************************************
NORMALIZATION
********************************************************************************/

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, label, p, td {

margin: 0;
padding: 0;

}
ul, ol {

list-style: none;

}
html {

font-size: 125%; /* normalizes font size for all child elements to 20px font */

}
html body {

font-size: 50%; /* normalizes font size for all child elements to 10px font */

}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/********************************************************************************
BACKGROUNDS
********************************************************************************/

body { background: #e7e7e7 url(../images/topBG.jpg) repeat-x left top; }

/********************************************************************************
MAIN CONTAINER
********************************************************************************/

#mainContainer { width: 100%; height: auto; position: relative; } /* this is here so that the bottomBG can extend all the way across */

/********************************************************************************
CONTAINER
********************************************************************************/

#container { width: 900px; height: auto; margin: 0 auto; position: relative; }

/********************************************************************************
HEADER WITH INFO
********************************************************************************/

#headerInfo { width: 900px; height: 119px; background: url(../images/headerInfo.jpg) no-repeat left top; float: left; }
#headerInfoContent { width: auto; height: auto; font: normal normal 11px/150% Verdana, Arial, Helvetica, sans-serif; color: #e7e7e7; text-align: right; padding: 15px 35px; }

/********************************************************************************
MAIN NAVIGATION
********************************************************************************/

#mainNav { width: 900px; height: auto; float: left; }
ul#navLinks { margin: 10px 0 0 10px; }
ul#navLinks li { display: inline; }
ul#navLinks li a { display: block; float: left; padding: 15px; font: normal normal 13px Verdana, Arial, Helvetica, sans-serif; color: #000000; border-left: #e7e7e7 solid 2px; text-decoration: none; }
ul#navLinks li a:hover { color: #ffffff; background: #89a128; border-left: #e7e7e7 solid 2px; text-decoration: none; }
ul#navLinks li a#activeLink { color: #ffffff; background: #89a128; border-left: #e7e7e7 solid 2px; text-decoration: none; }

/********************************************************************************
ROTATING HEADER
********************************************************************************/

#rotatingHeader { width: 900px; height: 311px; margin: 10px 0 20px 0; float: left; }

/********************************************************************************
CONTENT AREA
********************************************************************************/

#contentTop { width: 900px; height: 16px; background: url(../images/contentTop.jpg) no-repeat left top; float: left; }
#contentBottom { width: 900px; height: 17px; background: url(../images/contentBottom.jpg) no-repeat left top; float: left; }
#contentContainer { width: 900px; height: auto; background: url(../images/contentBG.jpg) repeat-y left top;
font: normal normal 11px/150% Verdana, Arial, Helvetica, sans-serif; color: #2c3700; float: left; padding-bottom: 30px;}
#leftContent {

width: 540px; /* 595px (actual width) - 55px = 540px */
height: auto;
padding: 35px 30px 0px 25px;
float: left;

}
#rightContent {

width: 264px; /* 302px (actual width) - 38px (padding) = 264px */
height: auto;
padding: 25px 25px 0 13px;
float: left;

}

/* ======= ONE COLUMN ======= */

#oneColumn {

width: 850px; /* 900px (actual width) - 50px (padding) = 850px */
height: auto;
padding: 25px 25px 0 25px;
float: left;

}

/* ========================== */

h1 { font: italic normal 30px/110% Georgia, "Times New Roman", Times, serif; color: #2d3800; }
h2 { font: normal normal 26px/110% Georgia, "Times New Roman", Times, serif; color: #2d3800; }
h3 { font: normal normal 18px/110% Georgia, "Times New Roman", Times, serif; color: #191919; }
#callout { width: 98%; background: #e7e7e7; padding: 15px 0 15px 25px; margin-left: -18px; }
#image { font: normal normal 32px/110% Georgia, "Times New Roman", Times, serif; color: #a9a6a9 }
#care { font: normal normal 32px/110% Georgia, "Times New Roman", Times, serif; color: #293394 }
#contentContainer ul { list-style: disc; margin-left: 40px; }
.contentHeader { font: normal bold 14px/150% Georgia, "Times New Roman", Times, serif; color: #2d3800; }
#contentContainer a { color: #2c3700; text-decoration: underline; }
#contentContainer a:hover { text-decoration: none; }
img.floatLeft { border: #ffffff solid 3px; float: left; margin: 3px 20px 0 0; }
img.floatRight { border: #ffffff solid 3px; float: right; margin: 3px 0 0 20px; }
#bio img { border: #ffffff solid 3px; }
#bio td.background { background: #cfdb86; }
#procedure img { border: #ffffff solid 3px; }
#procedure td.background { background: #cfdb86; }
#faq img { border: #ffffff solid 3px; }
#faq td { padding: 20px; }
#faq td.background { background: #cfdb86; }
img.sidebar { border: #ffffff solid 3px; }

/********************************************************************************
BOTTOM BG AND COPYRIGHT
********************************************************************************/

#bottomBG { width: 100%; height: 141px; background: url(../images/bottomBG.jpg) repeat-x left top; margin-top: 20px; float: left; display: inline; }
#copyright {

width: 900px;
height: 131px; /* 141px (actual height) - 10px (padding) = 131px */
background: url(../images/copyright.jpg) no-repeat left top;
text-align: center;
margin: 0 auto;
padding-top: 10px;

}
#links { font: normal normal 9px/500% Verdana, Arial, Helvetica, sans-serif; color: #e7e7e7; }
#links a { font: normal normal 9px/500% Verdana, Arial, Helvetica, sans-serif; color: #e7e7e7; text-decoration: none; }
#links a:hover { text-decoration: underline; }
#contact { font: normal normal 11px/150% Verdana, Arial, Helvetica, sans-serif; color: #e7e7e7; }