body, html { margin:0; padding:0; background:#d2b2d2 url(images/html_bg.jpg) top center repeat; color:#000; font: normal normal 14px georgia, serif; }
body { min-width:100%; height: 100%; text-align: center; padding: 0; margin: 0; background:#d2b2d2 url(images/html_bg.jpg) top center repeat;}
#header_bg {background: #f3f2d4 url(images/header_bg.jpg) top center repeat-x; width: 100%; height: 265px; padding: 0;}
#header {background: #f3f2d4 url(images/header.jpg) top center no-repeat; width: 815px; height: 265px; margin: 0 auto; padding: 0;}
#header_sp {background: #f3f2d4 url(images/header_sp.jpg) top center no-repeat; width: 815px; height: 265px; margin: 0 auto; padding: 0;}
#content_bg {width: 100%; height: auto;}
#content { display: block; overflow: hidden; background: #f3f2d4 url(images/content.jpg) top center repeat-y; margin: 0 auto; width: 815px; height: auto; border: 0px solid #096; border-width: 0 0 0 0; }
#content_sp { display: block; background: #f3f2d4 url(images/content_sp.jpg) top center repeat-y; margin: 0 auto; width: 815px; height: auto; border: 0px solid #096; border-width: 0 0 0 0; }
#btmclear {clear: both; margin: 0 auto; padding: 0; width: 810px; height: 1px;}
#footer_bg { clear: both; background: #f3f2d4 url(images/footer_bg.jpg) top center repeat-x; width: 100%; height: 95px; border-width: 0 0 0 0; }
#footer { clear: both; background: #f3f2d4 url(images/footer.jpg) top center no-repeat; width: 815px; height: 95px; border-width: 0 0 0 0; margin: 0 auto; }
#footer_sp { clear: both; background: #f3f2d4 url(images/footer_sp.jpg) top center no-repeat; width: 815px; height: 95px; border-width: 0 0 0 0; margin: 0 auto; }
div.content_left { float: left; width: 480px; height: auto; border: 0px solid #fff; padding: 0; margin: 0 0 0 40px; _margin: 0 0 0 20px; /* background: #fdd; */ }
div.content_right { float: left; width: 220px; height: auto; border: 0px solid #fff; padding: 0; margin: 0 0 0 30px; /* background: #dfd; */ }
div.numenu { width: 186px; height: 33px; margin: 0 auto; background: url( 'images/menu_nav.png' ) 0 -33px no-repeat; border: 0px solid #fff; border-bottom: 1px solid #d2b2d2; }
div.numenu a { display: block; margin: 0; padding: 0; width:100%; height:100%; overflow:hidden; font: normal normal 12pt georgia, serif !important; color: #000 !important; text-decoration: none; text-align: left; text-indent: -18px; background: url( 'images/menu_nav.png' ) top left no-repeat; }
div.numenu span { display: block; margin:0; padding: 8px 0 0 33px; }
div.numenu a:hover { background-image: none; font-weight: normal; color: #000 !important; } div.numenu a:active { color: #3f003f !important; } div.numenu_selected { width: 186px; height: 33px; margin: 0 auto; background: url( 'images/menu_nav.png' ) 0 -66px no-repeat; font: normal normal 12pt georgia, serif !important; text-align: left; text-indent: -18px; border: 0px solid #fff; border-bottom: 1px solid #d2b2d2; } div.numenu_selected a {color: #fff !important; text-decoration: none; font-weight: normal !important;} div.numenu_selected span { display: block; margin:0; padding: 8px 0 0 33px; } div#numenu_line {display: block; width: 186px; height: 1px; padding: 0; margin: 0 auto; _margin-top: -16px; border: 1px solid #b97ab2; border-width: 0 0 1px 0;} img.floatleft { float: left; padding: 5px 10px 5px 0; } img.floatright { float: right; padding: 5px 0 5px 10px; } img.no_border { border: solid 0px #fff; } a.testimonial { position: relative; z-index: 24; color: #000; text-decoration: none; font-weight: normal; } a.testimonial:hover { display: block; z-index: 25; color: #f00; text-decoration: none; } a.testimonial img { display: block; border: 2px solid #000; } a.testimonial:hover img { border: 2px solid #00f; top: 0px; } a.testimonial span { display: none; } a.testimonial:hover span { display: block; position: absolute; top: 0px; left: 185px; width: 280px; padding: 10px; border: 1px solid #00f; color: #000; text-align: left; text-decoration: none; background: #fff; } .blue {color: #1e3277 !important;} .green {color: #2c9449 !important;} .yellow {color: #a74905 !important;} .purple {color: #6e006e !important;} .orange {color: #dc4f00 !important;} .f11 {font-size: 11px !important;} .f12 {font-size: 12px !important;} .f14 {font-size: 14px !important;} .f16 {font-size: 16px !important;} .f18 {font-size: 18px !important;} .f20 {font-size: 20px !important;} .f22 {font-size: 22px !important;} .f24 {font-size: 24px !important;} .center {text-align: center !important; margin: 0 auto !important;} .serif {font-family: georgia, erif !important;} a.backtotop {float: right; font-size: 11px; color: #ff8200; font-weight: bold; padding-right: 20px;} h1, h2, h3, h4 {font-family: georgia, serif; font-weight: normal; margin: 0 auto; width: 460px; padding: 5px 0 5px 0; line-height: 1.1em; color: #6e006e;} h1 {font-size: 26px;} h2 {font-size: 24px;} h3 {font-size: 18px;} h4 {font-size: 14px;} h2.sp {width: 600px;} a, a:hover {text-decoration: none; font-weight: bold; color: #9f8200;} .content_left p {text-align: left; color: #000; margin-left: 0; width: 470px; } .content_left ul, .content_left ol {width: 470px; padding-left: 15px; margin: 5px 0 5px 0; color: #000; list-style: inside center;} .content_left ul li, .content_left ol li {padding-bottom: 10px;} .content_left ul li ul {width: 470px; padding-left: 15px; margin: 5px 0 5px 0; color: #000; list-style: inside center;} .content_left ul li ul li {padding-bottom: 10px;} .content_right p {text-align: left; color: #000; margin-left: 30px; width: 190px;} .content_right ul, ol {width: 180px; padding-left: 15px; margin: 5px 0 5px 30px; color: #000; list-style: inside center;} .content_right ul li, .content_right ol li {padding-bottom: 10px;} #content_sp p {text-align: left; color: #000; margin: 0 auto; width: 600px; line-height: 1.3em;} #content_sp ul, #content_sp ol {width: 600px; padding-left: 15px; margin: 0 auto; margin-top: 5px; color: #000; list-style: inside center; text-align: left; font-size: 16px;} #content_sp ul li, #content_sp ol li {padding-bottom: 15px;} ul.nested { list-style-type: square; list-style-image: none; padding: 0px 0px 0px 0px; margin-top: 2px; } ul.bordered { border: 3px ridge white; padding: 10px 5px 10px 40px; margin-left: 30px; } #footer p, #footer_sp p { font: normal normal 9pt arial, sans-serif; margin: 0 auto; padding-top: 30px; text-align: center; color: #fff; width: 800px; } #footer p a, #footer_sp p a { text-decoration: none; text-align: center; font-weight: bold; color: #fffc00; } p.center {text-align: center} div.white_over_black { float: left; width: 430px; padding: 0px 0px 10px 20px; text-align: left; color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; } .leftcontent { text-align: left; width: 440px; float: left; margin: 0px 10px 10px 30px; _margin: 10px 10px 20px 15px; font-size: 12px; font-weight: normal; text-decoration: none; } div.spacer {width: 10px; height: 20px;} span.cap { font-size:33px; font-weight:bold; float:left; height:20px; line-height:20px; margin-top:5px; margin-right:2px; } table { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: black; text-align: center; } .panel { background: #fff url(images/panel_mid.png) top center repeat-y; width: 470px; height: auto; color: #fff; /* #008b98; */ margin: 0 0 25px 0; padding: 0; } .panel_topbtm {margin: 0 auto; padding: 0;} .panel p {font-size: 14px; width: 430px; color: #111; margin: 0 0 0 20px; padding: 0; color: #000;} .panel ul {font-size: 14px; width: 430px; color: #111; margin: 0 0 0 20px; padding: 0 0 0 10px; color: #000;} .panel a, .panel a:hover {color: #d4b037;} .quote { background: #fff url(images/bq_mid.png) top center repeat-y; width: 520px; height: auto; margin: 0 auto; } .topbtm {margin: 0 auto; padding: 0;} .quote p {font-size: 13px; width: 450px !important; color: #111; margin: 0 margin; padding: 0 15px 0 15px;} .quote ul {font-size: 13px; width: 420px; color: #111; margin: 0 0 0 35px; padding: 0 0 0 10px;} .quote a, .quote a:bq {color: #d4b037;} .sbpanel { background: #fff url(images/sbpanel_mid.png) top center repeat-y; width: 190px; height: auto; color: #fff; /* #008b98; */ margin: 0 auto; } .sbpanel_topbtm {margin: 0 auto; padding: 0;} .sbpanel p {font-size: 12px; width: 170px; color: #111; margin: 0 0 0 15px; padding: 0; color: #111;} .sbpanel a, .panel a:hover {color: #d4b037;} td.td1 { width: 90px; border: 1px solid purple; } td.td2, td.td3 { width: 130px; border: 1px solid purple; } td.td4 { width: 160px; border: 1px solid purple; color: red; font-weight: bold; }
#signup {background: url(http://sharonhess.com/wpsite/wp-content/themes/sharonhess/images/panel_signup.png) top center no-repeat; width: 196px; height: 197px; margin: 5px auto 15px auto; padding: 0; }
#signup_sp {background: url(http://sharonhess.com/wpsite/wp-content/themes/sharonhess/images/panel_signup.png) top center no-repeat; float: right; width: 196px; height: 197px; margin: 5px 45px 5px 0; _margin-right: 18px; padding: 0; }
#signup p, #signup_sp p {width: 180px; font-size: 11pt; color: #fff; text-align: center; margin: 0 auto; padding: 0; }
#signup table, #signup_sp table {border-collapse: collapse; margin: 80px auto 0 auto;}
#contactform {display: block; width: 430px; height: 590px; background-color: #fff; margin-left: 20px;}
#quizform {display: block; width: 430px; height: 200px; background-color: #fff; margin-left: 20px;}