/* Start of CMSMS style sheet 'O-Fly Global' */ /* CSS Document */ /* =universals - unset some browser default styles */ * { margin : 0; padding : 0; border: 0; outline: none;} h2, h3, h4, h5, p, ul, ol, li { margin : 0; padding : 0; border: 0;} /* =general style applied to HTML */ html { text-align: center; padding: 0; margin: 0; border: 0;font-family: Arial, Helvetica, sans-serif; background: #bbbab4 url(/uploads/images/bg_main.jpg) repeat-x; width: 100%;} /* =body */ body { clear: both; padding: 20px 0 0px 0; margin: 0 auto; text-align: center;} /* =headings */ h1 { font-size: 0.1em; color: #fff; background:url(/uploads/images/hdr_bottom.jpg) top no-repeat; height: 118px; width: 928px; margin: 0;padding: 0; } h2, h3, h4 { color: #bbbab4;font-weight: 500;} h2 { } h3 { font-size: 1em; margin-bottom: 0.1em; color: #64996b;font-weight: 900;} h4 { color: #4d5a68;font-size: 0.8em; margin-bottom: 0.1em; font-weight: 900;} /* =p and a*/ p{ padding: 1em 0 0em; margin: 0; font-size: 0.8em;color: #333;word-spacing: 0.1em;line-height: 1.3em;} .right{float: right;} .left{float: left;} p a:link, p a:visited{ text-decoration: none; color: #3485b3; border-bottom: none;} p a:hover{ color: #58973c; border-bottom: 1px dashed #58973c;} a img, :link img, :visited img { border:none;} .content_area ul { clear: both; margin: 0 0 1em 0px;} .content_area ul li{ padding: 0em 0 0em; margin: 0 0 0.4em 40px; font-size: 0.8em;color: #333;word-spacing: 0.1em;line-height: 1.3em;} .content_area ul ul { margin-top: 0.7em; } .content_area ul ul li { margin-left: 15px; font-size: 1em; } /* =divs */ #body_wrap { width: 928px; clear: both; padding: 0px 0 0px 0; margin: 0 auto; background: url(/uploads/images/bg_body.jpg) repeat-y;} #content_wrap{text-align: left;clear: both;} .heading_wrap{float: left; clear: left; text-align: right; width: 230px; padding: 0px 0 0px 0px; margin: 0px 0 0px 10px;} .content_area{ padding: 0px 0 0px 0; margin: 0 32px 0 10px;float: right; width: 588px; border-left: 1px dotted #bbbab4; border-right: 1px dotted #bbbab4;padding: 0 20px 0 20px; min-height: 300px;} * html .content_area {height:300px;} .content_area p{padding: 0 0 1em 0;} /* =headers */ #header{background: url(/uploads/images/header.jpg) no-repeat; text-align: left;} /* =video - homepage */ #video_wrap{background: url(/uploads/images/bg_video.jpg) top center repeat-y;margin: 0 10px 20px 10px;border-top: 3px solid #000; border-bottom: 3px solid #000;} #video_text{background: url(/uploads/images/bg_videotext.jpg) top left no-repeat; padding: 70px 0 40px 60px; width: 370px;} #video_text p{color: #fff; text-align: left;} #video{float: right; width: 438px; background: url(/uploads/images/bg_videovideo.jpg) top right no-repeat;} #otwayvideo{margin: 45px 0px 30px 0;} /* =features - the four feature boxes on the homepage */ #features{padding: 0px 0 0px 24px; _padding: 0px 0 0px 18px; margin: 0px 0 20px 0px; width: 890px;} .feature{color: #666;width: 202px;font-size: 0.8em; float: left; padding: 0 11px 0 0;_padding: 0 5px 0 0; margin: 0 0px 30px 5px; border-right: 1px dotted #bbbab4;line-height: 1.2em;} .feature a:link, .feature a:visited{color: #666;border-bottom: none;} .feature a:hover{color: #000;border-bottom: none;} .title{color: #bbbab4;font-weight: 900;font-size: 1.3em;} .last_feature{padding-right: 0px; margin-right: 0px; border-right: 0;} .feature img{padding: 0px; margin: 0 0 0px 0; border: 0;} .feature a:link img, .feature a:visited img{ border: 3px solid #fff;margin: 0 0 5px 0;} .feature a:hover img{ border: 3px solid #bbbab4;margin: 0 0 5px 0;} /* =navigation - site wide - with the media desk and educational pages in ... the width is 818px and the padding-left is 110px */ .lavaLampBottomStyle {position: relative;height: 21px;width: 758px;background: url(/uploads/images/bg_nav.jpg) no-repeat;padding: 4px 0px 15px 170px;margin: 0px 0px 0px 0px;overflow: hidden;border: none;} .lavaLampBottomStyle li {float: left;list-style: none; border-right: 1px solid #c1c1c1;} .lavaLampBottomStyle li.back {border-bottom: 5px solid #335635;width: 0px;height: 22px;z-index: 8;position: absolute; border-right: none;} .lavaLampBottomStyle li a {font-size: 0.7em;text-decoration: none;color: #000;outline: none;text-align: center;top: 7px;text-transform: lowercase; letter-spacing: 0;z-index: 10;display: block;float: left; height: 22px; position: relative; overflow: hidden; margin: auto 10px auto 10px;_margin: auto 5px auto 5px; } .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {border: none;} .lavaLampBottomStyle li a:hover{color: #528255;} #contact{border-right: none;} /* =extra bits */ .spacer{clear:both;} /* =footer accordion on homepage */ .haccordion{clear: both; background: #fff url(/uploads/images/bg_nav.jpg) bottom no-repeat; padding: 5px 5px 39px 5px; margin: auto 10px 0px 10px;height:100px; border-top: 1px solid #aca9a9;} .haccordion .header, .haccordion .content{ float: left; height: 100px;} .haccordion .header{ width: 30px; background: #ccc; color: #fff; cursor: pointer;} .haccordion .content{ display: none; width: 0px; overflow: auto;text-align: left; background: #fff;} .haccordion .content p{ margin: 0 5px; font-size: 0.7em;} .group_image{float: left; margin: 0 10px 0 10px;} #group_MFS{background: url(/uploads/images/group_MFS.jpg) no-repeat;} #group_ILL{background: url(/uploads/images/group_ILL.jpg) no-repeat;} #group_MAQ{background: url(/uploads/images/group_MAQ.jpg) no-repeat;} #group_UND{background: url(/uploads/images/group_UND.jpg) no-repeat;} #group_FAL{background: url(/uploads/images/group_FAL.jpg) no-repeat;} #group_HOT{background: url(/uploads/images/group_HOT.jpg) no-repeat;} #group_OWF{background: url(/uploads/images/group_OFLY.jpg) no-repeat;} /* =footer - site wide */ #footer{clear:both;background: #bbbab4 url(/uploads/images/bg_footer.jpg) no-repeat;padding: 20px 0 30px 0; position: relative;} #footer p{font-size: 0.7em; color:#8a887a;} #footer p a:link, #footer p a:visited{color: #eeede5;} #footer p a:hover{color: #fff;border-bottom: 1px dashed #fff;} /* =other pages - backgrounds for main/feature div areas etc */ /* =lists for the otway experience pages */ #facts ul, #walk_feature ul, #region_feature ul, #edu_feature ul, #dino ul, #before ul, #first ul, #settling ul, #fire ul, #forest ul, #floor ul, #housing ul, #flyer ul, #wild ul, #light ul, #furry ul, #head_feature ul {list-style: none; height: 220px; overflow: auto; width: 48%; float: left; } #region_feature ul { width: 27%; height: 200px; } #edu_feature ul { height: 100px; overflow: hidden; } #facts ul li, #walk_feature ul li, #region_feature ul li, #edu_feature ul li, #dino ul li, #before ul li, #first ul li, #settling ul li, #fire ul li, #forest ul li, #floor ul li, #housing ul li, #flyer ul li, #wild ul li, #light ul li, #furry ul li, #head_feature ul li { height: 1.05em; } #walk_feature div.bulletmenu { display:inline; } #walk_feature h2 { color: #777a67; font-weight: 500;font-family: Impact, Arial, Helvetica, sans-serif;font-size: 2.9em;text-transform: uppercase;} #facts ul a:link, #facts ul a:visited, #walk_feature ul a:link, #walk_feature ul a:visited, #region_feature ul a:link, #region_feature ul a:visited, #edu_feature ul a:link, #edu_feature ul a:visited, #dino ul a:link, #dino ul a:visited, #before ul a:link, #before ul a:visited, #first ul a:link, #first ul a:visited, #settling ul a:link, #settling ul a:visited, #fire ul a:link, #fire ul a:visited, #forest ul a:link, #forest ul a:visited, #floor ul a:link, #floor ul a:visited, #housing ul a:link, #housing ul a:visited, #flyer ul a:link, #flyer ul a:visited, #wild ul a:link, #wild ul a:visited, #light ul a:link, #light ul a:visited, #furry ul a:link, #furry ul a:visited, #head_feature ul a:link, #head_feature ul a:visited { color: #d6e5d4; text-decoration: none; font-size: 0.8em;} #facts ul a:hover, #walk_feature ul a:hover, #region_feature ul a:hover, #edu_feature ul a:hover, #dino ul a:hover, #before ul a:hover, #first ul a:hover, #settling ul a:hover, #fire ul a:hover, #forest ul a:hover, #floor ul a:hover, #housing ul a:hover, #flyer ul a:hover, #wild ul a:hover, #light ul a:hover, #furry ul a:hover, #head_feature ul a:hover { color: #fff; } #facts ul a.active, #walk_feature ul a.active, #region_feature ul a.active, #edu_feature ul a.active, #dino ul a.active, #before ul a.active, #first ul a.active, #settling ul a.active, #fire ul a.active, #forest ul a.active, #floor ul a.active, #housing ul a.active, #flyer ul a.active, #wild ul a.active, #light ul a.active, #furry ul a.active, #head_feature ul a.active { color: #fff; } .imageWrap{display: block; background-color: #88877e;margin-bottom: 10px;float: left;width: 100%;} .imageWrap img{float: left;margin-right: 10px;_margin-bottom: -5px;} .imageWrap p{font-size: 0.7em; margin: 5px;color: #fff;} .content_area p.seperate{border-top: 1px dotted #bbbab4; margin: 20px 0 0 0; padding: 10px 0 0 0;} /* =facts page */ #facts{background: url(/uploads/images/BG_facts.jpg) no-repeat;padding: 70px 0 10px 580px;height: 230px;margin-bottom:10px;} #facts #leftlist {width: 150px; margin: 0px 0 0 0;} #facts #rightlist {float: right;width: 180px;} /* =in the beginning page */ #dino{background: url(/uploads/images/BG_dino.jpg) no-repeat;padding: 80px 500px 0px 80px;height: 200px;margin-bottom:10px;} #dino #leftlist {width: 150px; margin: 0px 0 0 0;} #dino #rightlist {float: right;width: 180px;} /* =before us page */ #before{background: url(/uploads/images/BG_before.jpg) no-repeat;padding: 80px 0 0px 580px;height: 210px;margin-bottom:10px;} #before #leftlist {width: 150px; margin: 0px 0 0 0;} #before #rightlist {float: right;width: 180px;} /* =settling down page */ #settling{background: url(/uploads/images/BG_settling.jpg) no-repeat;padding: 80px 0 0px 580px;height: 210px;margin-bottom:10px;} #settling #leftlist {width: 150px; margin: 0px 0 0 0;} #settling #rightlist {float: right;width: 180px;} /* =first people page */ #first{background: url(/uploads/images/BG_first.jpg) no-repeat;padding: 80px 500px 0px 80px;height: 200px;margin-bottom:10px;} #first #leftlist {width: 150px; margin: 0px 0 0 0;} #first #rightlist {float: right;width: 180px;} /* =fire and tempest page */ #fire{background: url(/uploads/images/BG_fire.jpg) no-repeat;padding: 80px 500px 0px 80px;height: 200px;margin-bottom:10px;} #fire #leftlist {width: 150px; margin: 0px 0 0 0;} #fire #rightlist {float: right;width: 180px;} /* =the forest giants page */ #forest{background: url(/uploads/images/BG_forest.jpg) no-repeat;padding: 80px 500px 0px 80px;height: 200px;margin-bottom:10px;} #forest #leftlist {width: 150px; margin: 0px 0 0 0;} #forest #rightlist {float: right;width: 180px;} /* =forest floor page */ #floor{background: url(/uploads/images/BG_floor.jpg) no-repeat;padding: 80px 0 0px 580px;height: 210px;margin-bottom:10px;} #floor #leftlist {width: 150px; margin: 0px 0 0 0;} #floor #rightlist {float: right;width: 180px;} /* =mid level housing page */ #housing{background: url(/uploads/images/BG_housing.jpg) no-repeat;padding: 80px 500px 0px 80px;height: 200px;margin-bottom:10px;} #housing #leftlist {width: 150px; margin: 0px 0 0 0;} #housing #rightlist {float: right;width: 180px;} /* =otway flyer page */ #flyer{background: url(/uploads/images/BG_flyer.jpg) no-repeat;padding: 80px 0 0px 580px;height: 210px;margin-bottom:10px;} #flyer #leftlist {width: 150px; margin: 0px 0 0 0;} #flyer #rightlist {float: right;width: 180px;} /* =wild and wondrous page */ #wild{background: url(/uploads/images/BG_wild.jpg) no-repeat;padding: 80px 500px 0px 80px;height: 200px;margin-bottom:10px;} #wild #leftlist {width: 150px; margin: 0px 0 0 0;} #wild #rightlist {float: right;width: 180px;} /* =the light goes out page */ #light{background: url(/uploads/images/BG_light.jpg) no-repeat;padding: 80px 0 0px 580px;height: 210px;margin-bottom:10px;} #light #leftlist {width: 150px; margin: 0px 0 0 0;} #light #rightlist {float: right;width: 180px;} /* =our furry friends page */ #furry{background: url(/uploads/images/BG_furry.jpg) no-repeat;padding: 80px 500px 0px 80px;height: 200px;margin-bottom:10px;} #furry #leftlist {width: 150px; margin: 0px 0 0 0;} #furry #rightlist {float: right;width: 180px;} /* =head_feature - foot linked pages - eg accessibilty, privacy policy, resources etc. */ #head_feature{background: url(/uploads/images/head_feature.jpg) no-repeat;padding: 20px 100px 0px 40px;height: 260px;margin-bottom:10px;position: relative;} #head_feature h2{ color: #777a67; font-weight: 500;font-family: Impact, Arial, Helvetica, sans-serif;font-size: 2.9em;text-transform: uppercase;} #head_feature #firstWord{position: relative; top: -22px; right: -10px; color:#8a8d7c; font-size: 0.5em;} #head_feature #leftlist {width: 150px; margin: 10px 0 0 20px;} #head_feature img {position: absolute; bottom: 13px; right: 32px;_right: 38px;border: 2px solid #4e533c;border-bottom: none;} /* =region_feature - all region pages. */ #region_feature{background: url(/uploads/images/region_feature.jpg) no-repeat;padding: 20px 100px 0px 40px;height: 260px;margin: 0 0 10px 0px;position: relative;} #region_feature h2{ color: #83a4c8; font-weight: 500;font-family: Impact, Arial, Helvetica, sans-serif;font-size: 2.9em;text-transform: uppercase;} #region_feature #firstWord{position: relative; top: -22px; right: -10px; color:#b5cbe5; font-size: 0.5em;} #region_feature #leftlist {width: 150px; margin: 10px 0 0 20px;} /* =rot_header - rotating/transitioning main images - for the main region page. */ #region_feature #rot_header_wrap {position: absolute; bottom: 12px; right: 31px; _right: 37px;} #rot_header_wrap #rot_header {position: absolute; bottom: 1px; right: 1px; height: 280px;} #region_feature img {position: absolute; bottom: 13px; right: 32px;_right: 38px;border: 2px solid #000;border-bottom: none;} #rot_header_wrap #rot_header img {position: absolute; bottom: 0px; right: 0px;_right: 0px;border: 2px solid #000;border-bottom: none;} /* =location and costs page */ #locationWrap{margin: 0 0px 0px 0px;padding: 0 10px 0 10px;} #location{background: url(/uploads/images/bg_location.jpg) top center repeat-y;border-top: 3px solid #000; border-bottom: 3px solid #000;height: 312px;_height: 312px;} #map{float: right; margin: 20px 20px 0px 20px; _margin: 20px 14px 0px 0px;border: 2px solid #000;border-bottom:none;} #map p{color: #000;} /* =newWrap - used to create seperate content areas - as inside the content area of the location page */ .newWrap{clear:both;padding-top: 20px;} a:link.dl_maps, a:visited.dl_maps, a:hover.dl_maps{text-decoration: none;border-bottom: none;} a:link.dl_maps img, a:visited.dl_maps img{border: 3px solid #999;text-decoration: none;} a:hover.dl_maps img{border: 3px solid #000;text-decoration: none;} /* =news and media pages */ #media_feature{background: url(/uploads/images/media_feature.jpg) no-repeat;padding: 20px 100px 0px 40px;height: 260px;margin: 0 0 10px 0px;position: relative;} #media_feature h2{ color: #c8c6bd; font-weight: 500;font-family: Impact, Arial, Helvetica, sans-serif;font-size: 2.9em;text-transform: uppercase;} #media_feature #firstWord{position: relative; top: -22px; right: -10px; color:#dad7cb; font-size: 0.5em;} #media_feature #leftlist {width: 150px; margin: 10px 0 0 20px;} #media_feature img {position: absolute; bottom: 13px; right: 32px;_right: 38px;border: 2px solid #777567;border-bottom: none;} p.smallDate{font-size:0.6em; color: #b2b8bf; position: relative; top: -2px;margin:0; padding:0;} /* =the walk pages */ #walk_feature{background: url(/uploads/images/walk_feature_bg.jpg) no-repeat;padding: 20px 100px 0px 40px;height: 260px;margin: 0 0 10px 0px;position: relative;} #walk_feature h2{ color: #82613e; font-weight: 500;font-family: Impact, Arial, Helvetica, sans-serif;font-size: 2.9em;text-transform: uppercase;} #walk_feature #firstWord{position: relative; top: -22px; right: -10px; color:#9b7956; font-size: 0.5em;} #walk_feature #leftlist {width: 150px; margin: 10px 0 0 20px;} #walk_feature img {position: absolute; bottom: 13px; right: 32px;_right: 38px;border: 2px solid #000;border-bottom: none;} /* =contact us page */ #contact_feature{background: url(/uploads/images/contact_header.jpg) no-repeat;padding: 20px 100px 0px 40px;height: 260px;margin: 0 0 10px 0px;position: relative;} #contact_feature h2{ color: #748374; font-weight: 500;font-family: Impact, Arial, Helvetica, sans-serif;font-size: 2.9em;text-transform: uppercase;} #contact_feature #firstWord{position: relative; top: -22px; right: -10px; color:#9aa79a; font-size: 0.5em;} #contact_feature #leftlist {width: 150px; margin: 10px 0 0 20px;} #contact_feature img {position: absolute; bottom: 13px; right: 32px;_right: 38px;border: 2px solid #000;border-bottom: none;} #contact_wrap{border: 1px solid #bfbfbf; background-color:#dddddd; padding: 10px;margin-bottom: 10px;} /* =edu_feature */ #edu_feature{background: url(/uploads/images/edu_feature.jpg) no-repeat;padding: 20px 100px 0px 40px;height: 260px;margin: 0 0 10px 0px;position: relative;} #edu_feature h2{ color: #83a4c8; font-weight: 500;font-family: Impact, Arial, Helvetica, sans-serif;font-size: 2.9em;text-transform: uppercase;} #edu_feature #firstWord{position: relative; top: -22px; right: -10px; color:#b5cbe5; font-size: 0.5em;} #edu_feature #leftlist {width: 150px; margin: 10px 0 0 20px;} #edu_feature img {position: absolute; bottom: 13px; right: 32px;_right: 38px;border: 2px solid #000;border-bottom: none;} .eduTable{margin-bottom: 20px;} .eduTable td{border: 1px solid #e4e4e4; padding: 4px;} .eduTable td ul li{margin: 0 0 0 20px; padding: 0;} #subscribe { border-top: 1px dotted #BBBAB4; width: 200px; position: absolute; top: -170px; left: 40px; } * html #subscribe {left: -420px;} #subscribe h3 { color: #BBBAB4; font-weight: 500; text-align: left; font-size: 130%; } #subscribe input { border: 1px solid #BBBAB4; width: 95%; padding: 2px 4px; } #subscribe p { padding: 0; margin-bottom: 3px; text-align: left; } #subscribe #frm_subscribe_submit { width: 50%; float: right; } /* End of 'O-Fly Global' */