/*-----style reset-----*/
html, body, div, span, h1, h2, h3, p, em, font, img, ol, ul, li, form, label, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}

body {font: 62.5% arial, helvetica, verdana, sans-serif; text-align: center; margin: 0 auto; background: #fff url(images/imgBkgdGradient.jpg) repeat-x top left;}

#container {position: relative; text-align: left; width: 808px; margin: 0 auto; padding-top: 261px; margin-top: 30px; background: #fff url(images/imgHeaderBkgd.jpg) no-repeat top center;}

h1 {font-family: Times New Roman; font-size: 2.4em; font-weight: normal; color: #800043;}
h2 {font-family: Times New Roman; font-size: 2em; font-weight: normal; color: #800043;}
h3 {font-size: 1.3em; font-weight: bold; color: #88174E; padding-bottom: 5px;}
.sub {font-size: 1.2em; font-weight: bold; color: #516FA1; padding: 5px 0 0 0;}
p {font-size: 1.3em; color: #516FA1; padding: 0 20px 15px 0; line-height: 1.4em;}
a {color: #516FA1; text-decoration: underline;}
a:hover { color: #800043;}
span {font-weight: bold;}
#logo {position: absolute; top:-7px; left: 40px;}
hr {color: #ad5681;}

#container .columnLeft {position: absolute; top: 278px; left: 16px; width: 185px;}
#container .columnLeft p {font-size: 1.2em; color: #516FA1; padding: 0;}
#container .columnLeft ul {width: 160px; padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px dotted #800043;}
#container .columnLeft ul li {font-weight: bold; font-size: 1.2em; padding: 3px 0 3px 15px; background: url(images/imgNavIcon.gif) no-repeat left center;}
#container .columnLeft ul li a {color: #800043; text-decoration: none;}
#container .columnLeft ul li a:hover {text-decoration: underline;}
#container .columnLeft .large {font-size: 1.6em; font-weight: bold; color: #800043; padding: 12px 0 12px 0; margin: 12px 25px 12px 0; border-top: 1px dotted #800043;}
#container .contact a {color: #800043; text-decoration: none;}
#container .contact a:hover {text-decoration: underline;}

#content {background: url(images/imgContentBkgd.gif) repeat-y top left; padding: 15px 0 0 200px;}
#content ul {width: 380px; margin-bottom: 20px;}
#content ul li {font-size: 1.3em; color: #516FA1; list-style: disc; margin-left: 20px; padding-bottom: 4px;}
#content ul li ul {margin: 5px 0;}
#content ul li ul li {font-size: 1em; color: #516FA1; list-style: circle; margin-left: 20px; padding-bottom: 4px;}

#contentEmpty {height: 570px; background: url(images/imgContentBkgd.gif) repeat-y top left; padding: 15px 0 0 200px;}

/*--------homepage--------*/
.home p {padding: 0 204px 15px 0;}
.columnRight {position: absolute; top: 278px; right: 4px; width: 160px; border-left: 1px solid #800043; padding: 0 0 0 10px;}
.columnRight p {font-size: 1.3em; color: #516FA1; padding: 0 0 15px 0; line-height: 1.35em;}
.smallp {font-size: 1em;}
.flowers {position: absolute; bottom: 154px; right: 0;}

/*--------our doctors--------*/
.docBox {height: 370px; margin-top: 0; padding-top: 10px;}
.doc {float: left; text-align: center; margin-top: 0; padding-top: 12px; width: 144px; height: 162px; border: 3px double #E4D0DA;}
.doc p {font-size: 1.1em; padding: 0; line-height: 1.2em;}
.doc a {color: #88174E;}
.doc a:hover {color: #516FA1;}

.doctors .floatLeft {float: left; margin: 10px 15px 35px 0;}
.doctors h2 {font-size: 1.4em; font-weight: bold; color: #88174E; padding: 10px 0 3px 0;}
.doctors h3 {font-size: 1.3em; font-weight: bold; color: #516FA1; padding: 17px 0 0 0;}
.doctors p {font-size: 1.3em; color: #516FA1; padding: 0 20px 10px 0; line-height: 1.2em;}
.doctors .space {font-size: 1.3em; color: #516FA1; padding: 0 0 0 0; line-height: 1.2em;}
.doctors .small {font-size: 1em; color: #516FA1; padding: 0 10px 10px 0; line-height: 1.2em;}
.doctors .title {position: absolute; top: 300px; left: 314px; width: 340px; color: #800043; font-weight: bold;}
.doctors .back {position: absolute; top: 260px; right: 20px; color: #516FA1; font-weight: bold; font-size: 1.1em;}

/*--------our staff--------*/
.staffBox {height: 730px; margin-top: 20px;}
.staff {float: left; text-align: center; margin-top: 0; padding-top: 12px; width: 144px; height: 162px; border: 3px double #EDDBE4;}
.staff p {font-size: 1.1em; padding: 0; line-height: 1.2em;}

/*---------novasure---------*/
.last {padding-bottom: 380px;}

/*--------new patient info--------*/
.center {text-align: center; padding: 5px; width: 550px; height: 300px;}
.center a {color: #800054; font-weight:bold;}
.center a:hover {color: #516FA1;} 
.center p {padding: 0 0 7px 0;}
.center img {padding-bottom: 10px;}

/*--------payment/insurance--------*/
.scrollbox {width: 450px; height: 140px; overflow: auto; padding: 5px 0; margin-bottom: 10px; border: 1px solid #C1C1C1;}
.secondary #content ul {margin-bottom: 0;}
.secondary #content ul li {font-size: 1.3em; font-weight: bold; color: #516FA1; list-style: disc; margin-left: 40px; padding-bottom: 1px;}
.secondary #content ul li ul li {font-size: 1.1em; font-weight: normal; color: #516FA1; list-style: none; margin-left: 10px; padding-bottom: 1px;}

/*--------contact us--------*/
.directions {float: right; margin: 80px 0 0 0; text-align: center;}
.directions h3 {font-size: 1.5em; padding-right: 20px;}
.office {margin: 5px 0 25px 0;}
.map {margin-top: 10px; border: 2px solid #AD5681;}

/*---------footer---------*/
.home #footer {text-align: center; padding: 105px 0 20px 0; background: #fff url(images/imgFooterBkgd.jpg) no-repeat top center;}
#footer {text-align: center; padding: 105px 0 20px 0; background: #fff url(images/imgFooterBkgd2.jpg) no-repeat top center;}
#footer p {font-size: 1.1em; color: #800043; padding: 0;}
#footer a {color: #88174E;}