@CHARSET "ISO-8859-1";
/* browser reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin: 0;
padding: 0;
border: 0;
font-family: Tahoma;
}
body{
background-image: url(../images/papertile.jpg);
background-repeat: repeat;
}
#wrapper{
width: 950px;
height: auto;
margin: 0 auto;
}
#header{
height: 160px;
position: relative;
top: 55px;
left: 35px;
}
/*When using transparent PNGs as bg images via css, IE6 cant render properly so we use CSS such as the in eihack-pre7.css
eg. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/temp/images/navtop.png');
the problem is that interactive content doesnt work when using the above fix, so we must duplicate the div containing the content. Place them both in the sameposition. Then assign a lower z-index to the div with the background trans. png, and have no background on the div containg the interactive content. This will be the case for
#content
#nenu-top
#menu-bottom
*/
#menu_top{
height: 64px;
width: 879px;
z-index: 4;
margin: 0 auto;
text-align: left;
position: relative;
top: 243px;
left: 0;
}
#menu_top_ie6fix{
height: 72px;
width: 912px;
background-image: url(../images/top_nav_bg.png);
background-repeat: no-repeat;
background-position: center top;
z-index: 3;
margin: 0 auto;
text-align: left;
/*padding-top: 16px;*/
position: relative;
top: 220px;
left: -15px;
zoom: 1;
}
#content{
height: 396px;
width: 880px;
margin: auto;
padding-top: 30px;
z-index: 2;
position: relative;
top: 250px;
left: 3px;
}
#content_ie6fix{
background-image: url(../images/bg2.png);
background-repeat: no-repeat;
background-position: center top;
height: 396px;
width: 880px;
margin: auto;
padding-top: 30px;
z-index: 1;
position: relative;
top: 230px;
left: 3px;
}
.content_left{
padding: 20px 0 0 40px;
width: 380px;
}
#content_right{
float: right;
height: 280px;
width: 390px;
overflow: auto;
margin: 15px 20px 0 0px;
padding: 0 20px 0 0;
}
#menu_bottom{
width: 879px;
z-index: 4;
margin: 0 auto;
/*padding: 20px 0 0 0;*/
position: relative;
top: 612px;
left: 0;
}
#menu_bottom_ie6fix{
background-image: url(../images/bototm_nav_bg.png);
background-repeat: no-repeat;
background-position: center top;
width: 924px;
height: 85px;
z-index: 3;
margin: 0 auto;
padding: 20px 0 0 0;
position: relative;
top: 582px;
left: -5px;
}
.abs{
position: absolute;
width: 0;
height: 0;
top: 0px;
}
#grass{
position: relative;
top: 510px;
left: 0px;
background-image: url(../images/grass.png);
background-repeat: no-repeat;
background-position: left top;
width: 880px;
height: 84px;
margin: auto;
z-index: 3;
}
#footer{
position: relative;
top: 680px;
left: 424px;
width: 400px;
height: 40px;
z-index: 5;
text-align: right;
display: none;
}
#downloadpdf{
position: relative;
top: 1px;
left: 510px;
z-index: 1000;
width: 370px;
height: 230px;
}
#site_by{
text-indent: -9999px;
background: url(../images/coders-logo.png);
position: relative;
top: 680px;
left: 700px;
width: 187px;
height: 46px;
z-index: 10;
}
#site_by a{
font-weight: bold;
display: block;
width: 187px;
height: 46px;
}
#downloadpdf #mediahub{
position: relative;
top: 7px;
left: 10px;
}
#downloadpdf #chub{
position: relative;
top: 6px;
}
#downloadpdf #hhub{
position: relative;
top: 10px;
}
#sessional{
position: relative;
top: 420px;
left: 50px;
z-index: 2;
}
#goanna{
position: relative;
top: 570px;
left: 820px;
z-index: 5;
display: none;
}
#flower{
position: relative;
top: 420px;
left: -20px;
z-index: 2;
}
#butterfly{
position: relative;
top: 20px;
/*left: 800px;*/
left: 250px;
z-index: 5;
display: none;
}
a{
font-family: Tahoma;
color: #FFFFFF;
text-decoration: none;
}
a:hover{
font-family: Tahoma;
/*color: #6d4e16;*/
text-decoration: underline;
}
h1{
font-family: Tahoma;
font-size: 15px;
font-weight: bold;
color: #000;
padding-bottom: 10px;
}
h2{
font-family: Tahoma;
font-size: 13px;
font-weight: bold;
color: #000;
padding-bottom: 5px;
text-transform: lowercase;
padding-top: 10px;
}
h3{
font-family: Tahoma;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #000;
text-transform: lowercase;
}
h6{
width: 360px;
height: auto;
padding: 2px;
text-align: center;
margin: 10px 0;
font-size: 12px;
font-weight: bold;
color: #6d4e16;
background-color: #ebd2a6;
text-transform: lowercase;
}
p{
font-family: Tahoma;
font-size: 12px;
color: #000;
padding: 0 0 5px 0;
}
ul{
margin-left: 10px;
}
ul li{
list-style-type: disc;
padding: 5px 0 5px 0px;
color: #000;
font-family: Tahoma;
font-size: 12px;
margin-left: 15px;
font-weight: normal;
}
span.brackettxt{
font-size: 11px;
color: #6d4e16;
font-weight: bold;
font-style: italic;
}
p.mission{
color: #6d4e16;
font-size: 16px;
font-style: italic;
text-align: center;
font-weight: bold;
}
.brown{
color: #6d4e16;
}
.btt{
float: right;
}
#footer p{
color: #866323;
margin: 0 auto;
padding: 0;
}
#footer p a{
color: #866323;
}
p#largemap{
position: relative;
left: 60px;
top: 6px;
}
p#largemap a{
color: #6d4e16;
font-weight: bold;
}
table#fees_tbl{
width: 370px;
margin: 10px 0 0 0;
}
table#fees_tbl td{
padding: 3px;
}
table#fees_tbl td.r1{
width: 50px;
}
table#fees_tbl td.r2{
width: 44px;
}
table#fees_tbl td.r3{
width: 90px;
}
table#fees_tbl td.r4{
}
#fees_tbl td h3{
font-family: Tahoma;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
text-transform: lowercase;
}
#fees_tbl td p{
font-size: 10px;
}
#fees_tbl .tblhead td{
background-color: #866323;
text-align: center;
}
#fees_tbl td{
background-color: #ebd2a6;
}
#fees_tbl td p{
color: #866323;
}
#fees_tbl td.c1{
}
#fees_tbl td.c2{
text-align: center;
}
#fees_tbl td.c2 p{
text-align: center;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
#fees_tbl td.c3{
}
#fees_tbl td.c4{
}
/*top menu*/
#menu_top ul{
margin: 4px 0 0 0;
padding: 0;
text-align: left;
}
#menu_top ul li{
margin: 0;
padding: 0;
float: left;
height: 36px;
list-style-type: none;
}
#menu_top ul li a{
display: block;
color: #000;
font-weight: bold;
margin-left: 36px;
font-family: tahoma, arial, san-serif;
font-size: 14px;
}
#menu_top ul li a#mm_home.selected{
}
#menu_top ul li a#mm_home{
/*width: 45px;*/
margin-left: 60px;
}
#menu_top ul li a:hover#mm_home{
}
#menu_top ul li a#mm_services.selected{
}
#menu_top ul li a#mm_services{
}
#menu_top ul li a:hover#mm_services{
}
#menu_top ul li a#mm_noticeboard.selected{
}
#menu_top ul li a#mm_noticeboard{
}
#menu_top ul li a:hover#mm_noticeboard{
}
#menu_top ul li a#mm_staff.selected{
}
#menu_top ul li a#mm_staff{
}
#menu_top ul li a:hover#mm_staff{
}
#menu_top ul li a#mm_contact-us{
}
#menu_top ul li a:hover#mm_contact-us{
}
#menu_top ul li a#mm_contact-us.selected{
}
#menu_top ul li a#mm_enrolment-enquiries{
}
#menu_top ul li a:hover#mm_enrolment-enquiries{
}
#menu_top ul li a#mm_enrolment-enquiries.selected{
}
/*bottom menu*/
#menu_bottom ul{
margin: 0;
padding: 0;
text-align: left;
margin-left: 0px;
}
#menu_bottom ul li{
margin: 0;
padding: 0;
float: left;
height: 36px;
list-style-type: none;
}
#menu_bottom ul li a{
display: block;
margin-left: 30px;
font-weight: bold;
font-family: tahoma, arial, san-serif;
font-size: 14px;
}
#menu_bottom ul li a#mm_fee-schedule.selected{
}
#menu_bottom ul li a#mm_fee-schedule{
margin-left: 50px;
}
#menu_bottom ul li a:hover#mm_fee-schedule{
}
#menu_bottom ul li a#mm_habitat_3_3.selected{
}
#menu_bottom ul li a#mm_habitat_3_3{
}
#menu_bottom ul li a:hover#mm_habitat_3_3{
}
#menu_bottom ul li a#mm_montessori.selected{
}
#menu_bottom ul li a#mm_montessori{
}
#menu_bottom ul li a:hover#mm_montessori{
}
#menu_bottom ul li a.selected#mm_parent-handbook{
}
#menu_bottom ul li a#mm_parent-handbook{
}
#menu_bottom ul li a:hover#mm_parent-handbook{
}
#menu_bottom ul li a.selected#mm_gallery{
}
#menu_bottom ul li a#mm_gallery{
}
#menu_bottom ul li a:hover#mm_gallery{
}
#menu_bottom ul li a.selected#mm_employment{
}
#menu_bottom ul li a#mm_employment{
}
#menu_bottom ul li a:hover#mm_employment{
}
#menu_bottom ul li a#mm_links.selected{
}
#menu_bottom ul li a#mm_links{
}
#menu_bottom ul li a:hover#mm_links{
}
/*forms*/
.formTbl .form_des{
font-size: 12px;
font-weight: bold;
color: #000;
padding-top: 8px;
}
.formTbl .form_small_des{
font-size: 10px;
font-weight: normal;
color: #000;
}
#errordiv{
margin: 0px 0 0 0;
width: 340px;
background-color: #FFF7C0;
border: 2px solid #FF0000;
padding: 10px;
}
#errordiv span{
display: block;
}
.error_heading{
color: #000;
font-weight: bold;
font-size: 12px;
}
.error{
color: #000;
font-size: 10px;
}
/*gallery*/
#gallery{
float: right;
height: 299px;
width: 800px;
margin: 10px 20px 0 0px;
padding: 0 20px 0 20px;
text-align: center;
}
/*staff*/
#staff{
float: right;
height: 280px;
width: 800px;
overflow: auto;
margin: 15px 20px 0 0px;
padding: 0 20px 0 20px;
}
#staff .s_row{
height: auto;
min-height: 255px;
width: 800px;
}
#staff .s_right{
float: right;
width:380px;
}
.s_row_small{
min-height: 200px;
width: 800px;
}
.s_row_small img{
float: right;
margin: 0 15px 0 20px;
padding-top: 25px;
}
.s_email{
font-family: Tahoma;
font-size: 12px;
color: #FFFFFF;
font-style: italic;
font-weight: normal;
}
/*page images*/
div#home.content_left img{
position: relative;
top: 5px;
left: 0px;
}
div#services.content_left img{
position: relative;
top: 5px;
left: 0px;
}
div#noticeboard.content_left img{
position: relative;
top: 5px;
left: 0px;
}
div#enrolment.content_left img{
position: relative;
top: 5px;
left: 0px;
}
div#staff.content_left img{
position: relative;
top: 5px;
left: 0px;
}
div#habitat_3_3.content_left img{
position: relative;
top: 5px;
left: 0px;
}
div#fee_schedule.content_left img{
position: relative;
top: 5px;
left: 0px;
}
div#links.content_left img{
position: relative;
top: 5px;
left: 0px;
}
#tempimg{
position: relative;
top: -20px;
left: 20px;
}
/*general*/
.moreinfo{
text-align: right;
}
/*google maps*/
#map{
width: 350px;
height:300px;
}
#maplink.abs{
width: 200px;
height: 30px;
}
#preload{
display: none;
}
#disc{
width: 100%;
height: 100%;
background-image: url(../images/papertile.jpg);
background-repeat: repeat;
position: absolute;
top: 0;
left: 0;
z-index: 10000;
display: none;
text-align: center;
}
#disc iframe{
width: 600px;
height: 500px;
margin-top: 20px;
}
#habitat-logo {
display: block;
height: 160px;
width: 240px;
background: url('/html/images/habiatlogo.png') top left no-repeat;
}
#hhub {
display: block;
height: 70px;
width: 379px;
background: url('/html/images/enewsletter_but.png') top left no-repeat;
}
#chub {
display: block;
height: 75px;
width: 379px;
background: url('/html/images/chefshub_but.png') top left no-repeat;
}
#mediahub {
display: block;
height: 71px;
width: 369px;
background: url('/html/images/media_but.png') top left no-repeat;
}
#lifestyleHolder a {
position: relative;
z-index: 4000;
left: 330px;
top: 100px;
width: 142px;
height: 114px;
background: url('/html/images/lifestyle-logo.png') no-repeat;
display: block;
}
#tinselTunesHolder a{
position: relative;
z-index: 4000;
left: 330px;
top: 70px;
width: 142px;
height: 20px;
padding-top: 133px;
background: url('/html/images/tinsel-tunes-cover.png') no-repeat;
display: block;
text-align: center;
color: #000;
font-weight: bold;
font-size: 14px;
letter-spacing:6px
}
#tinselTunesHolder a:hover{
text-decoration: none;
}
#ncacHolder {
position: relative;
z-index: 4000;
left: 0;
top: 520px;
width: 100px;
}
#letterHolder {
position: relative;
z-index: 4000;
left: 115px;
top: 445px;
width: 140px;
}
#today {
position: relative;
z-index: 4000;
left: 269px;
top: 393px;
width: 140px;
}
#rchLogo {
position: relative;
z-index: 4000;
left: 420px;
top: 345px;
width: 232px;
}
#fbLogo {
position: relative;
z-index: 4000;
left: 670px;
top: 275px;
width: 32px;
}
#ytLogo {
position: relative;
z-index: 4000;
left: 670px;
top: 285px;
width: 32px;
}
#privacy {
position: relative;
z-index: 4000;
left: 800px;
top: 285px;
font-weight: bold;
width: 112px;
}
#contact {
position: relative;
left: 710px;
top: 685px;
width: 200px;
text-align: right;
}
#contact p, #contact p a {
color: #000;
}