/** * * Main Layout File */ /* Misc Styles and defaults -------------------------------------------- */ /* nav colours /* nav colours dark orange: #bc3b22 (about-eastwoodhill) purple: #9e366f (walks) green: #74912d (gardens-and-collections) orange: #f99a24 (friends) blue: #6d9599 (news) purple2: #654987 (events) red: #AF1B24 (facilities) 30% colours about #DDAEA5 walks #EEDBE5 garden #E6EBD9 friends #FEEDD7 news #E5ECED events #D0C8DB facilities #E7BABD */ * { margin: 0; padding: 0; } body { color: #333; font-size: 75%; margin-bottom: 40px; font-family: Verdana, Lucida, sans-serif; /*background:#fff url(../images/body_bg.png) center repeat-y;*/ } html>body { font-size: 12px; } html { background-colour:#fff; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } .hidden {display:none} .clear20 {clear:both;height:14px} hr {clear:both;border:none;background:none} .alert {border:1px solid #82D54C;background-color:#E9F5E1;padding:6px;color:#000} /* CONTAINER ----------------------------------------- */ /* HEADER ----------------------------------------- */ #header {height:120px;position:relative/*background:transparent url(../images/watermark_1.png) no-repeat bottom center*/} #watermark {position:absolute;z-index:0;width:1200px;height:400px;top:2px;left:10px;background:transparent url(../images/watermark_2.png) no-repeat top left} #main-logo{height:112px; background:url(../images/main_logo.png) no-repeat;} #main-logo h1 {} #main-logo h1 a {display:block;text-indent:-9999px;font-size:0;line-height:0;width:220px;height:112px} #header-content{height:112px;} #banner {height:240px;color:#fff;overflow:hidden;} ul#topmenu {position:absolute;width:160px;height:39px;top:54px;left:20px; list-style:none;} ul#topmenu li {list-style:none;display:inline;float:left;margin-right:10px} ul#topmenu li a {color:#999;text-decoration:none;padding:2px;background-color:#f9f9f9} ul#topmenu li a:hover {color:#000;} ul#topmenu li a.current {border-bottom:1px solid black} #SearchForm {position:absolute;width:275px;height:39px;top:40px;right:0;margin:0!important;padding:0!important} /* MAIN NAVIGATION - TABS ----------------------------------------- */ #navstrip{height:3px} body.walks #navstrip {background-color:#9e366f} #Navigation { /*background:#fcfcfc url(../images/nav-bg-top.png) repeat-x top;*/ overflow:hidden; margin-bottom:20px; } #Navigation ul { float: right; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; clear:both; width:940px; margin:0; background-color:#654987; border-bottom:1px solid #fff; overflow:hidden; } #Navigation ul li { list-style: none; margin: 0; float: left; line-height: 2.2em; display: block; } #Navigation ul li a { float: left; text-decoration: none; display: block; font-size: 1.3em; color: #333; padding:3px 13px; background-attachment:fixed; background-position:bottom left; } /* ABOUT EASTWOODHILL */ #Navigation ul li a#about-eastwoodhill { background:url(../images/nav-on.png) no-repeat 0 -50px; color:#fff; } #Navigation ul li a#about-eastwoodhill.current, #Navigation ul li a#about-eastwoodhill.section ,#Navigation ul li a#about-eastwoodhill:hover,#Navigation ul li a#about-eastwoodhill.current:hover, #Navigation ul li a#about-eastwoodhill.section:hover { background:url(../images/nav-on.png) no-repeat -400px -50px; color:#fff; } /* WALKS */ #Navigation ul li a#walks { background:url(../images/nav-on.png) 0 -100px; color:#fff; } #Navigation ul li a#walks.current, #Navigation ul li a#walks.section,#Navigation ul li a#walks:hover,#Navigation ul li a#walks.current:hover, #Navigation ul li a#walks.section:hover { background:url(../images/nav-on.png) -400px -100px; color:#fff; } /* GARDENS & COLLECTIONS */ #Navigation ul li a#gardens-and-collections { background:url(../images/nav-on.png) 0 -150px; color:#fff; } #Navigation ul li a#gardens-and-collections.current, #Navigation ul li a#gardens-and-collections.section,#Navigation ul li a#gardens-and-collections:hover,#Navigation ul li a#gardens-and-collections.current:hover, #Navigation ul li a#gardens-and-collections.section:hover { background:url(../images/nav-on.png) -400px -150px; color:#fff; } /* FRIENDS */ #Navigation ul li a#friends { background:url(../images/nav-on.png) 0 -200px; color:#fff; } #Navigation ul li a#friends.current, #Navigation ul li a#friends.section,#Navigation ul li a#friends:hover,#Navigation ul li a#friends.current:hover, #Navigation ul li a#friends.section:hover { background:url(../images/nav-on.png) -400px -200px; color:#fff; } /* NEWS */ #Navigation ul li a#news { background:url(../images/nav-on.png) 0 -250px; color:#fff; } #Navigation ul li a#news.current, #Navigation ul li a#news.section,#Navigation ul li a#news:hover,#Navigation ul li a#news.current:hover, #Navigation ul li a#news.section:hover { background:url(../images/nav-on.png) -400px -250px; color:#fff; } /* EVENTS */ #Navigation ul li a#events { background:url(../images/nav-on.png) 0 -300px; color:#fff; } #Navigation ul li a#events.current, #Navigation ul li a#events.section,#Navigation ul li a#events:hover,#Navigation ul li a#events.current:hover, #Navigation ul li a#events.section:hover { background:url(../images/nav-on.png) -400px -300px; color:#fff; } /* FACILITIES */ #Navigation ul li a#facilities { background:url(../images/nav-on.png) 0 -350px; color:#fff; } #Navigation ul li a#facilities.current, #Navigation ul li a#facilities.section,#Navigation ul li a#facilities:hover,#Navigation ul li a#facilities.current:hover, #Navigation ul li a#facilities.section:hover { background:url(../images/nav-on.png) -400px -350px; color:#fff; } /* tooltip styling */ .tooltip { display:none; background:url(../images/tooltips/black_arrow_big.png); height:163px; padding:40px 30px 10px 30px; width:310px; font-size:11px; color:#fff; z-index:99; } /* a .label element inside tooltip */ .tooltip .label { color:yellow; width:35px; } .tooltip a { color:#ad4; font-size:11px; font-weight:bold; } .side_content {margin-bottom:20px} #seasonsLinks a {width:120px;height:45px;display:block;margin-bottom:6px;text-indent:-9999px} #seasonsLinks #seasonSpring {background:url(../images/spring-logo.gif) no-repeat} #seasonsLinks #seasonSummer {background:url(../images/summer-logo.gif) no-repeat} #seasonsLinks #seasonAutumn {background:url(../images/autumn-logo.gif) no-repeat} #seasonsLinks #seasonWinter {background:url(../images/winter-logo.gif) no-repeat} /* SUB NAV -------------------------------------------- */ /* #subnavwrapper {background:url(../images/subnav-default.png) top left;padding-top:10px} .about-eastwoodhill #subnavwrapper {background:url(../images/subnav-about.png) top left;padding-top:10px} .walks #subnavwrapper {background:url(../images/subnav-walks.png) top left;padding-top:10px} .gardens-and-collections #subnavwrapper {background:url(../images/subnav-gardens.png) top left;padding-top:10px} .friends #subnavwrapper {background:url(../images/subnav-friends.png) top left;padding-top:10px} .news #subnavwrapper {background:url(../images/subnav-news.png) top left;padding-top:10px} .events #subnavwrapper {background:url(../images/subnav-events.png) top left;padding-top:10px} .facilities #subnavwrapper {background:url(../images/subnav-facilities.png) top left;padding-top:10px} */ /* ul#SubNav {background:url(../images/subnav-default.png) bottom left} .about-eastwoodhill ul#SubNav {background:url(../images/subnav-about.png) bottom left} .walks ul#SubNav {background:url(../images/subnav-walks.png) bottom left} .gardens-and-collections ul#SubNav {background:url(../images/subnav-gardens.png) bottom left} .friends ul#SubNav {background:url(../images/subnav-friends.png) bottom left} .news ul#SubNav {background:url(../images/subnav-news.png) bottom left} .events ul#SubNav {background:url(../images/subnav-events.png) bottom left} .facilities ul#SubNav {background:url(../images/subnav-facilities.png) bottom left} */ ul#SubNav {list-style:none;display:block;font-family:Verdana, Lucida, Arial, sans-serif;margin-bottom:20px} ul#SubNav li {list-style:none;display:block;padding:6px 0 6px 16px;color:#fff;border-bottom:1px dotted #fff} ul#SubNav li.current, ul#SubNav li.section {background:url(../images/right-arrrow.png) no-repeat left center} ul#SubNav li a {color:#fff;text-decoration:none} ul#SubNav li:hover {color:#000;text-decoration:none;background:url(../images/right-arrrow.png) no-repeat left center} ul#SubNav li a:hover{color:#fff;text-decoration:none;} ul#SubNav li a.current, ul#SubNav li a.section{color:#000;text-decoration:none;} ul#SubNav li.last { border-bottom:none} ul#albumMenu {list-style:none;display:block;font-family:Verdana, Lucida, Arial, sans-serif;} ul#albumMenu li {list-style:none;display:block;padding:6px 0 6px 16px;color:#000;border-bottom:1px dotted #ccc} ul#albumMenu li.current, ul#SubNav li.section {background:url(../images/right-arrrow.png) no-repeat left center} ul#albumMenu li a {color:#000;text-decoration:none} ul#albumMenu li:hover {color:#000;text-decoration:none;background:url(../images/right-arrrow.png) no-repeat left center} ul#albumMenu li a:hover{color:#000;text-decoration:none;} ul#albumMenu li a.current, ul#SubNav li a.section{color:#000;text-decoration:none;} ul#albumMenu li.last {} h3.albumlist {color:#999999;font-size:1.4em;font-family:Georgia, "Times New Roman", Times, serif;margin:14px 0 4px 0} p.albumlist {color:#999999;font-size:1em;margin:14px 0 4px 0;padding-left:16px} p.albumlist a {color:#999999;text-decoration:underline} /* BREADCRUMBS -------------------------------------------- */ #Breadcrumbs { display:block;background-color:#f2f2f2;} body.about-eastwoodhill #Breadcrumbs {background-color:#EDD7D2} body.walks #Breadcrumbs {background-color:#EEDBE5} body.gardens-and-collections #Breadcrumbs {background-color:#E6EBD9} body.friends #Breadcrumbs {background-color:#FEEDD7} body.news #Breadcrumbs {background-color:#E5ECED} body.events #Breadcrumbs {background-color:#D0C8DB} body.facilities #Breadcrumbs {background-color:#E7BABD} #Breadcrumbs p { padding:10px; margin: 0; color:#333; font-size:.8em!important } #Breadcrumbs p a{ color:#333; } /* WALKS -------------------------------------------- */ h3.walktitle {font-family:Georgia, "Times New Roman", Times, serif;color:#666666;font-size:1.6em} p.walktime {height:20px;padding-left:30px;background:url(../images/icons/walktime.gif) left center no-repeat;margin:0!important} p.walkgrade {height:20px;padding-left:30px;background:url(../images/icons/walkgrade.gif) left center no-repeat;margin:0!important} div.walksdiv {height:11px;margin:8px 0;background:url(../images/walksdiv.png);clear:both} /* AREAS and FEATURES */ .AreasMapsHeader {display:block;margin:20px 0;background:url(../images/AreasMapsHeader.gif); padding:6px 4px; font-family:Georgia, "Times New Roman", Times, serif;color:#333;font-size:12px} .AreasMaps h3 {padding:25px 0 0 4px;font-family:Georgia, "Times New Roman", Times, serif;color:#666;font-size:12px;float:left} .AreasMaps img {float:right} .feature_wrapper {margin-right:10px;padding:4px;border:1px solid #f0f0f0;float:left;margin-bottom:10px} .feature_caption {display:block;padding:6px;background-color:#f0f0f0;clear:both;padding:6px 6px 6px 24px;background:url(../images/icons/features.gif) no-repeat;} .feature_wrapper img {margin:0;padding:0;clear:both} /* HOMEPAGE */ #view-all-maps {background:url(../images/view-MAPS.png) no-repeat top left;width:280px;height:26px;text-indent:-9999px;display:block} #view-all-events {background:url(../images/view-EVENTS.png) no-repeat top left;width:260px;height:26px;text-indent:-9999px;display:block} #view-all-news {background:url(../images/view-NEWS.png) no-repeat top left;width:280px;height:26px;text-indent:-9999px;display:block} #view-all-maps:hover,#view-all-events:hover,#view-all-news:hover {background-position: 0 -26px;} .homenewsitem {background-color:#f0f0f0;margin-bottom:1px;padding:6px} h4.homenewstitle {font-size:1.1em;font-weight:normal;border:none;line-height:1.6em;color:#006699} h4.homenewstitle a {color:#006699;text-decoration:underline} p.homenewsdate {font-size:.8em;color:#333333} /* NEWS & EVENTS -------------------------------------------- */ div.date {padding-bottom:4px} p.newsDate {margin:0;color:#000!important;padding-left:30px;height:21px;padding-top:4px;} .month {background:transparent url('../images/icons/date.png') no-repeat scroll left center;} .monthJan {background: transparent url('../images/icons/date1.png') no-repeat scroll left center;} .monthFeb {background: transparent url('../images/icons/date2.png') no-repeat scroll left center;} .monthMar {background: transparent url('../images/icons/date3.png') no-repeat scroll left center;} .monthApr {background: transparent url('../images/icons/date4.png') no-repeat scroll left center;} .monthMay {background: transparent url('../images/icons/date5.png') no-repeat scroll left center;} .monthJun {background: transparent url('../images/icons/date6.png') no-repeat scroll left center;} .monthJul {background: transparent url('../images/icons/date7.png') no-repeat scroll left center;} .monthAug {background: transparent url('../images/icons/date8.png') no-repeat scroll left center;} .monthSep {background: transparent url('../images/icons/date9.png') no-repeat scroll left center;} .monthOct {background: transparent url('../images/icons/date10.png') no-repeat scroll left center;} .monthNov {background: transparent url('../images/icons/date11.png') no-repeat scroll left center;} .monthDec {background: transparent url('../images/icons/date12.png') no-repeat scroll left center;} .event {background:transparent url('../images/icons/event.png') no-repeat scroll left center;} .eventJan {background: transparent url('../images/icons/event1.png') no-repeat scroll left center;} .eventFeb {background: transparent url('../images/icons/event2.png') no-repeat scroll left center;} .eventMar {background: transparent url('../images/icons/event3.png') no-repeat scroll left center;} .eventApr {background: transparent url('../images/icons/event4.png') no-repeat scroll left center;} .eventMay {background: transparent url('../images/icons/event5.png') no-repeat scroll left center;} .eventJun {background: transparent url('../images/icons/event6.png') no-repeat scroll left center;} .eventJul {background: transparent url('../images/icons/event7.png') no-repeat scroll left center;} .eventAug {background: transparent url('../images/icons/event8.png') no-repeat scroll left center;} .eventSep {background: transparent url('../images/icons/event9.png') no-repeat scroll left center;} .eventOct {background: transparent url('../images/icons/event10.png') no-repeat scroll left center;} .eventNov {background: transparent url('../images/icons/event11.png') no-repeat scroll left center;} .eventDec {background: transparent url('../images/icons/event12.png') no-repeat scroll left center;} /* COLLECTION TABLE */ table.collection {width:100%;border:none} table.collection th {padding:4px!important;border:none!important;font-weight:bold} table.collection .end_clickable {background-color:#fcfcfc;border-bottom:1px dotted #ccc;color:#666} table.collection .end_clickable td {padding:4px!important;border:none!important;} table.endangered th {padding:4px;color:#333;font-weight:bold} table.collection .end_clickable:hover {background-color:#F0F6FA;color:#333; cursor:pointer} table.collection .end_clickable_selected {background-color:#E9F5E1} table.collection .end_clickable_selected td {font-weight:bold;color:#333!important} table.collection .end_clickable_selected:hover {background-color:#E9F5E1} table.collection .record_detail tr {background-color:#E9F5E1;} table.collection tr.end_hide {display:none;border:none} .record_detail th, .record_detail td{text-align: left; vertical-align: middle; padding: 4px;} .record_detail th{color: #138EBE; font-weight: bold; border-right: 1px solid #cddbe8; border-bottom: 1px solid #cddbe8;} .record_detail td{color: #666; border-right: 1px solid #e8eff6; border-bottom: 1px solid #e8eff6;} .record_detail p, .record_detail ul, .record_detail ol, .record_detail dl{margin: 0; padding: 0;} /* SEARCH RESULTS STYLES ------------------------------------------------ */ ul#SearchResults { margin: 10px 0; } ul#SearchResults li { list-style: none; margin: 5px 0; font-size: 1em; } /* SEARCH FORM -----------------------------------------------*/ html #SearchForm_SearchForm { position:absolute; top:0;left:0; width: 275px!important; height:39px; background: url(../images/search_bar2.png) no-repeat top left; padding:0!important;margin:0!important; border:0; padding:0!important;margin:0!important; } html #SearchForm_SearchForm input.text { position:absolute; top:11px;left:9px; width: 196px; height:19px; border: none; color: #666; background:transparent url(../images/x.gif); margin: 0; font-size:1.1em;font-weight:normal;padding:0 } html #SearchForm_SearchForm #SearchForm_SearchForm_action_results { position: absolute!important; display: block!important; background: none!important; cursor: pointer!important; overflow: hidden!important; border: 0; color: transparent!important; text-transform: capitalize!important; text-indent:-9999px; top:9px!important; left:214px!important; width: 50px!important; height:25px!important; padding:0!important;margin:0!important; } p#Remember label { margin: -24px 0 0 20px; text-align: left; } /* FOOTER ----------------------------------------------- */ #Footer {background:#fff url(../images/div.png) repeat-x top; padding:80px 0} .footermenulist {float:left;font-size:.9em;padding:8px;margin-left:4px;} .footermenulist li {padding:3px 0} .footermenulist a {color:#999;border-bottom:1px dotted #999;text-decoration:none;} .footermenulist a:hover {color:#000;border-bottom:1px dotted #000;} .footerlistmenu a.current,.footerlistmenu a.section {color:#000} #Footer .about-eastwoodhill a{color:#bc3b22} #Footer .walks a{color:#9e366f} #Footer .gardens-and-collections a{color:#74912d} #Footer .friends a{color:#f99a24} #Footer .news a{color:#6d9599} #Footer .events a{color:#654987} #Footer .facilities a{color:#AF1B24} .footer-contact {color:#666666;text-align:left;clear:both;margin-bottom:20px} #Footer .njd {float:right;color:#ccc;text-decoration:none;font-size:.8em} #Footer .njd:hover {color:black} #Footer .grid_16 {padding:0!important} .copyright {margin:0 0 20px 0;color:#666666} .copyright a{color:#666666;text-decoration:underline} /* nav colours dark orange: #bc3b22 (about-eastwoodhill) purple: #9e366f (walks) green: #74912d (gardens-and-collections) orange: #f99a24 (friends) blue: #6d9599 (news) */