/* HARMONY VISION Style Sheet created by 2Creative */ * { margin: 0; padding: 0; } body { color: #666; font: 12px/18px Arial, Helvetica, sans-serif; background: url(images/bg-strip.jpg) repeat-x left top; } h1, h2, h3 { color: #18376B; font-weight: normal; } h1 { font-size: 24px; margin-bottom: 20px; } h2 { font-size: 23px; margin-bottom: 20px; } h3 { font-size: 16px; margin-bottom: 5px; } h4 { font-size: 12px; margin-bottom: 5px; } p { padding-bottom: 15px; } img { border: none; } a { color: #666; text-decoration: underline; } a:hover { text-decoration: none; } ul, ol { padding-left: 20px; margin-bottom: 15px; } li { margin-bottom: 2px; list-style: square; } #wrapper { width: 980px; margin: 0 auto; } #header { height: 400px; background: url(images/header.jpg) no-repeat left top; } #menu { float: left; width: 636px; margin-top: 0px !important; margin-top: 370px; padding-top: 370px !important; padding-top: 0px; font-size: 12px; font-weight: bold; } #menu ul { list-style: none; margin: 0 0 0 10px; padding: 0; } #menu li { list-style: none; float: left; width: 60px; text-align: center; } #menu li#menu-home { width: 65px; } #menu li#menu-treatments { width: 135px; } #menu li#menu-adults { width: 68px; } #menu li#menu-kids { width: 80px; } #menu li#menu-about { width: 74px; } #menu li#menu-resources { width: 124px; } #menu li#menu-contact { width: 80px; } #menu a { color: #322d26; text-decoration: none; } #menu a:hover { color: #666; text-decoration: none; } #header-right { float: right; width: 344px; } #social { height: 40px; } #phone { float: left; width: 165px; margin-left: 60px !important; margin-left: 30px; } #phone p { font-size: 20px; color: #322d26; padding-top: 12px; padding-bottom: 0; } #youtube-twitter { float: right; width: 108px; } #banner { height: 360px; } .slideshow { height: 360px; width: 344px; overflow: hidden; } #content { background: #FFF; margin-bottom: 30px; } #main-content { float: left; width: 630px; margin-top: 40px; } .main-content-left { float: left; width: 282px; margin-bottom: 40px; } .main-content-right { float: right; width: 282px; } .main-content-left h2 a, .main-content-right h2 a { color: #18376B; text-decoration: none; } .main-content-left h2 a:hover, .main-content-right h2 a:hover { color: #666; text-decoration: none; } .main-content-left p, .main-content-right p { padding-bottom: 20px; } .bordered-image { border: 1px solid #D5D0C4; margin-bottom: 20px; } .page-image { float: right; width: 282px; border: 1px solid #D5D0C4; margin-left: 20px; margin-bottom: 20px; } .summary { margin-bottom: 20px; } .summary-image { float: left; width: 282px; } .summary-image img { border: 1px solid #D5D0C4; } .summary-text { float: right; width: 328px; } .summary-text h3 { font-size: 20px; } .summary-text h3 a { color: #18376B; text-decoration: none; } .summary-text h3 a:hover { color: #666; text-decoration: none; } .summary-text a { color: #4d9b05; text-decoration: underline; } .summary-text a:hover { text-decoration: none; } .story-listing { margin-bottom: 20px; } .storyby { font-style: italic; color: #073013; } .staff-listing { margin-bottom: 20px; } .staff-image { float: left; /*width: 102px;*/ width: 282px; } .staff-image img { border: 1px solid #D5D0C4; } .staff-text { float: right; /*width: 508px;*/ width: 328px; } .staff-text p { padding-bottom: 10px; } .article-listing { margin-bottom: 20px; } .article-listing h3 a { color: #18376B; text-decoration: none; } .article-listing h3 a:hover { text-decoration: underline; } p.added { font-size: 11px; font-weight: bold; color: #4d9b05; padding-bottom: 10px; } .glasses-left, .glasses-right { float: left; width: 150px; margin-right: 10px; margin-bottom: 10px; } .glasses-right { margin-right: 0px; } #research { margin-bottom: 15px; } #research h3 { margin-bottom: 15px; } #research h3 a { color: #18376B; text-decoration: underline; } #contact-left { float: left; width: 330px} #contact-right { float: right; width: 292px; } #contact-image img { border: 1px solid #D5D0C4; padding: 5px; margin-bottom: 20px; } #map { border: 1px solid #D5D0C4; padding: 5px; margin-bottom: 20px; } .phone-number { font-size: 14px; color: #4D9B05;} #side-content { float: right; width: 280px; background: url(images/right-col-bg.jpg) no-repeat left top; margin-top: 20px; min-height: 458px; } #side-content-area { width: 220px; margin-top: 20px; margin-left: 30px; } .video-box { border-bottom: 1px dotted #322D26; margin-bottom: 20px; } .video-box h3 { font-size: 22px; color: #322d26; line-height: 24px; margin-bottom: 15px; } .youtube-box { margin-bottom: 10px; } #news-summary { } #news-summary h3 { font-size: 20px; color: #18376B; margin-bottom: 15px; } #news-summary h4 { color: #18376B; margin-bottom: 5px; } #news-summary h4 a { color: #18376B; text-decoration: none; } #news-summary h4 a:hover { text-decoration: underline; } #news-summary p { padding-bottom: 20px; } #news-summary p.added { font-size: 11px; font-weight: bold; color: #4d9b05; padding-bottom: 10px; } a.readmore { color: #f80404; } #page-sub-menu { } #page-sub-menu h3 { font-size: 18px; font-weight: bold; color: #FFF; margin-bottom: 10px; } #page-sub-menu ul { list-style: none; margin: 0 0 20px; padding: 0; } #page-sub-menu li { list-style: none; width: 220px; border-bottom: 1px dotted #322D26; padding-top: 5px; padding-bottom: 5px;} #page-sub-menu li a { font-size: 14px; text-decoration: none; background: url(images/bullet.jpg) no-repeat left center; padding-left: 20px; color: #073013; } #page-sub-menu li a:hover { text-decoration: none; color: #006600; } .link-button { display: block; width: 219px; height: 44px; background: url(images/button.jpg) no-repeat left top; color: #18376B; font-size: 15px; padding-top: 17px; padding-left: 15px; } .link-button a { color: #18376B; text-decoration: none; } .link-button a:hover { color: #322D26; text-decoration: none; } #sub-content-wrapper { width: 100%; margin: 0 auto; background: #D2CBBF; color: #CCC; } #sub-content { width: 980px; margin: 0 auto; padding: 30px 0 10px; } #sub-content h3 { font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #666; } #sub-content h3 a { color: #666; } #sub-content h3 a:hover { color: #999; text-decoration: none; } #sub-content ul { list-style: none; padding-left: 0; margin-bottom: 0; } #sub-content li { list-style: none; padding-bottom: 0; margin-bottom: 0px; font-size: 12px; } #sub-content a { text-decoration: none; color: #666; } #sub-content a:hover { text-decoration: underline; color: #999; } .sub-menu-item { float: left; width: 50px; margin-right: 40px; min-height: 150px; } #sub-menu-home { } #sub-menu-treatments { width: 140px; } #sub-menu-adults { width: 70px; } #sub-menu-kids { width: 150px; } #sub-menu-about { width: 120px; } #sub-menu-resources { width: 120px; } #sub-menu-contact { width: 65px; margin-right: 0; } #footer { width: 980px; margin: 0 auto; border-top: 1px dotted #666; } #footer p { font-size: 12px; padding: 15px; color: #666; text-align: center; } #footer a { color: #666; text-decoration: none; } #footer a:hover { color: #999; text-decoration: none; } /************************ MISC ********************/ .clearFloat { clear: both; line-height: 0; height: 0; } .warning { color: #CC0000; font-weight: bold; padding-bottom: 0; } .notice { font-size: 85%; font-style: italic; } .heading, .mainmenu { display: none; } .textRed, .textRedBold { color: #CC0000; } .textBlue, .textBlueBold { color: #18376B; } .textGreen, .textGreenBold { color: #4D9B05; } .textRedBold, .textBlueBold, .textGreenBold { font-weight: bold; } .pagination { margin-top: 20px; margin-bottom: 30px; } .pagination ul { margin: 0; padding: 0; text-align: center; font-size: 12px; } .pagination li { list-style-type: none; display: inline; padding-bottom: 1px; margin-right: 2px; } .pagination a, .pagination a:visited { padding: 5px 8px; border: 1px solid #666; text-decoration: none; color: #666; } .pagination a:hover, .pagination a:active{ border: 1px solid #666; color: #666; background-color: #ccc; } .pagination a.currentpage { background-color: #FFF; color: #666 !important; border-color: #666; font-weight: bold; cursor: default; } .pagination a.disablelink, .pagination a.disablelink:hover { background-color: white; cursor: default; color: #666; border-color: #666; font-weight: normal !important; } .pagination a.prevnext { } /************************* FORM **********************/ table { width: 100%; margin-bottom: 20px; } th { background: #EBEBEB; } td { padding: 3px; } /************************* FORM **********************/ input, select, textarea { font: 12px Arial, Helvetica, sans-serif; } label { text-align: left; width: 150px; border: none; font-weight: bold; } #formContact {} #formContact label, #formContact input, #formContact select, #formContact textarea { display: block; width: 140px; float: left; margin-bottom: 10px; padding: 3px; border: none; } #formContact input, #formContact select, #formContact textarea { width: 300px; border: 1px solid #CCC; background: #EBEBEB; } #formContact select { width: 209px; } #formContact p { padding-top: 10px; padding-bottom: 5px; } #formContact br { clear: left; } #formContact .tinyInput { width:50px; } #formContact .smallInput { width: 120px; } #formContact .mediumInput { width: 250px; } #formContact .mediumLabel { width: 230px; } #formContact .wideLabel { width: 300px; } #formContact .extrWideLabel { width: 400px; } #formContact input.hidden { display: none; } #formContact .longLabel { width: 180px; } #formContact .radioLabel { width: 100px; } #formContact .radioButton { width: 15px; margin: 0 5px 0 0; border: none; background: none; } #formContact .sendButton, #formContact .sendButtonNoMargin { border: 1px solid #4D9B05; background: #4D9B05; font-size: 14px; color: #FFF; width: 100px; cursor: pointer; margin-bottom: 20px; } #formContact .sendButtonNoMargin { clear: both; } #formContact .labelNoMargin { margin-bottom: 0; } #formContact .wideLabelNoMargin { width: 300px; margin-bottom: 0; } #formSurvey { margin-top: 10px; margin-bottom: 20px; } #formSurvey .checkBox { display: block; float: left; width: 25px; height: 15px; margin: 0 5px 10px 0; border: none; } #formSurvey .checkboxLabel { display: block; float: left; width: 300px; display: block; } #formSurvey br { clear: left; } #score-box { margin-top: 10px; } #score-box p { font-size: 20px; color: #18376B; }