/* GLOBAL STYLES */
body { margin: 0; font: 75%/140% Arial, Helvetica, sans-serif; }
ul { margin: 0 0 8px 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0 0 12px; }
li { margin: 0 0 4px 4px; }
form { margin: 0; padding: 0; }
a img { border: none; }

ul { padding: 0; list-style: none; }
ul li { padding-left: 10px; background: transparent url('images/design/bullet-dot.gif') no-repeat 0 .55em; }
ul ul {margin: 0 !important;}
ul ul li { margin-left:10px; padding-left: 10px; background: transparent url('images/design/bullet-dot.gif') no-repeat 0 .55em; }

.clear       { clear: both; }

p.skip_nav   { display: none; }
img.thumb    { border: 1px solid #766341; }

hr { background-color: #caae7c !important; color: #caae7c !important; border: none; border-top: 1px dotted #caae7c; }


/* PAGE HEADER / BRANDING */
#headerIndex { border-bottom: 2px solid #3a587a; text-align: center; width: 100%; float: left; }
#headerIndex .wrapper { width: 760px; margin: 0 auto; text-align: left; }
#headerIndex h1 { margin: 0; width: 320px; float: left; }
#headerIndex h2 { width: 405px; float: right; margin: 0; padding: 12px 0 12px 0; }

#header { border-bottom: 2px solid #3a587a; text-align: center; width: 100%; float: left; }
#header .wrapper { width: 760px; margin: 0 auto; text-align: left; }
#header h1 { margin: 0; width: 320px; float: left; }
#header h2 { width: 405px; float: right; margin: 0; padding: 12px 0 10px 0; }


/* TOP NAVIGATION */
#topnav { float: right; width: 420px; height: 24px; background: transparent url('images/design/topnav.gif') no-repeat; position: relative; margin: 0; padding: 0; }
#topnav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#topnav li, #topnav li a { height: 24px; display: block; background: none; }
#topnav li strong { display: none; }
#topnav #topnav01 { left: 0; width: 84px; }
#topnav #topnav02 { left: 82px; width: 168px; }
#topnav #topnav03 { left: 248px; width: 104px; }
#topnav #topnav04 { left: 350px; width: 70px; }
#topnav #topnav01.selected, #topnav #topnav01 a:hover { background: transparent url('images/design/topnav.gif') 0 -30px no-repeat; }
#topnav #topnav02.selected, #topnav #topnav02 a:hover { background: transparent url('images/design/topnav.gif') -82px -60px no-repeat; }
#topnav #topnav03.selected, #topnav #topnav03 a:hover { background: transparent url('images/design/topnav.gif') -248px -90px no-repeat; }
#topnav #topnav04.selected, #topnav #topnav04 a:hover { background: transparent url('images/design/topnav.gif') -350px -120px no-repeat; }


/* OVERALL STRUCTURE OF THE MAIN PAGE BODY */
#mainBody          { clear: both; background: #FFF url('images/design/bg-fade.gif') repeat-x; padding: 12px 0 12px 0; clear: both; text-align: center; width: 100%; float: left; color: #333; }
#mainBody .wrapper { width: 770px; margin: 0 auto; text-align: left; }
#mainBody .wrapper .wrapper { width: auto; margin: inherit; text-align: inherit; }
#mainBody #mainContent { width: 510px; float: left; }
#mainBody .twoColumns {  }
#mainBody .twoColumns .col1 { width: 250px; float: left; }
#mainBody .twoColumns .col2 { width: 250px; float: left; }
#mainBody .wideContentBox .twoColumns .col1 { width: 220px; float: left; }
#mainBody .wideContentBox .twoColumns .col2 { width: 220px; float: left; }
#mainBody #sidebar { width: 250px; float: right; padding-top: 2px;}


/* MAIN CONTENT WELL */
.wideContentBox  { margin-bottom: 12px; color: #333; padding: 5px; min-height: 570px; 
                   background: transparent url('images/design/photo-inside.png') no-repeat; }
.wideContentBox .wrapper { padding: 140px 12px 12px 12px; }
.wideContentBox h2   { font: bold 190% 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #766341; margin-bottom: 6px; }
.wideContentBox h3 { color: #c6a873; font: bold 130% 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 6px; clear: both; }
.wideContentBox p, .wideContentBox li { font-size: 110%; line-height: 150%; }
.wideContentBox ul { margin-bottom: 20px; }

.wideContentBox.mainIndex { margin-bottom: 0; min-height: auto; }
.wideContentBox.mainIndex .wrapper { padding-bottom: 0; }
.wideContentBox.mainIndex h2   { font-size: 220%; }


/* BACKGROUND IMAGES FOR SECTION PAGES */
.wideContentBox.mainIndex { background-image: url('images/design/photo-mainindex.png'); min-height: inherit; }

.wideContentBox.services { background-image: url('images/design/photo_header2.png'); }
.wideContentBox.about { background-image: url('images/design/photo_header2.png'); }
.wideContentBox.billing { background-image: url('images/design/photo_header1.png'); }
.wideContentBox.patients { background-image: url('images/design/photo_header3.png'); }


/* SECTION SUBNAVIGATION BAR */
.sectionSubnav { border-top: 1px dotted #caae7c; border-bottom: 1px dotted #caae7c; padding: 6px 0; margin: 12px 0;}
.sectionSubnavSolo { border-top: 1px dotted #caae7c; padding: 6px 0; margin: 12px 0;}
.sectionSubnav p { margin: 0; color: #333; }
.sectionSubnav input.formSubmit { vertical-align: middle; margin-top: -5px;}
.sectionSubnav select.formSelect { width: 150px; vertical-align: middle; margin-top: -2px; font: 95% Arial, Helvetica, sans-serif; color: #333; }


/* PATIENT SUBNAVIGATION - INDEX PAGE */
#mainContent #secNav { margin-bottom: 12px; }
#mainContent #secNav ul { width: 530px; height: 51px; background: transparent url('images/design/secnav.png') no-repeat; position: relative; margin: 0; padding: 0; }
#mainContent #secNav ul li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#mainContent #secNav ul li, #mainContent #secNav a { height: 51px; display: block; background: none; }
#mainContent #secNav span { display: none; }
#mainContent #secNav #nav1 { left: 0; width: 118px; }
#mainContent #secNav #nav1 a:hover { background: transparent url('images/design/secnav.png') 0 -60px no-repeat; }
#mainContent #secNav #nav2 { left: 118px; width: 131px; }
#mainContent #secNav #nav2 a:hover { background: transparent url('images/design/secnav.png') -118px -120px no-repeat; }
#mainContent #secNav #nav3 { left: 249px; width: 116px; }
#mainContent #secNav #nav3 a:hover { background: transparent url('images/design/secnav.png') -249px -180px no-repeat; }
#mainContent #secNav #nav4 { left: 365px; width: 140px; }
#mainContent #secNav #nav4 a:hover { background: transparent url('images/design/secnav.png') -365px -240px no-repeat; }


/* SIDEBAR AND SMALL CONTENT MODULES */
.contentBoxTitle { background: transparent url('images/design/contentbox-top.png') no-repeat;  padding: 17px 17px 5px 17px;}
.contentBoxTitle h3 { margin: 0; color: #c6a873; font: bold 130% 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform: uppercase; }
.contentBoxTitle h3 .smaller { font-size: 75%; display: block; }
.contentBox      { margin-bottom:8px; color: #333; padding: 5px; background: transparent url('images/design/contentbox-bot.png') no-repeat bottom center; }
.contentBox .wrapper {background-color: #FFF; padding: 0 12px;}
.contentBox h3 { color: #c6a873; font: bold 130% 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform: uppercase; }
.contentBox h3 .smaller { font-size: 75%; display: block; }
.contentBox h4 { font-size: 110%; }
.contentBox h5 { font-size: 100%; }
.contentBox.surgery img.thumb { float: right; margin: 4px 0 0 6px; }

#sidebar .surgeon     { clear: both; padding-bottom: 8px; width: 100%; float: left; }
#sidebar .surgeon img { float: left; border: 1px solid #766341; }
#sidebar .surgeon p   { margin: 6px 0 0 82px; }


/* PATIENT SUBNAVIGATION - SIDEBAR */
#sidebar #secNav ul { margin: 0; padding: 0; list-style: none; }
#sidebar #secNav ul li { margin: 0; padding: 0; background: none; }
#sidebar #secNav a { display: block; margin: 0 5px; padding: 12px 12px 10px 12px; border-bottom: 1px solid #FFF; }
#sidebar #secNav #nav1 a { padding-top: 16px; }
#sidebar #secNav #nav4 a { border: none; padding-bottom: 18px; }
#sidebar #secNav #nav1 { background: transparent url('images/design/secnav-sidebar.png') no-repeat 0 0; }
#sidebar #secNav #nav2 { background: transparent url('images/design/secnav-sidebar.png') no-repeat 0 -20px; }
#sidebar #secNav #nav3 { background: transparent url('images/design/secnav-sidebar.png') no-repeat 0 -20px; }
#sidebar #secNav #nav4 { background: transparent url('images/design/secnav-sidebar.png') no-repeat 0 -20px; }
#sidebar #secNav #nav5 { background: transparent url('images/design/secnav-sidebar.png') no-repeat 0 -20px; }
#sidebar #secNav #nav6 { background: transparent url('images/design/secnav-sidebar.png') no-repeat 0 -20px; }
#sidebar #secNav #nav7 { background: transparent url('images/design/secnav-sidebar.png') no-repeat 0 -20px; }
#sidebar #secNav #nav8 { background: transparent url('images/design/secnav-sidebar.png') no-repeat 0 bottom; }
#sidebar #secNav #nav9 { background: transparent url('images/design/secnav-sidebar.png') no-repeat 0 -20px; }

#sidebar h5.contact { color: #999; }

/* FOOTER */
#footer          { clear: both; background: #caae7c url('images/design/bg-footer.gif') repeat-x; color: #FFF; padding: 12px 0; text-align: center; }
#footer .wrapper { width: 760px; margin: 0 auto; text-align: left; }
#footer .faq     { width: 370px; float: left; }
#footer .address { width: 370px; float: right; }
#footer .faq h3, #footer .faq p { padding-left: 15px; }
#footer h3       { font-size: 120%; }
#footer p        { font-size: 95%; }
#footer p.city   { font-weight: bold; font-size: 120%; margin-bottom: 6px; }
#footer img      { float: left; margin-right: 7px; }


/* LINK STYLES */
a:link, a:visited { color: #7398c5; text-decoration: none; font-weight: bold; }
a:hover, a:active { color: #6282a8; text-decoration: underline; }

.contentBoxTitle h3 a:link, .contentBoxTitle h3 a:visited,
.contentBox h3 a:link, .contentBox h3 a:visited { color: #c6a873; text-decoration: none; }
.contentBoxTitle h3 a:hover, .contentBoxTitle h3 a:active,
.contentBox h3 a:hover, .contentBox h3 a:active { text-decoration: underline; }

#footer a:link, #footer a:visited { color: #FFF; text-decoration: underline; font-weight: inherit; }
#footer a:hover, #footer a:active { color: #FF6; text-decoration: underline; }

#newsblock {border-bottom: 1px solid #ccc;padding: 0px 0px 10px 0px;}
#newsblock p.subtitle {font-size:12px; font-weight:bold; color:#7398c5;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
#newsblock p.newsdate {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#newsblock p.abstract {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#newsblock p.newsbody {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}