/* layout.css This document contains elements that are used on every page and are *not* page specific. They contain basic style elements as well as host of positioning elements. **warning**: changing styles in this stylesheet may effect ALL pages */ /* HTML elements */ body { font-size: 62.5%; background: #cfc5b8 url(/images/bg_body.gif) top repeat-x; } h1 { font: normal 1.5em Georgia; color: #44546d; } h6 { font-size: 10px; margin-bottom: 10px; color: #947B67} h6 a { font-size: 10px; color: #947B67} img { border: 0px; } .top h1 { margin-bottom: 5px; } .btm h1 { margin: 0px -4px; } h1 span { padding-left: 15px; display: block; height: 44px; line-height: 44px; position: relative} h1.beige { background: url(/images/titles/bg_beige_left.jpg) top left no-repeat; } h1.beige span { background: url(/images/titles/bg_beige_right.jpg) top right no-repeat; } h1.beige2 { background: url(/images/titles/bg_beige2_left.jpg) top left no-repeat; } h1.beige2 span { background: url(/images/titles/bg_beige2_right.jpg) top right no-repeat; } h1.yellow { background: url(/images/titles/bg_yellow_left.jpg) top left no-repeat; } h1.yellow span { background: url(/images/titles/bg_yellow_right.jpg) top right no-repeat; } h1.yellow2 { background: url(/images/titles/bg_yellow2_left.jpg) top left no-repeat; } h1.yellow2 span { background: url(/images/titles/bg_yellow2_right.jpg) top right no-repeat; } p { line-height: 1.3em; margin-bottom: 5px; } .p_r { text-align: right; } .nomarg { margin: 0px; } a { color: #000; } a:hover { color: #4D627F} strong { font-weight: bold; } .fleft { float: left; margin-right: 5px; } .fleft10 { float: left; margin-right: 10px; } .fleft15 { float: left; margin-right: 15px; } .fleft20 { float: left; margin-right: 20px; } .fright { float: right; margin-left: 15px; } ul.list { list-style: disc; margin-left: 25px } ul.list li { margin-bottom: 5px; line-height: 1.5em; } span.caption { font-size: .8em; color: #666; display: block; text-align: right; margin-top: 0px; position: relative; margin-bottom: 5px;} #url { text-align: center; margin-top: 8px; } #container { margin: 0px auto; width: 771px; font: normal 1.2em arial; color: #000; padding-bottom: 150px } /* Top Area */ #top { height: 190px; background: url(/images/nav/2013/bg_top.png) no-repeat; position: relative; z-index:1000} #top .homelink { position: absolute; top: 25px; left: 150px; height: 35px; width: 475px; } #top .facebook { position: absolute; top: 25px; right: 35px; z-index: 10;} #top ul { position: absolute; top:92px; left: 5px; } #top li { float: left; margin-right: 2px; display: inline; } #top li span { display: none; } #top li a { height: 71px; display: block; } #top li li a { height: 27px; } #top ul ul { display: none; background: #4c627f; } #top #subnav_1 { height: 54px; width: 280px; left: 110px; top: 42px; } #top #subnav_3 { height: 28px; width: 204px; left: 242px; top: 42px; } #top #subnav_4 { height: 28px; width: 142px; left: 490px; top: 42px; } #top ul ul li { clear: both; background:#6f7e91; } #top li:hover ul, #top li.sfhover ul { display: block; } .pg_homepage #top li.home a.t1, .pg_homepage #top li.home a.t1:hover { background: url(/images/nav/2013/btn_Home_u.png) no-repeat; width: 108px; } .pg_about #top li.about a.t1 { background: url(/images/nav/2013/btn_AboutSCHS_u.png) no-repeat; width: 131px; } .pg_museum #top li.museum a.t1 { background: url(/images/nav/2013/btn_AboutMuseum_u.png) no-repeat; width: 154px; } .pg_news #top li.news a.t1 { background: url(/images/nav/2013/btn_News_u.png) no-repeat; width: 77px; } .pg_contact #top li.contact a.t1, .pg_contact #top li.contact a.t1:hover { background: url(/images/nav/2013/btn_Contact_u.png) no-repeat; width: 128px; } .pg_imagegallery #top li.imagegallery a.t1 { background: url(/images/nav/2013/btn_Gallery_u.png) no-repeat; width: 154px; } #top li.home a.t1 { background: url(/images/nav/2013/btn_Home_d.png) no-repeat; width: 108px; } #top li.home a.t1:hover { background: url(/images/nav/2013/btn_Home_h.png) no-repeat; width: 108px; } #top li.about a.t1 { background: url(/images/nav/2013/btn_AboutSCHS_d.png) no-repeat; width: 131px; } #top li.membership a { background: url(/images/nav/btn_Membership_d.jpg) no-repeat; width: 279px;} #top li.volunteer a { background: url(/images/nav/btn_Volunteer_d.jpg) no-repeat; width: 279px;} #top li.about:hover a.t1, #top li.about a.t1:hover { background: url(/images/nav/2013/btn_AboutSCHS_h.png) no-repeat; width: 131px; } #top li.membership a:hover { background: url(/images/nav/btn_Membership_h.jpg) no-repeat; width: 279px;} #top li.volunteer a:hover { background: url(/images/nav/btn_Volunteer_h.jpg) no-repeat; width: 279px;} #top li.board a:hover { background: url(/images/nav/btn_Board_h.jpg) no-repeat; width: 279px; } #top li.museum a.t1 { background: url(/images/nav/2013/btn_AboutMuseum_d.png) no-repeat; width: 154px; } #top li.exhibits a { background: url(/images/nav/btn_Exhibits_d.jpg) no-repeat; width: 203px; } #top li.museum:hover a.t1, #top li.museum a.t1:hover { background: url(/images/nav/2013/btn_AboutMuseum_h.png) no-repeat; width: 154px; } #top li.exhibits a:hover { background: url(/images/nav/btn_Exhibits_h.jpg) no-repeat; width: 203px; } #top li.imagegallery a.t1 { background: url(/images/nav/2013/btn_Gallery_d.png) no-repeat; width: 154px; } #top li.imagegallery a.t1:hover { background: url(/images/nav/2013/btn_Gallery_h.png) no-repeat; width: 154px; } #top li.news a.t1 { background: url(/images/nav/2013/btn_News_d.png) no-repeat; width: 77px; } #top li.newsletters a { background: url(/images/nav/btn_Newsletters_d.jpg) no-repeat; width: 142px; } #top li.news:hover a.t1, #top li.news a.t1:hover { background: url(/images/nav/2013/btn_News_h.png) no-repeat; width: 77px; } #top li.newsletters a:hover { background: url(/images/nav/btn_Newsletters_h.jpg) no-repeat; width: 142px; } #top li.contact a.t1 { background: url(/images/nav/2013/btn_Contact_d.png) no-repeat; width: 128px;} #top li.contact a.t1:hover { background: url(/images/nav/2013/btn_Contact_h.png) no-repeat; width: 128px; } /* Mid Area */ #mid { float: left; width: 771px; background: url(/images/bg_mid.jpg) repeat-y; position: relative; z-index: 500} #mid .top { float: left; width: 723px; padding: 10px 24px; position: relative; } #mid .spacer { float: left; width: 759px; height: 7px; margin: 0px 6px; display: inline; background: url(/images/bg_spacer.gif) no-repeat; line-height: 7px; font-size: 7px; } #mid .btm { float: left; width: 723px; background: #cfc5b8; padding: 5px 18px 10px; margin: 0px 6px; display: inline } /* Btm Area */ #btm { clear: left; width: 739px; padding: 21px 16px 0px; height: 66px; background: url(/images/bg_btm.jpg) no-repeat; color: #ddc3af; font-size: .9em;} #btm a { color: #ddc3af; } #btm a:hover { color: #f5d8c2; } #btm .left { float: left; line-height: 1.4em} #btm .right { float: right; line-height: 1.4em}