/* 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; }

/* not using at this moment (replaced with table layout) 

.bio { width: 820px; margin-bottom: 20px; padding: 15px; background: #cfdb86; float: left; clear: both; }
#bioLast { margin: 0; }
.procedures { width: 820px; margin-bottom: 20px; padding: 15px; background: #cfdb86; float: left; clear: both; }
#proceduresLast { margin: 0; }

*/

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; }