/* @override http://www.jamesrpaynemd.com/app/webroot/css/procedures.css */

/* @override http://www.jamesrpaynemd.com/app/webroot/css/procedures.css */

#container #main{float: left; background: #fff url(img/content.gif) repeat-y; margin:0px auto; width: 850px; clear: both;}

#topShadow{display: block; height: 10px; background: #fff url(img/topShadow.gif) repeat-x;}
#bttmShadow{display: block; height: 10px; background: #fff url(img/bttmShadow.gif) repeat-x; clear: left; width: 830px; margin: 0 auto; clear: both;}

div#content {width: 830px; margin: 0 auto; clear: both;}

#content h1#proc_header {font: normal 1.75em/1.250em "Times New Roman", Times, Georgia, serif; color: #90AA40; margin: 10px 0 10px 20px;}

#nav{margin-left: 10px;}

/*procNav styles*/
#procNav h2{font: normal 2em/.75em "Times New Roman", Times, Georgia, serif; color: #90AA40; margin: 10px 0 10px 20px; padding:0;}
#procNav h2 a{color: #90AA40;}
#procNav h2 a:hover, #procNav h2 a:visited{color: #796D5F;}
#procNav ul{display: block; width: 774px; margin: 0 20px; padding: 8px; background-color: #999; float: left;}
#procNav ul li{float: left; text-align: left; font: normal 1.2em/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #fff;}
#procNav ul li#Nav1{width: 200px; margin-left: 3px;}
#procNav ul li#Nav2{width: 140px; margin-left: 44px;}
#procNav ul li#Nav3{width: 125px; margin-left: 44px;}
#procNav ul li#Nav4{width: 170px; margin-left: 44px;}
#procNav ul li a{color: #fff;}
#procNav ul li a:hover{color: #ddd;}
#procNav ul li a.selected{color: #E0FACC;}
#procNav ul li a.selected:hover{}

/*SubNav styles*/
#subNav {float: left; width: 200px; height: 400px; padding: 30px 0 0 30px;}
#subNavAlt {float: left; width: 160px; height: 400px; padding: 30px 0 0 30px; margin-right: 40px;}
#subNav a.navSub.selected {display: block; font: normal 1.75em/1.250em "Times New Roman", Times, Georgia, serif; color: #90AA40; margin-bottom: 10px;}
#subNav a.navSub.selected:hover{color: #796D5F;}
#subNav a.navLink, #subNavAlt a.navLink {display: block; font: normal 1.3em/1.250em "Times New Roman", Times, Georgia, serif; color: #796D5F; margin-bottom: 5px;}
#subNav a.navLink:hover, #subNavAlt a.navLink:hover{color: #362C23;}
#subNav a.navLink.selected, #subNavAlt a.navLink.selected{color: #9B2E12;}
#subNav ul li#spacer{display: block; width: 150px; border-top: 1px solid #ccc; margin: 20px 0 10px 0;}
#subNav ul li ul li a.navLink {display: block; font: normal 1.1em/1.0em "Times New Roman", Times, Georgia, serif; color: #796D5F; margin-bottom: 5px; margin-left: 15px;}
#subNavAlt a.navLink {margin-bottom: 10px;}

#sideNavAlt {float: left; width: 150px; height: 400px; padding: 30px 0 0 30px;}

#breastNav, #faceNav, #bodyNav {font: normal 1.2em/1.250em "Times New Roman", Times, Georgia, serif; color: #796D5F; margin-bottom: 5px; margin-left: 10px;}
a.subLink{color: #4C433C;}
a.subLink:hover{color: #796D5F;}
a.subLink.selected{color: #9B2E12;}

/*About Body styles*/

#bodyContent {float: left; width: 560px; margin: 30px 0 0px 0; font: normal 1.15em/1.5em "Times New Roman", Times, Georgia, serif;}
#bodyContentAlt {float: left; width: 560px; margin: 30px 0 0px 150px; font: normal 1.15em/1.5em "Times New Roman", Times, Georgia, serif;}
#bodyContent h1, #bodyContentAlt h1{font: normal 1.5em/1.250em "Times New Roman", Times, Georgia, serif; color: #90AA40; margin-bottom: 10px;}
#bodyContent h3, #bodyContentAlt h3{font: normal 1.3em/1.250em "Times New Roman", Times, Georgia, serif; color: #605750; margin-bottom: 4px;}
#bodyContent h3 a, #bodyContentAlt h3 a{color: #9B2E12;}

#bodyContent img, #bodyContentAlt img{float: left; margin: 0 10px 10px 0; padding: 3px; border: 1px solid #B9AFA4;}
#bodyContent p, #bodyContentAlt p{padding-bottom: 12px;}
#bodyContent ul, #bodyContentAlt ul{margin-bottom: 10px;}
#bodyContent ul li, #bodyContentAlt ul li{padding-bottom: 8px; margin-left: 30px; list-style-type: disc;}

#left{float: left; width: 270px; margin-right: 20px;}
#right{float: left; width: 270px;}

#BMI{float: left; margin: 10px 5px 20px 20px;}
#BMIcalc{float: left;}
#BMIcalc ul li{list-style-type: none; margin: 0; padding: 0; text-align: center;}
#BMIbar{height: 1px; border-top: 1px solid #999;}
#BMIdata{width: 200px; margin: 10px 0 10px 20px; border: 1px solid #ccc;}
#BMIdata tr td{padding: 3px; border: 1px solid #ccc;}

#bodyContent div.faqName{ display:block; width:540px; margin: 0 0 10px 0; background-color:#999; padding: 4px 10px 4px 10px; cursor: pointer;}
#bodyContent div.faqName p{margin: 0; padding: 0; color: #fff; line-height:1.2em;}

#procIllus {float: left; width: 560px; clear: both;}
#procIllus img{border: 0; padding: 0; margin: 0 5px 10px 0;}

div.infoExp{float: left; width: 550px; clear: both; padding-top: 4px; padding-left: 10px; background-color: #ccc; color: #333;margin-bottom: 10px; cursor: pointer;}
#bodyContent div.infoExp h3{font-size: 1.15em;}
div.infoExpHldr{float: left;width: 560px; background-color: #ccc; margin-bottom: 15px;}
div.infoExpHldr table.infoTable{width: 560px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 5px; background-color: #fff;}
div.infoExpHldr table.infoTable tbody{margin: 0; padding: 0;}
table.infoTable tbody tr.even,table.infoTable tbody tr.odd{ border-bottom: 1px solid #ccc; margin: 0; padding: 0;}
div.infoExpHldr table.infoTable tbody tr td {border-right: 1px solid #ccc; margin: 0; padding: 4px; text-indent: -15px; padding-left: 25px; vertical-align: top;}
div.infoExpHldr table.infoTable tbody tr td h4{font-weight: bold; font-size: 1.2em; color: #444;}
div.infoExpHldr p{margin: 0 15px; color: #333;}
div.infoExpHldr ol{list-style-type: decimal; margin:  0 10px 0 40px; color: #333; margin-bottom: 15px; margin-top: -10px;}
#sideBanner{margin-top: 25px;}
