/* ---------------------------------------------------------------------------------------------------------------- Hello and welcome to the Shears Green Junior School CSS Now, Why are you here? Email me: ben@goocreative.co.uk ----------------------------------------------------------------------------------------------------------------- */ html { margin:0; padding:0; color: #fff; } body { margin:0; padding:0; font-family:Verdana,Arial,Helvetica,sans-serif; background: #06325e url(../img/browserbg.jpg) top center repeat-x fixed; } ul { list-style:none; padding:0; margin:0; } li { margin:0; padding:0; } p { padding:0; margin:0; } h1 { padding:0; margin:0; } h2 { padding:0; margin:0; } h3 { padding:0; margin:0; } h4 { padding:0; margin:0; } h5 { padding:0; margin:0; } a { outline:none; } #container { width:946px; margin:0 auto; overflow: hidden;} /* Header ------------------------------------ */ #header { width:946px; height:35px; margin:25px auto 0px auto; padding:100px 0 0 0; overflow: hidden; background: url(../img/header.jpg) top left no-repeat; } #globalnav { width:946px; height:35px; margin:0; padding:0 0 0 23px; } #globalnav ul { list-style: none; padding:0; margin:0;} #globalnav li { display: inline; float:left; padding:0; margin:0;} #globalnav #gnav-home a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:80px; height:36px; background: url(../img/nav.jpg) -23px -36px no-repeat; } #globalnav #gnav-home a:hover { text-indent: -5000px; display:block; float:left; text-decoration: none; width:80px; height:36px; background: url(../img/nav.jpg) -23px -72px no-repeat; } #globalnav #gnav-home-selected a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:80px; height:36px; background: url(../img/nav.jpg) -23px 0px no-repeat; } #globalnav #gnav-about a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:174px; height:36px; background: url(../img/nav.jpg) -104px -36px no-repeat; } #globalnav #gnav-about a:hover { text-indent: -5000px; display:block; float:left; text-decoration: none; width:174px; height:36px; background: url(../img/nav.jpg) -104px -72px no-repeat; } #globalnav #gnav-about-selected a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:174px; height:36px; background: url(../img/nav.jpg) -104px 0px no-repeat; } #globalnav #gnav-events a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:156px; height:36px; background: url(../img/nav.jpg) -278px -36px no-repeat; } #globalnav #gnav-events a:hover { text-indent: -5000px; display:block; float:left; text-decoration: none; width:156px; height:36px; background: url(../img/nav.jpg) -278px -72px no-repeat; } #globalnav #gnav-events-selected a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:156px; height:36px; background: url(../img/nav.jpg) -278px 0px no-repeat; } #globalnav #gnav-prospectus a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:141px; height:36px; background: url(../img/nav.jpg) -434px -36px no-repeat; } #globalnav #gnav-prospectus a:hover { text-indent: -5000px; display:block; float:left; text-decoration: none; width:141px; height:36px; background: url(../img/nav.jpg) -434px -72px no-repeat; } #globalnav #gnav-prospectus-selected a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:141px; height:36px; background: url(../img/nav.jpg) -434px 0px no-repeat; } #globalnav #gnav-news a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:132px; height:36px; background: url(../img/nav.jpg) -575px -36px no-repeat; } #globalnav #gnav-news a:hover { text-indent: -5000px; display:block; float:left; text-decoration: none; width:132px; height:36px; background: url(../img/nav.jpg) -575px -72px no-repeat; } #globalnav #gnav-news-selected a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:132px; height:36px; background: url(../img/nav.jpg) -575px 0px no-repeat; } #globalnav #gnav-contact a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:135px; height:36px; background: url(../img/nav.jpg) -707px -36px no-repeat; } #globalnav #gnav-contact a:hover { text-indent: -5000px; display:block; float:left; text-decoration: none; width:135px; height:36px; background: url(../img/nav.jpg) -707px -72px no-repeat; } #globalnav #gnav-contact-selected a { text-indent: -5000px; display:block; float:left; text-decoration: none; width:135px; height:36px; background: url(../img/nav.jpg) -707px 0px no-repeat; } /* Main Content ------------------------------------ */ #main { width:946px; height:auto; background: #fff; padding: 0; margin: 0; overflow: hidden; } /* Welcome Page ------------------------------------ */ #main #slideshow { width:946px; height:424px; background: #fff; padding: 0; margin: 0; } #main #slideshow img { width:946px; height:424px; } #main #features { width:946px; height:325px; background: url(../img/orangebg.jpg) top left no-repeat #c60; padding:0; margin:-2px 0 0 0; } #main #features .schoolnews { width:292px; float:left; margin:22px 12px 0 23px; padding:0; font-size: 0.8em; } #main #features .schoolnews h2 { text-indent: -5000px; display:block; background: url(../img/featuretitle_news.jpg) top left no-repeat; margin:0 0 5px 0; padding:0; height:28px; width:217px; } #main #features .schoolnews ul { margin:0; padding:0; list-style: none; } #main #features .schoolnews li { margin:0 0 5px 0; padding:8px 5px 0px 0; background: url(../img/findoutmore_bg.gif) -4px -36px no-repeat; } #main #features .schoolnews li:hover{ margin:0 0 5px 0; padding:8px 5px 0px 0; background: url(../img/findoutmore_bg.gif) -4px 20px no-repeat; } #main #features .schoolnews li a { width:292px; height:40px; display:block;} #main #features .schoolnews a.date { color:#fff; text-decoration: none; } #main #features .schoolnews a:hover { color:#fff; text-decoration: none; } #main #features .schoolnews .title { color:#ffce9e; text-decoration: none; clear:both; } #main #features .schoolnews .morenews { color:#ebebeb; text-decoration: none; font-size: 0.9em; padding: 10px 0 15px 0; display: block;} #main #features .schoolnews .morenews a:hover { color:#fff; text-decoration: none; font-size: 0.9em; padding: 5px 0 15px 0; } #main #features .upcomingevents { width:296px; float:left; margin:22px 0 0 0; padding:0; font-size: 0.8em; } #main #features .upcomingevents h2 { text-indent: -5000px; display:block; background: url(../img/featuretitle_events.jpg) top left no-repeat; margin:0 0 5px 0; padding:0; height:28px; width:217px; } #main #features .upcomingevents ul { margin:0; padding:0; list-style: none; } #main #features .upcomingevents li { margin:0 0 5px 0; padding:8px 5px 0px 0; clear:both; background: url(../img/findoutmore_bg.gif) 0px -36px no-repeat; } #main #features .upcomingevents li:hover { margin:0 0 5px 0; padding:8px 5px 0px 0; clear:both; background: url(../img/findoutmore_bg.gif) 0px 20px no-repeat; } #main #features .upcomingevents li a { width:292px; height:40px; display:block;} #main #features .upcomingevents a.date { color:#fff; text-decoration: none; } #main #features .upcomingevents a:hover { color:#fff; text-decoration: none; } #main #features .upcomingevents .dark { color:#793c00; } #main #features .upcomingevents .title { color:#ffce9e; text-decoration: none; clear:both; } #main #features .upcomingevents .morenews { color:#ebebeb; text-decoration: none; font-size: 0.9em; padding: 10px 0 15px 0; display: block;} #main #features .upcomingevents .morenews a:hover { color:#fff; text-decoration: none; font-size: 0.9em; padding: 5px 0 15px 0; } #main #features .popularareas { width:264px; float:left; margin:72px 0 0 32px;} #main #features .popularareas .newsletter { width:264px; height:54px; display:block; text-indent: -5000px; background: url(../img/feature_newsletter.jpg) top left no-repeat; padding:0; } #main #features .popularareas .photos { width:264px; height:77px; display:block; text-indent: -5000px; background: url(../img/feature_photos.jpg) top left no-repeat; } #main #features .popularareas .plogin { width:264px; height:56px; display:block; text-indent: -5000px; background: url(../img/feature_plogin.jpg) top left no-repeat; } #main #features .popularareas .newsletter:hover { width:264px; height:54px; display:block; text-indent: -5000px; background: url(../img/feature_newsletter.jpg) bottom left no-repeat; padding:0; } #main #features .popularareas .photos:hover { width:264px; height:77px; display:block; text-indent: -5000px; background: url(../img/feature_photos.jpg) bottom left no-repeat; } #main #features .popularareas .plogin:hover { width:264px; height:56px; display:block; text-indent: -5000px; background: url(../img/feature_plogin.jpg) bottom left no-repeat; } /* About Page ------------------------------------ */ .about-content { color:#4f4f4f; padding:44px 32px 24px 24px; float:left; width:598px; font-size: 0.8em; overflow: hidden;} .about-content p { margin:28px 0 0 0; line-height: 1.6em;} .about-content h2 { width:224px; height:23px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_about.png) top left no-repeat; } .message-content { color:#4f4f4f; padding:44px 32px 24px 24px; float:left; width:598px; font-size: 0.8em; overflow: hidden;} .message-content p { margin:28px 0 0 0; line-height: 1.6em;} .message-content h2 { width:432px; height:31px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_head.png) top left no-repeat; } .message-content .sig { margin:5px 0 -8px 0; color:#117cc9; } .message-content .sig span { color:#555; } .hours-content { color:#4f4f4f; padding:44px 32px 24px 24px; float:left; width:598px; font-size: 0.8em; overflow: hidden;} .hours-content p { margin:28px 0 0 0; line-height: 1.6em; color:#333;} .hours-content h2 { width:424px; height:23px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_hours.png) top left no-repeat; } .hours-content h3 { width:424px; height:23px; margin:40px 0 0 0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_dates.png) top left no-repeat; } .hours-content h4 { width:424px; height:23px; margin:40px 0 0 0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_clubs.png) top left no-repeat; } .hours-content h5 { font-size: 1.1em; font-weight: normal; margin:25px 0 10px 0; color:#666; } .hours-content ul { margin:10px 0 0 0;} .hours-content li { color:#117cc9; margin: 0 0 10px 0;} .hours-content span { color:#4f4f4f; width:160px; display: block; float: left; clear: left; } .hours-content .events-list span { color:#4f4f4f; width:438px; display: block; float: right; } .hours-content .blue { color:#117cc9; } .hours-content .break { border-bottom:1px solid #ccc; padding:0 0 12px 0; } .hours-content .details { display: block; clear:left; float:left; margin: 0 0 1px 0; } .hours-content q { quotes:none; display: block; width:158px; float:left; color:#888; margin: 0 0 9px 0;} /* Many thanks to Paul Chaplin for this solution http://www.paulchaplin.com/blog/css-reset-and-quirky-quotes Safari doesn't support the quotes attribute, so we do this instead. */ .hours-content blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } .ofsted-content { color:#4f4f4f; padding:44px 32px 24px 24px; float:left; width:598px; font-size: 0.8em; overflow: hidden;} .ofsted-content p { margin:28px 0 10px 0; line-height: 1.6em;} .ofsted-content h2 { width:432px; height:31px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_ofsted.png) top left no-repeat; } .ofsted-content li.current { height:28px; color:#666; border-top: 1px solid #e4e4e4; background: url(../img/ofsted_current.png) 6px 0px no-repeat #f0f2ea; padding:12px 0px 2px 47px; } .ofsted-content li.old { height:28px; color:#666; border-top: 1px solid #e4e4e4; background: url(../img/ofsted_old.png) 6px 0px no-repeat #fff; padding:12px 0px 2px 47px; } .ofsted-content span { font-size: 0.9em; } .ofsted-content a { color:#666; text-decoration: none; } .ofsted-content a:hover { color:#9c3; text-decoration: none; } .ofsted-content a:hover span { color:#993; text-decoration: none; } .ofsted-content li.link { height:28px; color:#666; border-top: 1px solid #e4e4e4; background: url(../img/ofsted_link.png) 6px 0px no-repeat #f0f2ea; padding:12px 0px 2px 47px;; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;} .ofsted-content .adobe { border-top: 1px solid #e4e4e4; padding: 14px 0 0 0; margin: 44px 0 0 0; } .ofsted-content .adobe a { color:#036; text-decoration: none; background: url(../img/adobe_link.png) 0px 0px no-repeat #fff; padding: 0 0 0 24px; } .ofsted-content .adobe a:hover { color:#9c3; text-decoration: none; } .staff-content { color:#4f4f4f; padding:44px 32px 24px 24px; float:left; width:598px; font-size: 0.8em; overflow: hidden;} .staff-content p { margin:28px 0 0 0; line-height: 1.6em;} .staff-content h2 { width:277px; height:23px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_staff.png) top left no-repeat; } .staff-content .group-top { padding:35px 0 15px 0; margin:0; overflow: hidden; clear:both; } .staff-content .group { border-top: 1px solid #dedede; padding:15px 0 15px 0; margin:15px 0 0 0; overflow:hidden; clear:both;} .staff-content .role { width:150px; color:#666; font-weight:bold; float:left; clear:both; margin:0 0 2px 0; } .staff-content .label { width:211px; color:#999; float:right;} .staff-content ul { margin:0; padding:0;} .staff-content li { margin:0; padding:0; } .staff-content .names { width:444px; color:#666; margin:0 0 10px 0; float:right; } .staff-content .name { width:444px; color:#666; margin:0 0 2px 0; display:block; float:left; } .staff-content .namespan { width:222px; display:block; float:left; } .about-nav { float:right; width:259px; padding:82px 32px 0 0; } .about-nav ul { } .about-nav li { } .about-nav a { } .about-nav .about { display: block; text-indent: -5000px; height:54px; width:259px; background: url(../img/aboutnav_about.png) 0 0 no-repeat; } .about-nav .hours { display: block; text-indent: -5000px; height:63px; width:259px; background: url(../img/aboutnav_dates.png) 0 0 no-repeat; } .about-nav .message { display: block; text-indent: -5000px; height:57px; width:259px; background: url(../img/aboutnav_head.png) 0 0 no-repeat; } .about-nav .ofsted { display: block; text-indent: -5000px; height:55px; width:259px; background: url(../img/aboutnav_ofsted.png) 0 0 no-repeat; } .about-nav .staff { display: block; text-indent: -5000px; height:70px; width:259px; background: url(../img/aboutnav_staff.png) 0 0 no-repeat; } .about-nav .about:hover { display: block; text-indent: -5000px; height:54px; width:259px; background: url(../img/aboutnav_about.png) 0 -54px no-repeat; } .about-nav .hours:hover { display: block; text-indent: -5000px; height:63px; width:259px; background: url(../img/aboutnav_dates.png) 0 -63px no-repeat; } .about-nav .message:hover { display: block; text-indent: -5000px; height:57px; width:259px; background: url(../img/aboutnav_head.png) 0 -57px no-repeat; } .about-nav .ofsted:hover { display: block; text-indent: -5000px; height:55px; width:259px; background: url(../img/aboutnav_ofsted.png) 0 -55px no-repeat; } .about-nav .staff:hover { display: block; text-indent: -5000px; height:70px; width:259px; background: url(../img/aboutnav_staff.png) 0 -70px no-repeat; } .about-nav .about-selected { display: block; text-indent: -5000px; height:54px; width:259px; background: url(../img/aboutnav_about.png) 0 -108px no-repeat; } .about-nav .hours-selected { display: block; text-indent: -5000px; height:63px; width:259px; background: url(../img/aboutnav_dates.png) 0 -126px no-repeat; } .about-nav .message-selected { display: block; text-indent: -5000px; height:57px; width:259px; background: url(../img/aboutnav_head.png) 0 -114px no-repeat; } .about-nav .ofsted-selected { display: block; text-indent: -5000px; height:55px; width:259px; background: url(../img/aboutnav_ofsted.png) 0 -110px no-repeat; } .about-nav .staff-selected { display: block; text-indent: -5000px; height:70px; width:259px; background: url(../img/aboutnav_staff.png) 0 -140px no-repeat; } #about-photos { width:898px; height:339px; clear:both; padding:44px 24px 0 24px; background: url(../img/gallery_bg.png) -24px -2px no-repeat #ededed; } #about-photos h2 { display: block; text-indent: -5000px; background: url(../img/title_photos.png) top left no-repeat; margin:0 0 2px 0;} #viewer { width:375px; height:250px; float: right; padding:0; margin:0 7px 0 0;} #viewer img { border:5px solid white;} #viewer img:hover { border:5px solid #9c3;} #viewerthumbs { width:515px; height:267px; float:left; } #viewerthumbs a { width: 113px; padding: 0px; display: block; border:none; outline: none; } #viewerthumbs img { margin:0 0 -3px 0; border:none; outline:none; } #viewerthumbs li { border:5px solid #fff; float:left; display: inline; padding:0; margin:0px 5px 6px 0px; } #viewerthumbs li.activeLI { border:5px solid #9c3; float:left; display: inline; padding:0; margin:0px 5px 6px 0px; } #viewerthumbs a:focus { } #about-photos #comment { height:30px; width:946px; background: url(../img/gallery_comment_bg.png) top left no-repeat; clear:both; margin:0 0 0 -25px; padding:4px 0 0 0;} #about-photos #comment .text { color:#1f4e7f; font-size:0.7em; font-weight: bold; float:left; padding: 3px 0 0 4px; } #about-photos #comment .caption { color:#609216; font-size:0.7em; padding:3px 5px 0 30px; float:left;} #about-photos #comment a { color:#1a63a2; width:137px; text-decoration: none; padding:5px 50px 0px 0px; font-size: 0.65em; font-weight:bold; float:right; } #about-photos #comment a:hover { color:#333; text-decoration: none; } /* Events Page ------------------------------------ */ .events-content { color:#4f4f4f; padding:44px 32px 24px 24px; width:594px; font-size: 0.8em; float:left; } .events-content p { margin:28px 0 0 0; line-height: 1.6em;} .events-content h2 { width:224px; height:23px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_events.png) top left no-repeat; } .events-content h3 { color:#690; margin: 15px 0 0px 0; padding:0;} .events-content h4 { color:#0a4a81;} .events-content h4 span { margin: 0 10px 0 0; color:#69c; } .events-content #paginate { margin: 12px 0px 0px 0px; padding:7px 7px 7px 0px; border-left:12px solid #DDD; border-right: 12px solid #DDD; background: #eee; width:564px; } .events-content #paginate .paginatelinks { float:none; width:40%; } .events-content #paginate .pagenno { float:none; width:40%; } .events-content #paginate a { text-decoration: none; color:#0a4a81; } .events-content #paginate a:hover { text-decoration: none; color:#690; } .events-content .featured { margin:0 0 10px 0; padding:0 0 20px 0; border-bottom: 1px solid #69c;} .events-content .featured h3 { margin:34px 0 3px 0; } .events-content .featured span { margin: 0 0 0 10px; } .events-content .featured h4 { margin: 0 0 0 0; } .events-content .summary .entry { margin:0 0 10px 0; padding:0 0 20px 0; border-bottom: 1px solid #ccc;} .events-content .summary h3 { color:#666; margin:20px 0 0 0; } .events-content .summary span { margin:0 0 0 10px;} .events-content .summary h4 { margin:0; } .events-content .summary p { margin:10px 0 0 0; } .previousevents-content { color:#4f4f4f; padding:44px 32px 24px 24px; width:594px; font-size: 0.8em; float:left; } .previousevents-content p { margin:28px 0 0 0; line-height: 1.6em;} .previousevents-content h2 { width:224px; height:23px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_prev_events.png) top left no-repeat; } .previousevents-content h3 { color:#690; margin: 15px 0 0px 0; padding:0;} .previousevents-content h4 { color:#0a4a81;} .previousevents-content h4 span { margin: 0 10px 0 0; color:#69c; } .previousevents-content h6{} .previousevents-content #paginate { margin: 12px 0px 0px 0px; padding:7px 7px 7px 8px; border-left:12px solid #DDD; border-right: 12px solid #DDD; background: #eee; width:564px; } .previousevents-content #paginate .paginatelinks { float:none; width:40%; } .previousevents-content #paginate .pagenno { float:none; width:40%; } .previousevents-content #paginate a { text-decoration: none; color:#0a4a81; } .previousevents-content #paginate a:hover { text-decoration: none; color:#690; } .previousevents-content .featured { margin:0 0 10px 0; padding:0 0 20px 0; border-bottom: 1px solid #ccc;} .previousevents-content .featured h3 { color:#666; margin:34px 0 3px 0; } .previousevents-content .featured span { margin: 0 0 0 10px; } .previousevents-content .featured h4 { margin: 0 0 0 0; } .previousevents-content .summary { } .previousevents-content .summary h3 { color:#666; margin:20px 0 0 0; } .previousevents-content .summary span { margin:0 0 0 10px;} .previousevents-content .summary h4 { margin:0; } .previousevents-content .summary p { margin:10px 0 0 0; } .eventphotos-content { color:#4f4f4f; padding:44px 32px 24px 24px; width:594px; font-size: 0.8em; float:left; } .eventphotos-content p { margin:28px 0 0 0; line-height: 1.6em;} .eventphotos-content h2 { width:224px; height:23px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_event_photos.png) top left no-repeat; } .eventphotos-content h3 { color:#690; margin: 15px 0 0px 0; padding:0;} .eventphotos-content h4 { color:#0a4a81;} .eventphotos-content h4 span { margin: 0 10px 0 0; color:#69c; } .eventphotos-content h6 {} .eventphotos-content a { display:block; background: url(../img/photocontentthumb_bg.gif) top left no-repeat; width:186px; height:156px; padding:2px; margin:0 11px 0 0; float: left; text-decoration: none; font-size: 0.9em; } .eventphotos-content a:hover { display:block; background: url(../img/photocontentthumb_bg.gif) 0 -160px no-repeat; } .eventphotos-content a .lineone { display: block; clear:left; color:#117cc9; font-weight: normal; padding:4px 0 0 11px;} .eventphotos-content a .linetwo { display: block; clear:left; color:#666; font-weight: normal; padding:0 0 0 11px; } .eventphotos-content a:hover .lineone { display: block; clear:left; color:#690; font-weight: normal; } .eventphotos-content a:hover .linetwo { display: block; clear:left; color:#333; font-weight: normal; } .eventphotos-content ul { margin:24px 0 0 0; padding:0; } .eventphotos-content li { background: url(../img/photocontentthumb_bg.gif) top left no-repeat; width:190px; height:160px; margin:0 8px 12px 0; float:left; display: inline; } .eventphotos-content li:hover { background: url(../img/photocontentthumb_bg.gif) top left no-repeat; width:190px; height:160px; } .eventslideshow-content { color:#4f4f4f; padding:44px 0px 0px 24px; width:594px; font-size: 0.8em; float:left; } .eventslideshow-content p { margin:28px 0 0 0; line-height: 1.6em;} .eventslideshow-content h2 { width:224px; height:23px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_event_photos.png) top left no-repeat; } #epss1 { margin:24px 0 0 0; width:616px; height:411px; overflow: hidden; text-align: center; } #epss1 img { display:block; margin:0 auto; width: auto; height: auto;} #ssthumbs { width: 900px; margin: 15px; } #ssthumbs ul { padding:0; margin: 0; } #ssthumbs li { width: 110px; height:73px; float: left; margin: 4px; list-style: none; display:inline; border: 4px solid #a50; } #ssthumbs li.activeLI { border: 4px solid #fff; } #ssthumbs li:hover { border: 4px solid #f93; } #ssthumbs a { width: 110px; height:73px; display: block;} #ssthumbs a:focus { outline: none; } #ssthumbs img { border: none; display: block; } #slideshow_photonav { background: url(../img/slideshowcontrol_bg.gif) top left repeat-x; height:48px; width:617px; padding:0; margin:0; } #slideshow_photonav .albums { width:158px; height:48px; float:left; background: url(../img/events_backbutton.gif) top left no-repeat; display:block; text-indent: -5000px; } #slideshow_photonav .albums:hover { width:158px; height:48px; float:left; background: url(../img/events_backbutton.gif) bottom left no-repeat; } #slideshow_photonav .nextprev { width:172px; height:48px; float:right; } #slideshow_photonav .next { width:76px; height:48px; float:right; background:url(../img/events_nextbutton.gif) top left no-repeat; display:block; text-indent: -5000px; } #slideshow_photonav .next:hover { width:76px; height:48px; float:right; background:url(../img/events_nextbutton.gif) bottom left no-repeat; } #slideshow_photonav .prev { width:96px; height:48px; float:left; background:url(../img/events_prevbutton.gif) top left no-repeat; display:block; text-indent: -5000px; } #slideshow_photonav .prev:hover { width:96px; height:48px; float:left; background:url(../img/events_prevbutton.gif) bottom left no-repeat; } #slideshow_photonav a { border:none; text-decoration: none; } #events-photopane { background:url(../img/orangesplit.gif) top right no-repeat #c60; width:946px; height:185px; padding: 70px 0 0 0; overflow: hidden; clear: both;} #events-photopane h5 { width:142px; height:22px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_eventphotos_orangebg.gif) top left no-repeat;} #events-photopane-blank { background:url(../img/orangesplit.gif) top right no-repeat #c60; width:946px; height:1px; padding: 70px 0 0 0; overflow: hidden; clear: both;} #events-photopane-slideshow { background:url(../img/orangesplit.gif) top right no-repeat #c60; width:946px; padding: 40px 0 20px 0; overflow: hidden; clear: both;} .recenteventphotos { margin:0 10px 0 23px; padding:0; float:left; height:183px; width:603px; float: left;display:inline; } .recenteventphotos #e1 { margin:0; padding:0; width:186px; height:115px;} .recenteventphotos #e2 { margin:0; padding:0; width:186px; height:115px;} .recenteventphotos #e3 { margin:0; padding:0; width:186px; height:115px;} .eventpane-morephotos { margin:0 20px 0 -5px; float:right; width:277px; height:163px; float:right; display:inline; } .eventpane-morephotos ul { } .eventpane-morephotos li { background: url(../img/eventphoto_bg.gif) top left no-repeat; width:190px; height:160px; } .eventpane-morephotos li:hover { background: url(../img/eventphoto_bg.gif) top left no-repeat; width:190px; height:160px; } .recenteventphotos a { display:block; background: url(../img/eventphoto_bg.gif) top left no-repeat; width:186px; height:156px; padding:2px; margin:0 11px 0 0; float: left; text-decoration: none; font-size: 0.9em;} .recenteventphotos a:hover { display:block; background: url(../img/eventphoto_bg.gif) 0 -160px no-repeat; } .recenteventphotos p { padding:0; margin:0; } .recenteventphotos a .lineone { display: block; clear:left; color:#fff; font-weight: normal; padding:4px 0 0 11px;} .recenteventphotos a .linetwo { display: block; clear:left; color:#673d12; font-weight: normal; padding:0 0 0 11px; font-size: 0.8em;} .recenteventphotos a:hover .lineone { display: block; clear:left; color:#fff; font-weight: normal; } .recenteventphotos a:hover .linetwo { display: block; clear:left; color:#ffb100; font-weight: normal; } .eventpane-morephotos { font-size: 0.8em; padding: 5px 0 0 0; height:177px; } .eventpane-morephotos a { width:266px; height: 110px; background:url(../img/morephotobutton.png) top left; text-indent:-5000px; text-decoration: none; color:#fff; display:block; clear: left; margin: 4px 0 0 0; } .eventpane-morephotos a:hover { color:#fff; background:url(../img/morephotobutton.png) 0 -92px;} .eventpane-morephotos p { color:#edc9a5; margin: 12px 0 0 0; } #blankdiv { height:1px; clear:both; } #events-photos { width:898px; height:339px; clear:both; padding:44px 24px 0 24px; background: url(../img/gallery_bg.png) top right no-repeat #ededed; } #events-photos h2 { display: block; text-indent: -5000px; background: url(../img/title_photos.png) top left no-repeat; margin:0 0 2px 0; } .events-nav { float:right; width:259px; padding:82px 32px 0 0;} .events-nav ul { background: url(../img/newsbgbase.jpg) bottom left no-repeat; height:312px; } .events-nav li { } .events-nav a { } .events-nav .upcoming { display: block; text-indent: -5000px; height:50px; width:259px; background: url(../img/upcomingevents.gif) 0 -50px no-repeat; } .events-nav .previous { display: block; text-indent: -5000px; height:52px; width:259px; background: url(../img/previousevents.gif) 1px -52px no-repeat; } .events-nav .photos { display: block; text-indent: -5000px; height:59px; width:259px; background: url(../img/eventphotos.gif) 0 -59px no-repeat; } .events-nav .upcoming:hover { display: block; text-indent: -5000px; height:50px; width:259px; background: url(../img/upcomingevents.gif) 0 0 no-repeat; } .events-nav .previous:hover { display: block; text-indent: -5000px; height:52px; width:259px; background: url(../img/previousevents.gif) 1px 0 no-repeat; } .events-nav .photos:hover { display: block; text-indent: -5000px; height:59px; width:259px; background: url(../img/eventphotos.gif) 0 0 no-repeat; } .events-nav .upcoming-selected { display: block; text-indent: -5000px; height:50px; width:259px; background: url(../img/upcomingevents.gif) 0 -100px no-repeat; } .events-nav .previous-selected { display: block; text-indent: -5000px; height:52px; width:259px; background: url(../img/previousevents.gif) 1px -104px no-repeat; } .events-nav .photos-selected { display: block; text-indent: -5000px; height:59px; width:259px; background: url(../img/eventphotos.gif) 0 -118px no-repeat; } /* Prospectus --------------------------------- */ #main-prospectus { background: #fff; width:946px; } #main-prospectus { padding:44px 0 24px 0; } #main-prospectus h2 { height:26px; width:192px; text-indent: -5000px; display:block; background: url(../img/title_prospectus.png) top left no-repeat; margin: 0 0 0 24px; } #main-prospectus .content { width:894px; margin:0 auto; font-size: 0.8em; line-height: 1.6em; color:#666; } #main-prospectus .content p { margin:0 36px 12px 36px; line-height: 1.6em;} #main-prospectus .content h3 { font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans serif; color:#117cc9; font-size: 1.8em; font-weight: normal; margin: 47px 0 18px 36px; } #main-prospectus .content h4 { } #main-prospectus .content li { } #main-prospectus .content ul { list-style:square; margin:0 0 0 36px; line-height:1.6em; } #main-prospectus .content a { color:#117cc9; text-decoration: none; } #main-prospectus .content a:hover { color:#333; } #main-prospectus .content .top { display: block; width:894px; height:20px; margin: 0 auto; text-indent: -5000px; background: url(../img/toplinkbg.gif) 0 -29px no-repeat; } #main-prospectus .content .top:hover { background: url(../img/toplinkbg.gif) 0px 0px no-repeat; } #main-prospectus .browser { } #main-prospectus .browser .launcher { width:945px; height:86px; background: url(../img/prospectuspanelbg.gif) top left no-repeat; display: block; display: block; overflow:hidden; text-indent: -5000px;} #main-prospectus .browser .launcher .choose { height:34px; width: 293px; text-indent: -500px; display: block; background: url(../img/prospectusbutton.gif) top left no-repeat; margin: 13px 0pt 0pt 40px;} #main-prospectus .browser .launcher .choose:hover { height:34px; width: 293px; text-indent: -500px; display: block; background: url(../img/prospectusbutton.gif) bottom left no-repeat;} #main-prospectus .browser .launcher { } #main-prospectus .browser .panel { height:624px; width:827px; position: absolute; left:; top:; z-index: 1; margin:-84px 0pt 0pt 45px; background: url(../img/prospectus_map_bg.gif) top left no-repeat; font-size:0.8em; } #main-prospectus .browser .panel .showall { float:left; height:33px; width:99px; background:url(../img/showallbutton.gif) top left no-repeat; margin:44px 0 0 18px; display:block; text-indent: -5000px; } #main-prospectus .browser .panel .showall:hover { background:url(../img/showallbutton.gif) bottom left no-repeat; } #main-prospectus .browser .panel .closepanel { float:left; height:33px; width:116px; background:url(../img/closebutton.gif) top left no-repeat; margin:44px 0 0 3px; display:block; text-indent: -5000px; } #main-prospectus .browser .panel .closepanel:hover { background:url(../img/closebutton.gif) bottom left no-repeat; } #main-prospectus .browser .panel ul { list-style-type: none; clear:both; } #main-prospectus .browser .panel li { color:#06305b; line-height: 1.8em;} #main-prospectus .browser a { text-decoration: none; color:#06305b; } #main-prospectus .browser a:hover { text-decoration: none; color:#9c3; } #main-prospectus .browser .panel .listone { float:left; width:375px; margin:45px 0 0 35px; clear: left; } #main-prospectus .browser .panel .listone a { width:375px; display: block; } #main-prospectus .browser .panel .listtwo { float:right; width:400px; margin:45px 0 0 0 ; clear: right; } #main-prospectus .browser .panel .listtwo a { width:400px; display: block; } #main-prospectus .browser .panel .curtitle { font-weight: bold; } #main-prospectus .browser .panel .subject a { width:369px; color:#069; padding:0 0 0 31px; margin:0 0 0 0; } #main-prospectus .browser .panel .subject a:hover { color:#9c3; } /* News Page ------------------------------------ */ .news-content { color:#4f4f4f; padding:44px 32px 24px 24px; width:594px; font-size: 0.8em; float:left; } .news-content p { margin:28px 0 0 0; line-height: 1.6em;} .news-content img { border: 1px solid #ccc; padding:9px; margin:8px 0 0 0; } .news-content h2 { width:224px; height:23px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_news.gif) top left no-repeat; } .news-content a { color:#69c; } .news-content a:hover { color:#690;} .news-content h3 { color:#690; margin: 15px 0 0px 0; padding:0;} .news-content h4 { color:#0a4a81;} .news-content h4 span { margin: 0 10px 0 0; color:#69c; } .news-content .download { width:578px; height:43px; margin:34px 0px 11px 0; padding:0px 0px 0px 16px; background: url(../img/download_bg.jpg) top left no-repeat; } .news-content .download a { background: url(../img/download_nl_icon.gif) 0px -34px no-repeat; height:40px; width:578px; display:block; text-indent: 55px; padding:1px 0 0 0; margin:0; text-decoration: none; color:#0a4a81; } .news-content .download a:hover { background: url(../img/download_nl_icon.gif) -1px 4px no-repeat; height:40px; width:578px; display:block; color:#690; } .news-content .download a span { display: block; clear: left; color:#666; margin:-5px 0 0 1px; font-size: 0.9em; padding:0; } .news-content .download a:hover span { color:#333;} .news-content #paginate { margin: 12px 0px 0px 0px; padding:7px 7px 7px 0px; border-left:12px solid #DDD; border-right: 12px solid #DDD; background: #eee; width:564px; } .news-content #paginate .paginatelinks { float:none; width:40%; } .news-content #paginate .pagenno { float:none; width:40%; } .news-content #paginate a { text-decoration: none; color:#0a4a81; } .news-content #paginate a:hover { text-decoration: none; color:#690; } .news-content .featured { margin:0 0 10px 0; padding:0 0 20px 0; border-bottom: 1px solid #69c;} .news-content .featured h3 { margin:34px 0 3px 0; } .news-content .featured span { margin: 0 0 0 10px; } .news-content .featured h4 { margin: 0 0 0 0; } .news-content .summary .entry { margin:0 0 10px 0; padding:0 0 20px 0; border-bottom: 1px solid #ccc;} .news-content .summary h3 { color:#666; margin:20px 0 0 0; } .news-content .summary span { margin:0 0 0 10px;} .news-content .summary h4 { margin:0; } .news-content .summary p { margin:10px 0 0 0; } .newsletter-content { color:#4f4f4f; padding:44px 32px 24px 24px; width:594px; font-size: 0.8em; float:left; } .newsletter-content p { margin:28px 0 0 0; line-height: 1.6em;} .newsletter-content img { border: 1px solid #ccc; padding:9px; margin:8px 0 0 0; } .newsletter-content h2 { width:224px; height:23px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_newsletters.gif) top left no-repeat; } .newsletter-content h3 { color:#690; margin: 15px 0 0px 0; padding:0;} .newsletter-content h4 { color:#0a4a81;} .newsletter-content h4 span { margin: 0 10px 0 0; color:#69c; } .newsletter-content .download { width:578px; height:43px; margin:34px 0px 11px 0; padding:0px 0px 0px 16px; background: url(../img/download_bg.jpg) top left no-repeat; } .newsletter-content .download a { background: url(../img/download_nl_icon.gif) 0px -34px no-repeat; height:40px; width:578px; display:block; text-indent: 55px; padding:1px 0 0 0; margin:0; text-decoration: none; color:#0a4a81; } .newsletter-content .download a:hover { background: url(../img/download_nl_icon.gif) -1px 4px no-repeat; height:40px; width:547px; display:block; color:#690; } .newsletter-content .download a span { display: block; clear: left; color:#666; margin:-5px 0 0 1px; font-size: 0.9em; padding:0; } .newsletter-content .download a:hover span { color:#333;} .newsletter-content #paginate { margin: 12px 0px 0px 0px; padding:7px 7px 7px 0px; border-left:12px solid #DDD; border-right: 12px solid #DDD; background: #eee; width:564px; } .newsletter-content #paginate .paginatelinks { float:none; width:40%; } .newsletter-content #paginate .pagenno { float:none; width:40%; } .newsletter-content #paginate a { text-decoration: none; color:#0a4a81; } .newsletter-content #paginate a:hover { text-decoration: none; color:#690; } .newsletter-content .featured { margin:0 0 10px 0; padding:0 0 20px 0; border-bottom: 1px solid #69c;} .newsletter-content .featured h3 { margin:34px 0 3px 0; } .newsletter-content .featured span { margin: 0 0 0 10px; } .newsletter-content .featured h4 { margin: 0 0 0 0; } .newsletter-content .summary .entry { margin:0 0 10px 0; padding:0 0 20px 0; border-bottom: 1px solid #ccc;} .newsletter-content .summary h3 { color:#666; margin:20px 0 0 0; } .nenewsletterws-content .summary span { margin:0 0 0 10px;} .newsletter-content .summary h4 { margin:0; } .newsletter-content .summary p { margin:10px 0 0 0; } .news-nav { float:right; width:259px; padding:82px 32px 0 0;} .news-nav ul { background: url(../img/newsbgbase.jpg) bottom left no-repeat; height:310px;} .news-nav .latestnews { display: block; text-indent: -5000px; height:55px; width:259px; background: url(../img/latestnews_nav.gif) 0 0 no-repeat; } .news-nav .newsletters { display: block; text-indent: -5000px; height:53px; width:259px; background: url(../img/newsletters_nav.gif) 0 0 no-repeat; } .news-nav .rss { display: block; text-indent: -5000px; height:53px; width:259px; background: url(../img/rss_nav.gif) 0 0 no-repeat; } .news-nav .latestnews:hover { display: block; text-indent: -5000px; height:55px; width:259px; background: url(../img/latestnews_nav.gif) 0 -55px no-repeat; } .news-nav .newsletters:hover { display: block; text-indent: -5000px; height:53px; width:259px; background: url(../img/newsletters_nav.gif) 0 -53px no-repeat; } .news-nav .rss:hover { display: block; text-indent: -5000px; height:53px; width:259px; background: url(../img/rss_nav.gif) 0 -53px no-repeat; } .news-nav .latestnews-selected { display: block; text-indent: -5000px; height:55px; width:259px; background: url(../img/latestnews_nav.gif) 0 -110px no-repeat; } .news-nav .newsletters-selected { display: block; text-indent: -5000px; height:53px; width:259px; background: url(../img/newsletters_nav.gif) 0 -106px no-repeat; } .news-nav .rss-selected { display: block; text-indent: -5000px; height:53px; width:259px; background: url(../img/rss_nav.gif) 0 -106px no-repeat; } /* Contact ------------------------------------ */ .contact-content { color:#4f4f4f; padding:44px 32px 0px 24px; width:907px; font-size: 0.8em; float:left; } .contact-content p { margin:28px 0 0 0; line-height: 1.6em;} .contact-content img { border: 1px solid #ccc; padding:9px; margin:8px 0 0 0; } .contact-content h2 { width:244px; height:23px; margin:0; padding:0; display: block; text-indent: -5000px; background: url(../img/title_contact.png) top left no-repeat; } .contact-content h3 { color:#0a4a81; margin: 15px 0 15px 0; padding:0;} .contact-content h4 { color:#69c; padding:5px 0 0 0;} .contact-content h5 { margin:5px 0 5px 0; padding:5px 0; } .contact-content .phone { margin:5px 0 0 0; color:#0a4a81;} .contact-content .fax { color:#0a4a81; } .contact-content .email { margin:10px 0 0 0; color:#0a4a81; } .contact-content h4 a { color:#0a4a81; text-decoration: none; } .contact-content h4 a .email:hover { color:#690;} .contact-content h4 .phone span { display: block; width: 63px; } .contact-content h4 .fax span { display: block; width: 63px;} .contact-content h4 .email span { display: block; width: 63px; } .contact-content h5 a { background: url(../img/addressbook.gif) top left no-repeat; text-indent:49px; height:31px; padding:6px 0 0 0; margin:11px 0 0 0; display: block; text-decoration: none; color:#0a4a81; font-size: 1.2em; } .contact-content h5 a span { color:#69c; margin: 0 0 0 8px; } .contact-content a:hover { color:#690;} .contact-content h4 span { margin: 0 10px 0 0; color:#69c; float:left; display: block; width: 50px; } .contact-content #map { margin:43px 13px 0px 0px; padding:0; float:left; } .contact-content #details { margin:43px 0 0px 0px; padding:0 0 0 13px; border-left: 1px solid #ccc; float:left; width:359px; font-size: 0.9em; } div#popup { background:#EFEFEF; border:1px solid #999999; margin:0px; padding:7px; width:270px; } /* Sitemap ------------------------------------ */ #sitemap { width:946px; height:auto; clear:both; font-size:0.8em; background:url(../img/sitemap.jpg) top left #06325d repeat-x; margin:0 auto; overflow: hidden; } #sitemap h2 { width:946px; height: 69px; display: block; text-indent: -5000px; background: url(../img/sitemap_title.jpg) top left no-repeat; margin:0; padding: 0; } #sitemap h3 { font-weight: normal; font-size: 1em; margin:0 0 7px 0; padding: 0; } #sitemap ul { width:211px; margin:20px 0; padding:0; } #sitemap .col1 { width:211px; padding:0 0 0 25px; float: left; } #sitemap .col2 { width:211px; float: left; } #sitemap .col3 { width:211px; float: left; } #sitemap .col4 { width:270px; padding: 0 0 0 0; float: left; } #sitemap .col4 li { padding: 0 0 2px 0; } #sitemap .section { color: #fff; text-decoration: none; margin: 0 0 10px 0; } #sitemap .page { color: #117cc9; text-decoration: none; font-size: 0.9em; } #sitemap a.page:hover { color:#5ea5d7; } #sitemap .title { width:270px; color:#5ea5d7; font-size:0.9em; } #sitemap .phone { color:#117cc9; margin: 3px 0 0 0; } #sitemap .phone span { margin: 0 0 0 8px; color:#5ea5d7; } /* Footer ------------------------------------ */ #footer { width:926px; margin:0 auto; color:#fff; padding:30px 0 0 20px; height:95px; background: url(../img/footer.gif) top left no-repeat; font-size: 0.7em; clear: both; } #footer ul { margin:0; padding:5px 0 0 0; color:#a3c5ff; } #footer li { display:inline; float:left; } #footer a { text-decoration:none; color:#a3c5ff; } #footer a:hover { text-decoration:none; color:#fff; } #footer .footerlink:after { content: " | "; color:#9dcd3d; margin:0 4px 0 0; } #footer .credit { color:#fff; } #footer .credit:hover { color:#9dcd3d; }