/* -------------------------------------------- */ /* (c) Advent Web Solutions */ /* www.adventwebsolutions.co.nz */ /* -------------------------------------------- */ #internationalNav{display: block; font-size: 0; text-indent: -9999px; line-height: 0; outline: 0;} #aboutNav{display: block; font-size: 0; text-indent: -9999px; line-height: 0; outline: 0;} #adventFooter{display: block; font-size: 0; text-indent: -9999px; line-height: 0; outline: 0;} #nav{display: block; font-size: 0; text-indent: -9999px; line-height: 0; outline: 0;} h4{display: block; font-size: 0; text-indent: -9999px; line-height: 0; outline: 0;} h3{display: block; font-size: 0; text-indent: -9999px; line-height: 0; outline: 0;} h1{display: block; font-size: 0; text-indent: -9999px; line-height: 0; outline: 0;} /* LAYOUT */ html{font-size: 100%;} body{background: #ffffff; font-size: 62.5%;} #wrapper{background: #ffffff; width: 978px; margin: 25px auto;} #top{position: relative; background: #ffffff; height: 140px;} #top h1{position: absolute; top: 0px; left: 52px; background: url(images/header.gif) no-repeat; width: 978px; height: 117px;} #top h1 a{display: block; height: 117px;} #pageTop{background: url(images/pageBackgroundTop.jpg); width: 978px; height: 10px;} #pageBottom{background: url(images/pageBackgroundBottom.jpg); width: 978px; height: 19px;} #nav{height: 50px; width: 978px; background: #ffffff;} #nav li{float: left; height: 50px; } #nav li a{display: block; height: 50px;} #nav li.home a{background: url(images/menuHomeOff.gif) no-repeat; width: 190px;} #nav li.home a:hover{background: url(images/menuHomeOn.gif) no-repeat;} #nav li.about a{background: url(images/menuAboutOff.gif) no-repeat; width: 93px;} #nav li.about a:hover{background: url(images/menuAboutOn.gif) no-repeat;} #nav li.calendar a{background: url(images/menuCalendarOff.gif) no-repeat; width: 155px;} #nav li.calendar a:hover{background: url(images/menuCalendarOn.gif) no-repeat;} #nav li.international a{background: url(images/menuInternationalOff.gif) no-repeat; width: 201px;} #nav li.international a:hover{background: url(images/menuInternationalOn.gif) no-repeat;} #nav li.enrolment a{background: url(images/menuEnrolmentOff.gif) no-repeat; width: 108px;} #nav li.enrolment a:hover{background: url(images/menuEnrolmentOn.gif) no-repeat;} #nav li.contact a{background: url(images/menuContactOff.gif) no-repeat; width: 231px;} #nav li.contact a:hover{background: url(images/menuContactOn.gif) no-repeat;} #aboutNav{height: 42px; width: 683px; background: #ffffff;} #aboutNav li{float: left; height: 50px; } #aboutNav li a{display: block; height: 50px;} #aboutNav li.news a{background: url(images/aboutMenuNewsOff.gif) no-repeat; width: 132px;} #aboutNav li.news a:hover{background: url(images/aboutMenuNewsOn.gif) no-repeat;} #aboutNav li.staff a{background: url(images/aboutMenuStaffOff.gif) no-repeat; width: 136px;} #aboutNav li.staff a:hover{background: url(images/aboutMenuStaffOn.gif) no-repeat;} #aboutNav li.policies a{background: url(images/aboutMenuPoliciesOff.gif) no-repeat; width: 89px;} #aboutNav li.policies a:hover{background: url(images/aboutMenuPoliciesOn.gif) no-repeat;} #aboutNav li.uniform a{background: url(images/aboutMenuUniformOff.gif) no-repeat; width: 88px;} #aboutNav li.uniform a:hover{background: url(images/aboutMenuUniformOn.gif) no-repeat;} #aboutNav li.fees a{background: url(images/aboutMenuFeesOff.gif) no-repeat; width: 62px;} #aboutNav li.fees a:hover{background: url(images/aboutMenuFeesOn.gif) no-repeat;} #aboutNav li.culture a{background: url(images/aboutMenuCultureOff.gif) no-repeat; width: 89px;} #aboutNav li.culture a:hover{background: url(images/aboutMenuCultureOn.gif) no-repeat;} #aboutNav li.sports a{background: url(images/aboutMenuSportsOff.gif) no-repeat; width: 87px;} #aboutNav li.sports a:hover{background: url(images/aboutMenuSportsOn.gif) no-repeat;} #internationalNav{height: 42px; width: 683px; background: url(images/menuBackground.gif);} #internationalNav li{float: left; height: 50px; } #internationalNav li a{display: block; height: 50px;} #internationalNav li.say a{background: url(images/internationalNavSayOff.gif) no-repeat; width: 197px;} #internationalNav li.say a:hover{background: url(images/internationalNavSayOn.gif) no-repeat;} #internationalNav li.enrolment a{background: url(images/internationalNavEnrolmentOff.gif) no-repeat; width: 148px;} #internationalNav li.enrolment a:hover{background: url(images/internationalNavEnrolmentOn.gif) no-repeat;} #internationalNav li.homestay a{background: url(images/internationalNavHomestayOff.gif) no-repeat; width: 99px;} #internationalNav li.homestay a:hover{background: url(images/internationalNavHomestayOn.gif) no-repeat;} #internationalNav li.links a{background: url(images/internationalNavLinksOff.gif) no-repeat; width: 111px;} #internationalNav li.links a:hover{background: url(images/internationalNavLinksOn.gif) no-repeat;} #content ul{line-height: 1.5; padding: 10px 15px; font-family: Arial, Verdana; font-size: 12px;} #content li{line-height: 1.5; padding: 0 0 5px 15px;} #container{width: 978px; padding: 0px 0 0 9px; overflow: auto; background: url(images/pageBackground.gif) repeat-y;} #container.home{padding-top: 0px;} #sideBar{float: right; width: 275px; height: 500px; margin: 0 18px 0 0;} #homeHeader{background: url(images/headerHome.jpg); width: 683px; height: 310px;} #Header{width: 683px; height: 155px;} #welcomeHeader{background: url(images/pageHeaderWelcome.gif); width: 683px; height: 50px;} #content{float: left; width: 683px;} #newsHeader{background: url(images/pageHeaderNewsevents.gif); float: left; width: 233px; height: 30px; margin: 25px 0 25px 0; padding: 20px 0 0 450px; color: #ffffff; font-family: Arial, Verdana, sans-serif; font-size: 13px;} .newsItem{background: #ffffff; float: left; width: 100%; color: #ffffff; font-family: Arial, Verdana, sans-serif; font-size: 10px;} .quote{background: #ffffff; width: 406px; margin: 0 auto;} #movie{ margin: 20px; } #footer{float: left;width: 100%;} #balmacFooter{background: url(images/copyrightBalmac.jpg); float: left; width: 326px; height: 161px;} #lifeFooter{background: url(images/footerTagline.gif); float: left; width: 326px; height: 161px;} #adventFooter{background: url(images/copyrightAdvent.jpg); float: left; width: 326px; height: 161px;} /* TYPOGRAPHY */ h2{border-bottom: 1px dashed #ccc; clear: left; color: #a40234; font-size: 18px; font-family: Arial, Verdana, sans-serif; margin: 15px 0 10px 15px; padding-bottom: 5px;} h3{background-position: 0 50%; background-repeat: no-repeat; height: 52px; margin: 0 auto; margin-bottom: 30px;} #about h3 {background-image: url(images/q/quoteAbout.gif); width: 406px;} h4{background-position: 0 50%; background-repeat: no-repeat; height: 155px; width: 683px;} #about h4 {background-image: url(images/t/headerAbout.jpg);} #news h4 {background-image: url(images/t/headerNews.jpg);} #staff h4 {background-image: url(images/t/headerStaff.jpg);} #policies h4 {background-image: url(images/t/headerPolicies.jpg);} #uniform h4 {background-image: url(images/t/headerUniform.jpg);} #fees h4 {background-image: url(images/t/headerFees.jpg);} #culture h4 {background-image: url(images/t/headerCulture.jpg);} #sports h4 {background-image: url(images/t/headerSports.jpg);} #calendar h4 {background-image: url(images/t/headerCalendar.jpg);} #international h4 {background-image: url(images/t/headerInternational.jpg);} #enrolment h4 {background-image: url(images/t/headerEnrolment.jpg);} #contact h4 {background-image: url(images/t/headerContact.jpg);} #redtop h4 {background-image: url(images/t/headerRedtop.jpg);} #blogs h4 {background-image: url(images/t/headerBlogs.jpg);} #newsletter h4 {background-image: url(images/t/headerNewsletter.jpg);} #draws h4 {background-image: url(images/t/headerDraws.jpg);} h5{color: #a40234; font-size: 18px; font-family: Arial, Verdana, sans-serif; margin: 0 0 0 15px;} h6{color: #a40234; font-size: 14px; font-family: Arial, Verdana, sans-serif; margin: 15px 0 15px 15px;} .staffTemplate{border-bottom: 1px dashed #ccc; width: 683px; margin-bottom: 10px; padding-bottom: 5px; margin-top: 20px; overflow: auto;} .staffTemplate p{} .staffTemplate img{float: left!important; clear: none; border: 3px solid #cccccc; margin: 0 10px 10px 20px;} strong{font-weight: bold;} .staffTemplate strong{display: block; color: #6d0019; margin-bottom: 5px; font-family: Arial, Verdana; font-size: 13px;} #culture strong{ color: #6d0019; font-family: Arial, Verdana; font-size: 13px; text-align: center;} #homestay strong{ color: #6d0019; font-family: Arial, Verdana; font-size: 13px; text-align: center;} fieldset{width: 600px; padding: 25px; margin: 0 auto;} fieldset div{padding-top: 3px;} label{float: left; color: #a40234; font-size: 12px; font-family: Arial, Verdana; width: 100px; padding-top: 3px;} textarea{background: #eeeeee; font-size: 12px; border: 0; color: #3c8436;width: 300px; padding: 5px;} input{background: #eeeeee; font-size: 12px; border: 0; color: #3c8436;width: 300px; padding: 5px;} textarea{font-size: 12px; font-family: Arial, Verdana; width: 450px; height: 150px; margin: 0;} #submit{background: #eeeeee; width: 133px; height: 31px; } #submit:hover{background-position: -133px 0; cursor: pointer;} p{color: #000000; margin: 15px; font-family: Arial, Verdana; font-size: 12px; line-height: 15px;} p{color: #2c2c2c;} #newsHeader a{color: #fff; text-decoration: none;} #newsHeader a:hover{position: relative; top: -1px; border-bottom: 2px solid #fff;} a{color: #2c2c2c;} #footer a{color: #fff; border-bottom: 1px solid #fff; text-decoration: none;} #footer a:hover{position: relative; top: -1px; border-bottom: 2px solid #fff;} em{color: #6a0832;} .list{margin: 5px 15px;} .list li{background: url(/images/li.png) 0 50% no-repeat; font: 1.2em Arial, Verdana, sans-serif; padding-left: 10px;} img{margin: 25px 0 0 20px;} .imgLarge{margin-top: 10px; margin-bottom: 10px;} #about .img{margin: 15px;} #lightboxImage{margin: 0;}