form fieldset { padding: 20px 10px 15px 10px; border: 2px solid #DDD; } form legend { padding: 5px; font-weight: bold; color: #000; } form label, form input, form textarea, form select { margin-bottom: 5px; margin-right: 5px; vertical-align: middle; } form label { float: left; text-align: right; width: 190px; padding-right: 20px; } form .group .group_elements { float: left; width: 300px; } form .group .group_elements .element { display: inline; } form .group_elements .element label, form .group_elements .element div.title { float: left; margin: 0px; padding-right: 10px; width: auto; text-align: left; } form .group br { clear: left; } form .element { clear: left; } form .element br { clear: left; } form .element em { font-weight: bold; font-style: normal; } form .radio, form .checkbox { float: left; margin-right: 7px; } form .error { color: #CC3300; padding: 3px; margin-left: 213px; } * { margin: 0; padding: 0; } html { background: #9ea480 url(../../img/content-back.png) 50% top repeat-y; } body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; background: url(../../img/header.jpg) 50% top no-repeat; } /* ------ Container ----- */ #container { background: url(../../img/menu-back.jpg) 50% 233px no-repeat; } #inner-container { margin: 0 auto; width: 950px; } /* ----- Header ----- */ #header { height: 160px; } /* ----- Menu ----- */ #menu { float: left; margin: 20px 0; width: 230px; font-family: "Trebuchet MS", Verdana, sans-serif; text-align: right; } #menu #text-size { margin-right: 30px; } #menu #text-size img { cursor: pointer; vertical-align: middle; } #menu #text-size img.maxed { visibility: hidden; } #menu ul { margin: 25px 0 0 0; padding-right: 25px; color: #546216; list-style: none; } #menu ul li { padding: 7px 0; } #menu ul li.active { font-weight: bold; } #menu ul li a { color: #546216; text-decoration: none; } #menu ul li a:hover { color: #8ea138; } #menu ul ul { padding: 0; display: none; } #menu ul ul li { line-height: 1.4em; } #menu ul li.active ul { display: block; margin-top: 0px; } #menu ul li.active ul li { padding: 2px 0; font-size: 0.8em; font-weight: normal; } #menu ul li.active ul li a { color: #000; } #menu ul li.active ul li a:hover { color: #8ea138; } #menu ul li.active ul li.active a { color: #546216; } #menu img { border: 0; } .giving-opportunities-button { margin: 7px 15px 7px 0; } #menu-logos { float: right; width: 193px; height: 43px; background: url(../../img/menu-logos.png) no-repeat; } #menu-logos-aahsa { display: block; float: left; width: 53px; height: 43px; } #menu-logos-ccac { display: block; float: left; width: 45px; height: 43px; } #menu-logos-panpha { display: block; float: left; width: 52px; height: 43px; } /* ----- Content ----- */ #content { position: relative; float: right; margin: 50px 0; padding-right: 30px; width: 660px; color: #231f20; } h1, h2, h3, h4 { color: #546216; font-family: "Times New Roman", Times, serif; } h1 { font-size: 2.1em; margin-bottom: 10px; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; font-style: italic; } h4 { font-size: 1.2em; } h5 { color: #546216; font-size: 1em; line-height: 1.4em; } a { color: #86692e; } a:hover { color: #b48956; text-decoration: none; } p { margin: 15px 0; line-height: 1.4em; } ul, ol { margin: 20px 0 20px 60px; } ul li, ol li { padding: 6px 0; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } dl { margin: 30px 0; } dl dt { font-weight: bold; margin-bottom: 6px; } img.right { float: right; margin: 0 0 10px 20px; padding: 1px; border: 1px solid #bbb; } img.left { float: left; margin: 0 20px 10px 0; padding: 1px; border: 1px solid #bbb; } div.center { text-align: center; } div.center img { margin: 15px 0; padding: 1px; border: 1px solid #bbb; } #body .clear { clear: both; } /* ----- Footer ----- */ #footer { clear: both; margin-top: 40px; padding-top: 20px; font-size: 0.8em; text-align: center; line-height: 1.7em; border-top: 1px solid #798543; } /* ----- Slideshow ----- */ #slideshow { position: absolute; top: -50px; right: 30px; } #slideshow img { display: block; margin-bottom: 15px; border: 2px solid #ccc; } #slideshow-spacer { float: right; height: 435px; width: 220px; } #slideshow div { position: absolute; right: 0px; width: 203px; height: 132px; } #slideshow #slide-1 { top: 0; } #slideshow #slide-2 { top: 150px; } #slideshow #slide-3 { top: 300px; } /* ----- Popup ----- */ .popup { display: none; position: absolute; top: 100px; width: 602px; z-index: 11; } .popup-top { width: 602px; height: 47px; background: url(../../img/popup-top.png) no-repeat; } .popup-bottom { width: 602px; height: 24px; background: url(../../img/popup-bottom.png) no-repeat; } .popup-content-outer { background: #b4bc93; padding: 0 31px 0 27px; } .popup-content-top { width: 544px; height: 18px; background: url(../../img/popup-content-top.png) no-repeat; } .popup-content { padding: 18px; background: url(../../img/popup-content-back.png) repeat-y; } .popup-content-bottom { clear: both; width: 544px; height: 9px; background: url(../../img/popup-content-bottom.png) no-repeat; } .popup-close { position: absolute; top: 5px; right: 27px; width: 65px; height: 35px; cursor: pointer; } #popup-background { position: absolute; background-color: #000; z-index: 10; } /* ----- Tobacco Popup ----- */ #tobacco-popup img { float: right; margin: 0 0 10px 10px; } /* ----- Column ----- */ .column { float: left; width: 48%; margin: 0 1%; } /* ----- Highlighted Box ----- */ .highlighted-box { position: relative; display: block; margin: 7px 5px; padding: 5px 10px; background: #a8b089; color: #fff; font-family: Verdana, sans-serif; font-weight: bold; text-align: center; line-height: 1.4em; text-shadow: #636b44 2px 2px 2px; text-decoration: none; } .column .highlighted-box { margin: 7px 0; } .highlighted-box:hover { color: #e2e8ca; } .highlighted-box .top-left, .highlighted-box .top-right, .highlighted-box .bottom-left, .highlighted-box .bottom-right { position: absolute; display: block; width: 9px; height: 9px; } .highlighted-box .top-left { left: 0; top: 0; background: url(../../img/highlighted-box.png) no-repeat; } .highlighted-box .top-right { right: 0; top: 0; background: url(../../img/highlighted-box.png) -9px 0 no-repeat; } .highlighted-box .bottom-left { left: 0; bottom: 0; background: url(../../img/highlighted-box.png) 0 -9px no-repeat; } .highlighted-box .bottom-right { right: 0; bottom: 0; background: url(../../img/highlighted-box.png) -9px -9px no-repeat; } .highlighted-box .arrow { display: -moz-inline-stack; display: inline-block; margin-left: 5px; width: 14px; height: 17px; vertical-align: bottom; background: url(../../img/highlighted-box.png) -19px 0 no-repeat; } /* ----- Video ----- */ .video-thumbnail { padding: 1px; border: 1px solid #bbb; } /* ----- Forms ----- */ form .checkbox { margin-top: 5px; } form .radio { margin-top: 3px; } /* ----- Index ----- */ #index-index { background-image: url(../../img/index-header.jpg); } #index-index #container { background-position: 50% 454px; } #index-index #header { height: 370px; } #index-index .video-thumbnail { margin-top: 7px; } /* ----- Independent Living Sub Menu ----- */ .independent-sub-menu { margin: 15px 0; text-align: center; } .independent-sub-menu ul { margin: 0; list-style: none; } .independent-sub-menu ul li { display: inline; padding: 0 15px; border-right: 1px solid #6b753b; } .independent-sub-menu ul li.last { border: none; } .independent-sub-menu ul li a { color: #fff; text-decoration: none; } .independent-sub-menu ul li a:hover { color: #e2e8ca; } .independent-sub-menu ul li.active a { color: #f0fbbe; } /* ----- Location ----- */ #location-index .location-container { padding: 20px 0; height: 200px; display: none; } #location-index #location-homestead { display: block; } #location-index .location-container img { float: left; margin: 0 15px 0 0; padding: 1px; border: 1px solid #bbb; } #location-index .location-container p { margin-left: 255px; font-size: 0.9em; } #location-index img { border: 0; } /* ----- Directions ----- */ #location-directions ul li p { display: none; } /* ----- Dining Services ----- */ #services-dining .cura-logo { text-align: center; } #services-dining .cura-logo img { border: none; } /* ----- Newsletter ----- */ #newsletters-index .acrobat-download img { float: left; width: 57px; border: none; } #newsletters-index .highlighted-box { height: 65px; } #newsletters-archive .newsletter { float: left; margin-bottom: 40px; width: 130px; text-align: center; } #newsletters-archive .newsletter img { border: none; } /* ----- Volunteer & Aux ----- */ #volunteer-index #volunteer_form .textarea { width: 200px; height: 100px; } /* ----- Contact Form ----- */ #contact_form #comments { width: 300px; height: 100px; } /* ----- Gallery ------ */ #gallery-index .img { float: left; margin: 20px 5px; width: 150px; height: 150px; text-align: center; } #gallery-index .img img { padding: 1px; border: 1px solid #b0b890; } #gallery-index .img img:hover { border: 1px solid #777; } #gallery-enlarged { position: absolute; padding: 10px 10px 10px 10px; width: 300px; height: 100px; background-color: #fff; text-align: center; z-index: 5; font-weight: bold; color: #555; } #gallery-enlarged-img { margin: 20 auto; clear: both; display: block; padding-bottom: 35px; background-color: #fff; padding: 10px; } #gallery-loading { font-weight: normal; font-style: italic; } #gallery-loading img { margin: 0 auto; clear: both; display: block; } #gallery-close { margin: 0 10px 10px 0; float: right; cursor: pointer; font-family: "Trebuchet MS", Verdana, sans-serif; } #gallery-close:hover { color: #000; } #gallery-background { position: absolute; background-color: #000; z-index: 4; }