/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ /*{ margin:0; padding:0; outline:none;}*/ body { margin:0; padding:0px; font-family: Georgia, "Sylfaen", "Times New Roman", serif; font-size:13px; color:#636466;} p { margin:0px; padding:0px; font-weight:normal; line-height:1.6em;} p a:link, p a:visited, a:link, a:visited {color:#000; text-decoration: underline;} p a:hover, a:hover {color:#000; text-decoration: underline} h1 { margin:0; padding:0} h1 a:link, h1 a:visited {color:#fff; text-decoration: underline;} h1 a:hover {color:#fff; text-decoration: underline} /* ----------------------- side white ---------------------------------*/ .side-white { color:#FFFFFF ; text-decoration:none;} a.side-white;link {color:#FFFFFF ; text-decoration:none;} a.side-white:visited {color:#FFFFFF ; text-decoration:none;} a.side-white:hover {color:#FFFFFF ; text-decoration: underline;} a.side-white:active {color:#FFFFFF ; text-decoration:none;} h1.black a:link, h1.black a:visited {color:#636466; text-decoration: underline;} h1.black a:hover {color:#636466; text-decoration: underline} h1.hanley_story { background: url(/images/bg_blue_h1.gif) top no-repeat; height:25px; color:#FFF; font-size:24px; padding:10px; font-weight:bold;} h1.women { background: url(/images/bg_yellow_h1.gif) top no-repeat; font-size:24px; height:27px; color:#636466; padding:8px 10px 10px 50px; font-weight:bold;} h1.women span {font-size:24px; text-transform:uppercase;} h1.man { background: url(/images/bg_blue-man_h1.gif) top no-repeat; font-size:24px; height:27px; color:#fff; padding:8px 10px 10px 50px; margin-bottom: 12px; font-weight:bold;} h1.man span {font-size:24px; text-transform:uppercase;} h1.older_adults { background: url(/images/bg_brown-adults_h1.gif) top no-repeat; font-size:24px; height:27px; color:#fff; padding:8px 10px 10px 50px; margin-bottom:12px; font-weight:bold;} h1.older_adults span {font-size:24px; text-transform:uppercase;} h1.outpatient { background: url(/images/bg_green_h1.gif) top no-repeat; font-size:24px; height:27px; color:#fff; padding:8px 10px 10px 50px; font-weight:bold;} h1.outpatient span {font-size:24px; text-transform:uppercase;} h1.blue { font-size:24px; height:27px; color:#fff; background: #0077C0; padding:8px 10px 8px 10px; margin-bottom: 12px; font-weight:bold;} h1.blue span {font-size:24px; text-transform:uppercase;} h1.yellow { font-size:24px; height:27px; color:#fff; background: #ffcb18; padding:8px 10px 8px 10px; margin-bottom: 12px; font-weight:bold;} h1.yellow span {font-size:24px; text-transform:uppercase;} h1.green { font-size:24px; height:27px; color:#fff; background: #338445; padding:8px 10px 8px 10px; margin-bottom: 12px; font-weight:bold;} h1.green span {font-size:24px; text-transform:uppercase;} h1.brown { font-size:24px; height:27px; color:#fff; background: #c4b479; padding:8px 10px 8px 10px; margin-bottom: 12px; font-weight:bold;} h1.brown span {font-size:24px; text-transform:uppercase;} h2 { margin:0; padding:0; font-size:20px; margin-bottom:10px; font-weight:normal;} h3 { margin:0; padding:0; font-size:13px; margin-bottom:10px; font-weight:normal; text-transform:uppercase;} img { border:none} /* --------------------------------------------- 02. container and wrapper --------------------------------------------- */ #container { width:910px; margin:0 auto} #wrapper { width:910px; float:left; background:#e8f1f8; padding-bottom:10px;} #wrapper_yellow { width:910px; float:left; background:#fffde9; padding-bottom:10px;} #wrapper_brown { width:910px; float:left; background:#f9f7f1; padding-bottom:10px;} #wrapper_green { width:910px; float:left; background:#eaf2ec; padding-bottom:10px;} /* --------------------------------------------- 03. header --------------------------------------------- */ #header {width:910px; height:74px; float:left; background:#fff url(/images/bg_header.gif) no-repeat top right; color:#0077c0;} #header .logo {float:left; padding:4px 0 0 16px;} #header .header_right {width:250px; float:right; padding:5px 5px 0 0; } #header .header_right .call { float:right; font-size:20px; margin-bottom:0px;margin-top:0;padding:0;} #header .header_right .phonenum { float:right; font-size:12px; font-family:arial;margin-bottom:4px;} #header .header_right .rss { float:right; height:14px; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:3px;} #header .header_right .rss a {color:#0077c0; height:14px; text-decoration:none; background:url(/images/rss.gif) no-repeat center right; padding-right:20px; padding-top:3px; position:relative} /* get rid of the above when the new header is approved? */ #header_new { width: 910px; height: 74px; float: left; color: #0077c0; padding-bottom:8px; background-color: #FFF; background-image: url(/images/bg_header_right.jpg); background-repeat: no-repeat; background-position: 390px; } #header_new .logo {float:left; padding:4px 0 0 16px;} #header_new .header_right_new {width:auto; float:right; padding:5px 0 0 0; margin-top:13px;} #header_new .header_right_new img {float:right; margin:0px;} #header_new .header_right_new img.separate {margin-right:10px;margin-top:16px;} #header_new .header_right_new .chat {float:right; width:148px; margin:0px;} .lpPoweredBy {display:none;} /* --------------------------------------------- 04. menubar --------------------------------------------- */ #menubar {width:910px; float:left; text-transform:uppercase;} /* --------------------------------------------- 05. content styles --------------------------------------------- */ #content { width:890px; float:left; background:url(/images/bg_content.gif) repeat-y top center; border-top:7px solid #e8f1f8; padding:0 10px;} #content_yellow { width:890px; float:left; background:url(/images/bg_content_yellow.gif) repeat-y top center; border-top:7px solid #fffde9; padding:0 10px;} #content_brown { width:890px; float:left; background:url(/images/bg_content_brown.gif) repeat-y top center; border-top:7px solid #f9f7f1; padding:0 10px;} #content_green { width:890px; float:left; background:url(/images/bg_content_green.gif) repeat-y top center; border-top:7px solid #eaf2ec; padding:0 10px;} #content_wide { width:890px; float:left; background:url(/images/bg_content-wide.gif) repeat-y top center; border-top:7px solid #e8f1f8; padding:0 10px;} #content_full { width:890px; float:left; background:url(/images/bg_content-wide-flat.gif) repeat-y top center; border-top:7px solid #e8f1f8; padding:0 10px;} /* --------------------------------------------- 05. leftpanel styles --------------------------------------------- */ #leftpanel { width:175px; float:left; background:url(/images/bg_leftpanel.jpg) no-repeat top left; padding:5px 0; padding-bottom:15px} #leftpanel p { color:#FFFFFF; padding:0px; padding-bottom:10px} #leftpanel p a { color:#FFFFFF; text-decoration:underline; font-size:9px} #leftpanel h3 { font-size:16px; padding:0px 5px; margin-bottom:7px; line-height:1.4em; color:#FFFFFF; font-weight:normal; text-transform:uppercase; text-align:center; } #leftpanel h2 { font-size:13px; padding:0px; line-height:1.4em; color:#FFFFFF; font-weight:normal; text-transform:uppercase; text-align:center;} #leftpanel h3 .italic { font-style:italic; text-transform:none} #leftpanel ul { margin:0; padding:0; } #leftpanel_yellow {width:175px; float:left; background:url(/images/bg_leftpanel_yellow.jpg) no-repeat top left; padding:5px 0; padding-bottom:15px; color:#636466;} #leftpanel_yellow p { color:#636466; padding:0px; padding-bottom:10px} #leftpanel_yellow p a { color:#636466; text-decoration:underline; font-size:9px} #leftpanel_yellow h3 { font-size:16px; padding:0px 5px; margin-bottom:7px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center; } #leftpanel_yellow h2 { font-size:13px; padding:0px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center;} #leftpanel_yellow h3 .italic { font-style:italic; text-transform:none} #leftpanel_yellow ul { margin:0; padding:0; } #leftpanel_brown {width:175px; float:left; background:url(/images/bg_leftpanel_brown.jpg) no-repeat top left; padding:5px 0; padding-bottom:15px; color:#fff;} #leftpanel_brown p { color:#fff; padding:0px; padding-bottom:10px} #leftpanel_brown p a { color:#fff; text-decoration:underline; font-size:9px} #leftpanel_brown h3 { font-size:16px; padding:0px 5px; margin-bottom:7px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center; } #leftpanel_brown h2 { font-size:13px; padding:0px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center;} #leftpanel_brown h3 .italic { font-style:italic; text-transform:none} #leftpanel_brown ul { margin:0; padding:0; } #leftpanel_green {width:175px; float:left; background:url(/images/bg_leftpanel_green.jpg) no-repeat top left; padding:5px 0; padding-bottom:15px; color:#fff;} #leftpanel_green p { color:#fff; padding:0px; padding-bottom:10px} #leftpanel_green p a { color:#fff; text-decoration:underline; font-size:9px} #leftpanel_green h3 { font-size:16px; padding:0px 5px; margin-bottom:7px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center; } #leftpanel_green h2 { font-size:13px; padding:0px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center;} #leftpanel_green h3 .italic { font-style:italic; text-transform:none} #leftpanel_green ul { margin:0; padding:0; } /* --------------------------------------------- 06. leftpanel - bluebox --------------------------------------------- */ .bluebox { width:155px; float:left; background:url(/images/leftpanel_divider.png) no-repeat bottom; padding:10px} .bluebox.brown { width:155px; float:left; background:url(/images/leftpanel_divider_brown.png) no-repeat bottom; padding:10px} .bluebox.yellow { width:155px; float:left; background:url(/images/leftpanel_divider_yellow.png) no-repeat bottom; padding:10px} .bluebox.green { width:155px; float:left; background:url(/images/leftpanel_divider_green.png) no-repeat bottom; padding:10px} .bluebox-noborder { width:155px; float:left; padding:10px; padding-bottom:0px;clear:both;} /* --------------------------------------------- 06.1 leftpanel - bluebox - buttons --------------------------------------------- */ .bluebox ul { width:154px; list-style:none; margin:0; padding:0 0px;} .bluebox ul li {display:inline; margin:0; padding:0; list-style:none;} .bluebox ul li a {display:block; float:left; margin-bottom:5px } .bluebox ul li a.boomer { width:154px; height:75px; background-position:0 0; background:url(/images/boomer_program.png) no-repeat} .bluebox ul li a:hover.boomer {background-position:0 -74px;} .bluebox ul li a.gate { width:154px; height:75px; background-position:0 0; background:url(/images/gate-lodge.png) no-repeat} .bluebox ul li a:hover.gate {background-position:0 -74px;} .bluebox ul li a.families { width:154px; height:75px; background-position:0 0; background:url(/images/program_families.png) no-repeat} .bluebox ul li a:hover.families {background-position:0 -74px;} .bluebox ul li a.women { width:154px; height:75px; background-position:0 0; background:url(/images/center_for_women_recovery.png) no-repeat} .bluebox ul li a:hover.women {background-position:0 -74px;} .bluebox ul li a.men { width:154px; height:75px; background-position:0 0; background:url(/images/center_for_men_recovery.png) no-repeat} .bluebox ul li a:hover.men {background-position:0 -74px;} .bluebox ul li a.olderadult { width:154px; height:75px; background-position:0 0; background:url(/images/center_for_oa_recovery.png) no-repeat} .bluebox ul li a:hover.olderadult {background-position:0 -74px;} .bluebox ul li a.outpatient { width:154px; height:75px; background-position:0 0; background:url(/images/center_for_outpatient_recovery.png) no-repeat} .bluebox ul li a:hover.outpatient {background-position:0 -74px;} /* --------------------------------------------- 06.2 leftpanel - bluebox - donations --------------------------------------------- */ .bluebox ul li a.donations { width:154px; height:55px; background-position:0 0; background:url(/images/donations.png) no-repeat} .bluebox ul li a:hover.donations {background-position:0 -64px;} /* --------------------------------------------- 06.3 leftpanel - bluebox - calender --------------------------------------------- */ .bluebox_calender { width:155px; float:left; padding:10px; background:url(/images/leftpanel_divider.png) no-repeat bottom; } .bluebox_calender .img_calender {width:155px; float:left; height:95px; text-align:center; padding-bottom:5px} .bluebox_calender ul.list_white { margin:0; padding:0; padding-bottom:15px} .bluebox_calender ul.list_white li { margin:0; padding:0; list-style:none; color:#FFFFFF; text-decoration:none; line-height:1.4em} .bluebox_calender ul.list_white li a { width:155px; display:block; color:#FFFFFF; text-decoration:none} .bluebox_calender ul.list_white li a:hover { color:#FFFFFF; text-decoration: underline} .bluebox_calender ul.list_black { margin:0; padding:0; padding-bottom:15px} .bluebox_calender ul.list_black li { margin:0; padding:0; list-style:none; color:#636466; text-decoration:none; line-height:1.4em} .bluebox_calender ul.list_black li a { width:155px; display:block; color:#636466; text-decoration:none} .bluebox_calender ul.list_black li a:hover { color:#636466; text-decoration: underline} /* --------------------------------------------- 06.4 leftpanel - bluebox - signup --------------------------------------------- */ .bluebox_signup { width:175px; clear:both; float:left; display:inherit; background:url(/images/bg_left_signup.png) no-repeat 0px 8px} .bluebox_signup .signup { width:155px; float:left; background:url(/images/leftpanel_divider.png) no-repeat bottom; padding:10px} .bluebox_signup .text_inspiration { font-weight:bold; line-height:1.2em; font-style:italic; font-size:15px; text-align:center; padding-top:5px} .signup { width:175px; clear:both; float:left; display:inherit; background:url(/images/bg_left_signup.png) no-repeat 0px 8px} .text_inspiration { font-weight:bold; line-height:1.2em; font-style:italic; font-size:15px; text-align:center; padding-top:5px} /* --------------------------------------------- 07. middle panel --------------------------------------------- */ #middlepanel { width:525px; float:left; margin:0 7px; } #middlepanel ul {margin:10px 8px 10px 14px; padding:0px; list-style-type: disc; list-style-position: outside;} #middlepanel ul li {margin:12px 0px 0px 12px; padding:0px; line-height: 1.4em;} #middlepanel ol {margin:10px 8px 10px 14px; padding:0px; list-style-position: outside;} #middlepanel ol li {margin:0px 0px 0px 20px; padding:0px;} /* --------------------------------------------- 07.1 middle panel - banner --------------------------------------------- */ #banner {width:525px; height:220px; float:left; background:#FFFFFF url(/images/banner.jpg) no-repeat; padding-bottom:10px;} #banner h1 { color:#FFFFFF; font-size:25px; padding:60px 0 0 120px; } #banner h1 .italic {font-style:italic; padding-left:140px} /* --------------------------------------------- 07.2 middle panel - main content --------------------------------------------- */ #maincontent { width:505px; padding:10px; background:#fff; float:left; padding-bottom:20px } #maincontent p { padding-bottom:18px; font-size:13px; line-height:1.55em } #maincontent ul {padding-left:20px; padding-top:0px;padding-bottom:0; margin: 0;} #maincontent ul li {padding-top:0px;padding-bottom:0;margin-top:0;margin-bottom:0;} #maincontent .post {width: 505px; float:left; margin-bottom:20px; background:url(/images/main_content_divider.gif) no-repeat bottom; padding-bottom:10px} #maincontent .post ol { padding-left:20px;} #maincontent .post ol li {margin-bottom:10px;} #maincontent .post ol li ul { margin-left:20px; margin-bottom:10px; margin-top:10px;} #maincontent .post ol li ul li {list-style:disc;} #maincontent .post ul {padding-left:20px; margin-bottom:10px;} #maincontent .post ul li {margin-bottom:10px;} #maincontent .post a.readmore { font-size:10px; color:#636466; text-decoration:none; padding-top:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase} #maincontent .no_background { background:none!important;} #maincontent .post_yellow {width: 505px; float:left; margin-bottom:20px; background:url(/images/main_content_divider_yellow.gif) no-repeat bottom; padding-bottom:10px} #maincontent .post_yellow ol { padding-left:20px;} #maincontent .post_yellow ol li {margin-bottom:10px;} #maincontent .post_yellow ol li ul { margin-left:20px; margin-bottom:10px; margin-top:10px;} #maincontent .post_yellow ol li ul li {list-style:disc;} #maincontent .post_yellow ul {padding-left:20px; margin-bottom:10px;} #maincontent .post_yellow ul li {margin-bottom:10px;} #maincontent .post_brown {width: 505px; float:left; margin-bottom:20px; background:url(/images/main_content_divider_brown.gif) no-repeat bottom; padding-bottom:10px} #maincontent .post_brown ol { padding-left:20px;} #maincontent .post_brown ol li {margin-bottom:10px;} #maincontent .post_brown ol li ul { margin-left:20px; margin-bottom:10px; margin-top:10px;} #maincontent .post_brown ol li ul li {list-style:disc;} #maincontent .post_brown ul {padding-left:20px; margin-bottom:10px;} #maincontent .post_brown ul li {margin-bottom:10px;} #maincontent ul.share { width:505px; height:20px; margin:0; padding:10px 0 5px 0px; float:left; position:relative} #maincontent ul.share li { margin:0; padding:0; display:inline; font-size:13px; display:block; float:left; list-style:none; margin-right:3px; position:relative} #maincontent ul.share li a {font-size:11px; color:#333; text-decoration:none; display:block; float:left; height:15px; padding:0 0 0 20px; padding-top:2px;} #maincontent ul.share li a.delicious {background: url(/images/delicious.gif) left center no-repeat;} #maincontent ul.share li a.digg {background: url(/images/digg.gif) left center no-repeat;} #maincontent ul.share li a.myweb {background: url(/images/myweb.gif) left center no-repeat;} #maincontent ul.share li a.facebook {background: url(/images/facebook.gif) left center no-repeat;} #maincontent ul.share li a.linkedin {background: url(/images/linkedin.gif) left center no-repeat; margin-right:10px;} #maincontent ul.share li a.print {background: url(/images/print.gif) left center no-repeat; padding-left:15px; font-size:10px;} #maincontent ul.share li a.email {background: url(/images/email.gif) left center no-repeat; padding-left:15px; font-size:10px;} #maincontent ul.share li a.bookmark {background: url(/images/bookmark.gif) left center no-repeat; padding-left:15px; font-size:10px;} #maincontent a.readmore { font-size:10px; color:#636466; text-decoration:none; padding-top:5px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; float:left;} /* --------------------------------------------- 07.3 middle panel - footer --------------------------------------------- */ #middlepanel .footer {width:525px; background:url(/images/bg_footer_links.png) no-repeat bottom; padding:0 0 8px 0; float:left; font-family: Arial; text-align:center; text-transform:uppercase;} #middlepanel .footer ul { margin:0; padding:0;} #middlepanel .footer ul li {display:inline; position:relative; margin: 0px} #middlepanel .footer ul li a {color:#636466; text-decoration:none; font-size:8px; line-height:1em; padding:0 5px; border-right:1px solid #636466;} #middlepanel .footer p {text-align:center; font-size:8px; margin-top: 10px} #middlepanel .footer a:link, #middlepanel .footer a:visited {color:#636466; text-decoration:none;} #middlepanel .footer a:hover {color:#636466; text-decoration:underline;} #middlepanel .no_border {border:none!important;} /* --------------------------------------------- 08. right panel --------------------------------------------- */ #rightpanel { width:175px; float:right; background:url(/images/bg_right_content.gif) repeat-x; color:#fff; padding:10px 0 0 0; } #rightpanel h3 { font-size:16px; padding:0px 3px; margin-bottom:7px; line-height:1.4em; color:#FFFFFF; font-weight:normal; text-transform:uppercase; text-align:center; } #rightpanel h2 { font-size:13px; padding:0px; line-height:1.4em; color:#FFFFFF; font-weight:normal; text-transform:uppercase; text-align:center;} #rightpanel h3 .italic { font-style:italic; text-transform:none} #rightpanel a.readmore { font-size:10px; color:#fff; text-decoration:none; padding-top:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase} #rightpanel_yellow { width:175px; float:right; background:url(/images/bg_right_content_yellow.gif) repeat-x; color:#636466; padding:10px 0 0 0; } #rightpanel_yellow h3 { font-size:16px; padding:0px 3px; margin-bottom:7px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center; } #rightpanel_yellow h2 { font-size:13px; padding:0px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center;} #rightpanel_yellow h3 .italic { font-style:italic; text-transform:none} #rightpanel_yellow a.readmore { font-size:10px; text-decoration:none; padding-top:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase} #rightpanel_brown { width:175px; float:right; background:url(/images/bg_right_content_brown.gif) repeat-x; color:#fff; padding:10px 0 0 0; } #rightpanel_brown h3 { font-size:16px; padding:0px 3px; margin-bottom:7px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center; } #rightpanel_brown h2 { font-size:13px; padding:0px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center;} #rightpanel_brown h3 .italic { font-style:italic; text-transform:none} #rightpanel_brown a.readmore { font-size:10px; text-decoration:none; padding-top:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff;} #rightpanel_green { width:175px; float:right; background:url(/images/bg_right_content_green.gif) repeat-x; color:#fff; padding:0; } #rightpanel_green h3 { font-size:16px; padding:0px 3px; margin-bottom:7px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center; } #rightpanel_green h2 { font-size:13px; padding:0px; line-height:1.4em; font-weight:normal; text-transform:uppercase; text-align:center;} #rightpanel_green h3 .italic { font-style:italic; text-transform:none} #rightpanel_green a.readmore { font-size:10px; text-decoration:none; padding-top:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff;} /* --------------------------------------------- 08.1 right panel - get help --------------------------------------------- */ .gethelp {width:155px; float:left; background:#87b7dc url(/images/bg_comment_form.gif) repeat-x ; padding:10px;} .gethelp_yellow {width:155px; float:left; background:#f7e689 url(/images/bg_comment_form_yellow.gif) repeat-x ; padding:10px;} .gethelp_brown {width:155px; float:left; background:#e1d9bb url(/images/bg_comment_form_brown.gif) repeat-x ; padding:10px;} .gethelp_green {width:155px; float:left; background:#89b893 url(/images/bg_comment_form_green.gif) repeat-x ; padding:20px 10px 10px 10px;} .search { width:152px; background:url(/images/bg_search.gif) no-repeat; height:22px; float:left} .search fieldset { width:146px; float:left; margin:0; padding:3px; border:none; padding-bottom:0; padding-top:0;} .search .input { width:116px; height:12px; float:left; margin:0; padding:0; border:none; padding:1px; margin-top:2px;} .search a.button_go { width:23px; float: right; height:20px; background-position:0 0; background:url(/images/button_go.gif) no-repeat; margin-top:1px} .search a:hover.button_go {background-position:0 -19px;} a.button_gethelp { width:152px; float:left; height:75px; background-position:0 0; background:url(/images/button_gethelp.png) no-repeat; margin-top:1px} a:hover.button_gethelp {background-position:0 -64px;} /* .getintouch fieldset { width:152px; float:left; margin:0; padding:0; border:none} .bginput { width:146px; background:url(/images/bg_search.gif) no-repeat; height:22px; float:left; padding:3px; padding-top:0px; padding-bottom:0px; margin-bottom:5px} .getintouch .input { width:142px; float:left; margin:0; padding:0; border:none; padding:1px; margin-top:2px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; font-size:10px; padding-top:2px; color:#636466; } .bgtextarea { width:146px; background:url(/images/bg_textarea.gif) no-repeat; height:50px; float:left; padding:3px; padding-top:0px; padding-bottom:0px; margin-bottom:5px} .getintouch .textarea { width:142px; height:45px; float:left; margin:0; padding:0; border:none; padding:1px; margin-top:2px; font-family:arial, helvetica, sans-serif; text-transform: none; font-size:10px; padding-top:2px; color:#636466; } */ .getintouch { width:152px; float:left} .getintouch fieldset { width:152px; float:left; margin:0; padding:0; border:none} .getintouch fieldset .input-name { width:142px; float:left; margin:0; padding:0; border:none; padding:1px; margin-top:2px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; font-size:10px; padding-top:2px; color:#636466; } .getintouch .bginput { width:146px; background:url(/images/bg_search.gif) no-repeat; height:22px; float:left; padding:3px; padding-top:0px; padding-bottom:0px; margin-bottom:5px} .getintouch .getintouch .input { width:142px; float:left; margin:0; padding:0; border:none; padding:1px; margin-top:2px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; font-size:10px; padding-top:2px; color:#636466; } .bgtextarea { width:146px; background:url(/images/bg_textarea.gif) no-repeat; height:50px; float:left; padding:3px; padding-top:0px; padding-bottom:0px; margin-bottom:5px} .getintouch fieldset .input-name.required { color:#cc0000; background:#ffffcc;} .getintouch fieldset .input-email { width:142px; float:left; margin:0; padding:0; border:none; padding:1px; margin-top:2px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; font-size:10px; padding-top:2px; color:#636466; } .getintouch fieldset .input-email.required { color:#cc0000; background:#ffffcc;} .getintouch fieldset .textbox { width:142px; height:45px; float:left; margin:0; padding:0; border:none; padding:1px; margin-top:2px; font-family:arial, helvetica, sans-serif; text-transform: none; font-size:10px; padding-top:2px; color:#636466; } .getintouch fieldset .textbox.required { color:#cc0000; background:#ffffcc;} .getintouch fieldset a.button_submit { width:70px; float: right; height:17px; background-position:0 0; background:url(/images/button_submit.png) no-repeat; margin-top:1px; display:block;} .getintouch fieldset a:hover.button_submit {background-position:0 -18px;} ul.gethelp_list { width:152px; float:left; margin:0; padding:0; padding-top:10px;} ul.gethelp_list li {margin:0; padding:0; list-style:none; font-size:10px; line-height:1.4em} ul.gethelp_list li a { width:137px; display:block; color:inherit!important; text-decoration:none;} ul.gethelp_list li a:hover { color:#fff; text-decoration: underline;} .italic { font-style:italic} ul.gethelp_list_black { width:152px; float:left; margin:0; padding:0; padding-top:10px;} ul.gethelp_list_black li {margin:0; padding:0; list-style:none; font-size:10px; line-height:1.4em} ul.gethelp_list_black li a { width:137px; display:block; color:#636466; text-decoration:none;} ul.gethelp_list_black li a:hover { color:#636466; text-decoration: underline;} ul.gethelp_list_white { width:152px; float:left; margin:0; padding:0; padding-top:10px;} ul.gethelp_list_white li {margin:0; padding:0; list-style:none; font-size:10px; line-height:1.4em} ul.gethelp_list_white li a { width:137px; display:block; color:#fff; text-decoration:none;} ul.gethelp_list_white li a:hover { color:#fff; text-decoration: underline;} .instructions {color:#0077C0;} .instructions a:link, .instructions a:visited {color:#0077C0;} /* --------------------------------------------- 08.2 right panel - new arrival --------------------------------------------- */ .newarrival { width:170px; float:left; text-align:center; padding-right:5px; padding-bottom:10px; background:url(/images/leftpanel_divider.png) no-repeat bottom;} .newarrival p { text-align:center; line-height:1.4em;} .newarrival p a { color:#FFFFFF; text-decoration:none} /* --------------------------------------------- 08.3 right panel - family luncheon --------------------------------------------- */ .family_luncheon {width:175px; float:left; text-align:center; background:url(/images/leftpanel_divider.png) no-repeat bottom; padding-bottom:4px; margin-bottom:5px} .targeted_col {width:175px; float:left; text-align:center; background:url(/images/leftpanel_divider.png) no-repeat bottom; padding-bottom:10px; margin-bottom:5px;} .targeted_col p { text-align:center; line-height:1.4em; margin-left:5px; margin-right:5px;} .targeted_col p a { color:#FFFFFF; text-decoration:none} .targeted_col.brown {background:url(/images/leftpanel_divider_brown.png) no-repeat bottom;} .targeted_col.yellow {background:url(/images/leftpanel_divider_yellow.png) no-repeat bottom;} .targeted_col.green {background:url(/images/leftpanel_divider_green.png) no-repeat bottom;} /* --------------------------------------------- 08.4 right panel - booklecture --------------------------------------------- */ .booklecture {width:170px; float:left; text-align:center; background:url(/images/leftpanel_divider.png) no-repeat bottom; padding-bottom:4px; padding-right:5px} .booklecture p { text-align:center; line-height:1.1em;} .booklecture p a { color:#FFFFFF; text-decoration:none} /* --------------------------------------------- 08.5 right panel - success story --------------------------------------------- */ .success_story {width:145px; float:left; text-align:center; background:url(/images/leftpanel_divider.png) no-repeat bottom; padding:10px 15px;} .success_story p { text-align: left; line-height:1.5em;} /* --------------------------------------------- 08.6 right panel - naatp --------------------------------------------- */ .naatp {width:145px; float:left; text-align:center; padding:10px 15px;} /* --------------------------------------------- 10. innerpage styles - left nav --------------------------------------------- */ .left_nav { width:175px; float:left; background:url(/images/leftpanel_divider.png) no-repeat bottom; padding:10px 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;} .left_nav_yellow { width:175px; float:left; background:url(/images/leftpanel_divider_yellow.png) no-repeat bottom; padding:10px 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;} .left_nav_brown { width:175px; float:left; background:url(/images/leftpanel_divider_brown.png) no-repeat bottom; padding:10px 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;} .left_nav_green { width:175px; float:left; background:url(/images/leftpanel_divider_green.png) no-repeat bottom; padding:10px 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;} ul.left-nav { text-transform:uppercase;} ul.left-nav li {list-style:none;} ul.left-nav li a { display:block; width:160px; color:#fff; text-decoration:none; padding:3px 5px 3px 10px; line-height:1.2em;} ul.left-nav li a:hover {background:url(/images/bg_left_nav_hover.png) center no-repeat; color:white;} ul.left-nav li a.selected {background:url(/images/bg_left_nav_hover.png) center no-repeat; color:white;} ul.left-nav_yellow { text-transform:uppercase;} ul.left-nav_yellow li {list-style:none;} ul.left-nav_yellow li a { display:block; width:160px; color:#636466; text-decoration:none; padding:3px 5px 3px 10px; line-height:1.2em;} ul.left-nav_yellow li a:hover {background:url(/images/bg_left_nav_hover_yellow.png) center no-repeat; color:white;} ul.left-nav_yellow li a.selected {background:url(/images/bg_left_nav_hover_yellow.png) center no-repeat; color:white;} ul.left-nav_brown { text-transform:uppercase;} ul.left-nav_brown li {list-style:none;} ul.left-nav_brown li a { display:block; width:160px; color:#fff; text-decoration:none; padding:3px 5px 3px 10px; line-height:1.2em;} ul.left-nav_brown li a:hover {background:url(/images/bg_left_nav_hover_brown.png) center no-repeat; color:white;} ul.left-nav_brown li a.selected {background:url(/images/bg_left_nav_hover_brown.png) center no-repeat; color:white;} ul.left-nav_green { text-transform:uppercase;} ul.left-nav_green li {list-style:none;} ul.left-nav_green li a { display:block; width:160px; color:#fff; text-decoration:none; padding:3px 5px 3px 10px; line-height:1.2em;} ul.left-nav_green li a:hover {background:url(/images/bg_left_nav_hover_green.png) center no-repeat; color:white;} ul.left-nav_green li a.selected {background:url(/images/bg_left_nav_hover_green.png) center no-repeat; color:white;} ul.left-nav_white { text-transform:uppercase;} ul.left-nav_white li {list-style:none;} ul.left-nav_white li a { display:block; width:160px; color:#fff; text-decoration:none; padding:3px 5px 3px 10px; line-height:1.2em;} ul.left-nav_white li a:hover {background:url(/images/bg_left_nav_hover.png) center no-repeat; color:white;} ul.left-nav_white li a.selected {background:url(/images/bg_left_nav_hover.png) center no-repeat; color:white;} ul.left-nav_black { text-transform:uppercase;} ul.left-nav_black li {list-style:none;} ul.left-nav_black li a { display:block; width:160px; color:#636466; text-decoration:none; padding:3px 5px 3px 10px; line-height:1.2em;} ul.left-nav_black li a:hover {background:url(/images/bg_left_nav_hover.png) center no-repeat; color:white;} ul.left-nav_black li a.selected {background:url(/images/bg_left_nav_hover.png) center no-repeat; color:white;} /* --------------------------------------------- 11. innerpage styles - middle sub nav --------------------------------------------- */ #subnav {width:525px; padding:0px 0 5px 0; font-family:Arial, Helvetica, sans-serif;} #subnav ul { list-style:none; margin:0px; padding:0px} #subnav ul li { display:inline; background: url(/images/divider_subnav.gif) no-repeat right center; font-size:10px; font-weight: normal; color:#666666; padding-left:2px; padding-right:6px; text-transform:uppercase} #subnav ul li.bgnone { background:none;} #subnav ul li a:link, #subnav ul li a:visited { text-decoration:none; color:#636466} #subnav ul li a:hover { text-decoration: underline; color:#636466} #subnav ul li a.selected { text-decoration:none; color:#636466} #subnav .pathlink { padding-right:2px; font-size:10px; font-weight: normal; color:#666666; text-transform:uppercase; text-decoration:none; } /* --------------------------------------------- 12. innerpage styles - content images --------------------------------------------- */ .float_left-img {float:left; margin-left:-10px; margin-top:-10px; padding-right:15px;} .float_left-img img {padding-bottom:10px;} .float_right-img {float:right; padding-left:15px; width:auto; margin-right:-10px;} .float_right-img img {padding-bottom:10px;} /* --------------------------------------------- 13. innerpage styles - women's eecovery page --------------------------------------------- */ .women_issue {float:right; margin-left:15px; width:230px; background:#f0cc01;} .women_issue h2 {text-align:center;} .women_issue img {margin-bottom:10px; float:left;} .women_issue p {padding:0 15px; width:200px; line-height:1.2em!important; padding-bottom:0!important; text-align:center; font-size:14px!important; margin-bottom:10px;float:left;} .women_issue a.women_click-more {background:url(/images/bg_click_formore_women.gif) right top no-repeat #fff; display:block; width:175px; height:35px; clear:both; float:left; padding:5px 50px 5px 5px; color:#636466; text-transform:uppercase; text-decoration:none; font-size:11px; } /* --------------------------------------------- 14. innerpage styles - men's eecovery page --------------------------------------------- */ .man_issue {width:230px; float:right; margin-left:15px; display:inline; background:#0077c0; color:#fff;} .man_issue h2 {text-align:center;} .man_issue img {margin-bottom:10px; float:left;} .man_issue p { width:200px; padding:0 15px;line-height:1.2em!important; padding-bottom:0!important; text-align:center; font-size:14px!important; margin-bottom:10px;float:left;} .man_issue a.man_click-more {background:url(/images/bg_click_formore_man.gif) right top no-repeat #fff; display:block; width:175px; height:35px; clear:both; float:left; padding:5px 50px 5px 5px; color:#636466; text-transform:uppercase; text-decoration:none; font-size:11px; } /* --------------------------------------------- 15. innerpage styles - older adults page --------------------------------------------- */ .older-adults_issue {float:right; margin-left:15px; width:230px; display:inline; background:#c4b479; overflow:hidden; color:#fff;} .older-adults_issue h2 {text-align:center;} .older-adults_issue img {margin-bottom:10px; float:left;} .older-adults_issue p {padding:0 15px; width:200px; line-height:1.2em!important; padding-bottom:0!important; text-align:center; font-size:14px!important; margin-bottom:10px;float:left;} .older-adults_issue a.older-adults_click-more {background:url(/images/bg_click_formore_older.gif) right top no-repeat #fff; display:block; width:175px; height:35px; clear:both; float:left; padding:5px 50px 5px 5px; color:#636466; text-transform:uppercase; text-decoration:none; font-size:11px; } /* --------------------------------------------- 16. innerpage styles - out patient page --------------------------------------------- */ .comfortable_treatment {float:right; margin-left:15px; width:230px; display:inline; background:#338445; overflow:hidden; color:#fff;} .comfortable_treatment h2 {text-align:center;} .comfortable_treatment img {margin-bottom:10px; float:left;} .comfortable_treatment p {padding:0 15px; width:200px; line-height:1.2em!important; padding-bottom:0!important; text-align:center; font-size:14px!important; margin-bottom:10px;float:left;} .comfortable_treatment a.comfortable_treatment_click-more {background:url(/images/bg_click_formore_comfortable_treatment.gif) right top no-repeat #fff; display:block; width:175px; height:35px; clear:both; float:left; padding:5px 50px 5px 5px; color:#636466; text-transform:uppercase; text-decoration:none; font-size:11px; } /* --------------------------------------------- 17. miscellaneous styles --------------------------------------------- */ .divider_middlepanel {width:505px; height:7px; background:url(/images/main_content_divider.gif) no-repeat; margin-bottom:20px; clear:both; float:left;} .divider_rightpanel {width:175px; height:7px; background:url(/images/leftpanel_divider.png) no-repeat; margin-bottom:10px; clear:both; float:left; margin-top:-3px; position:relative;} .divider_rightpanel_yellow {width:175px; height:7px; background:url(/images/leftpanel_divider_yellow.png) no-repeat; margin-bottom:10px; clear:both; float:left; margin-top:-3px; position:relative;} .divider_rightpanel_brown {width:175px; height:7px; background:url(/images/leftpanel_divider_brown.png) no-repeat; margin-bottom:10px; clear:both; float:left; margin-top:-3px; position:relative;} .divider_rightpanel_green {width:175px; height:7px; background:url(/images/leftpanel_divider_green.png) no-repeat; margin-bottom:10px; clear:both; float:left; margin-top:-3px; position:relative;} /* --------------------------------------------- 18. search results --------------------------------------------- */ #searchresults { width:100%; float:left; margin-top:} #searchresults h1 .textsmall { font-size:12px; padding-left:10px; font-weight:normal} /* --------------------------------------------- 18.1 search results - pagination --------------------------------------------- */ #searchresults h6 { font-size:12px; font-weight:normal;margin:0; padding:0; border:none} #searchresults h6 a { text-decoration: underline; padding-left:3px; padding-right:3px; font-weight:bold} #searchresults h6 .selected { text-decoration: none; padding-left:3px; padding-right:3px; font-weight:bold} #searchresults .pagination { width:495px; padding-left:5px; padding-right:5px; float:left; padding-bottom:25px; margin-top:12px;} #searchresults .pagination .previous { width:77px; float:left} #searchresults .pagination .numbers { width:331px; float:left; text-align:center} #searchresults .pagination .next { width:77px; float: right; text-align:right;} #searchresults .events { width:495px; float:left; border-bottom:1px solid #99C1E6; padding-bottom:15px; margin-bottom:15px;} #searchresults h3 { font-size:13px; margin-bottom:4px; font-weight:bold; text-transform:none; } #searchresults .photo { width: auto; float:left; border:4px solid #B4CDDA} #searchresults .details { width:331px; float: left; padding-left:15px} #searchresults .details p { padding-bottom:15px; font-size:12px; line-height:1.4em} #searchresults .details p a { font-weight:bold} /* --------------------------------------------- 18.2 photo gallery --------------------------------------------- */ #portfolio { width:505px; float:left; padding-bottom:30px; text-align:center; margin-top:30px;} #portfolio .screenshot { width:505px; float:left; text-align:center;} #portfolio .navbar { width:485px; height:12px; float:left; background:#0077C0; margin-top:15px; padding:6px 10px } #portfolio .link_back { float:left; color:#fff; font-size:10px; padding-bottom:10px} #portfolio .link_back a {background:url(/images/arrow_white_left.gif) no-repeat center left; padding-left:14px; color:#fff; text-decoration:none} #portfolio .link_next { float: right; color:#fff; font-size:10px; padding-bottom:10px} #portfolio .link_next a {background:url(/images/arrow_white_right.gif) no-repeat center right; padding-right:14px; color:#fff; text-decoration:none} #information { width:140px; float: right; margin-top:45px} #information h3 { font-size:15px; color:#666666; font-weight:normal; padding-bottom:20px} #information p { color:#666666; font-weight:normal} #information p a {font-weight: bold} #information p a:hover { text-decoration:none}