body
{
width: 100%;
color: #544a24;
background: #06466f url(/images/bg.jpg) repeat-x;
font-family: arial, verdana;
font-size: 62.5%;
text-align: center;
margin: 0 auto 0 auto;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
}
img.float_left
{
float: left;
padding: 0 8px 8px 0;
}
form
{
margin: 0;
padding: 0;
}

a:visited, a:link
{
outline: none;
color: #d0a801;
text-decoration: underline;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #0e86c5;
text-decoration: underline;
}

hr
{
clear: left;
width: 100%;
height: 1px;
color: #000000;
border: 0px none;
border-bottom: 1px dotted #000000;
padding: 15px 0 0 0;
margin: 0 0 15px 0;
line-height: 1em;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 3px;
border: 0 none;
background: #fff;
color: #313731;
}

h2
{
color: #0e86c5;
padding: 0;
margin: 0 0 .8em 0;
display: block;
font-size: 1.4em;
line-height: 1.3em;
}
h3
{
padding: 0;
margin: 0 0 .8em 0;
display: block;
font-size: 1.3em;
line-height: 1.5em;
}
h4, p
{
padding: 0;
margin: 0 0 .8em 0;
font-size: 1.2em;
line-height: 1.5em;
}

ul, ol
{
margin: 0 0 10px 0;
padding: 0 0 0 20px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.5em;
}
li li
{
font-size: 1em;
}

p.logo, h1.logo, div.content h1, div.panel ul li, div.panel h2, div.intro h2, div.orange, div.bar
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
}
p.logo a, h1.logo a, div.panel ul li a, div.panel h2 a
{
float: left;
display: block;
text-decoration: none;
}
p.logo, p.logo a, h1.logo, h1.logo a
{
background: url(/images/logo.gif) no-repeat;
width: 392px;
height: 45px;
}
p.logo, h1.logo
{
margin: 26px 0 30px 0;
}
p.logo a:hover, h1 a:hover{text-decoration: none;}

div.content h1
{
height: 22px;
width: 100%;
margin: 0 0 22px 0;
padding: 0;
}
div.content h1.ourschool{background: url(/titles/ourschool.gif) no-repeat;}
div.content h1.about{background: url(/titles/about.gif) no-repeat;}
div.content h1.studentsrooms{background: url(/titles/studentsrooms.gif) no-repeat;}
div.content h1.contact{background: url(/titles/contact.gif) no-repeat;}
div.content h1.enrolment{background: url(/titles/enrolment.gif) no-repeat;}
div.content h1.board{background: url(/titles/board.gif) no-repeat;}
div.content h1.gallery{background: url(/titles/gallery.gif) no-repeat;}
div.content h1.gallery_archive{background: url(/titles/gallery_archive.gif) no-repeat;}
div.content h1.news{background: url(/titles/news.gif) no-repeat;}
div.content h1.events{background: url(/titles/events.gif) no-repeat;}
div.content h1.events_archive{background: url(/titles/events_archive.gif) no-repeat;}
div.content h1.community{background: url(/titles/community.gif) no-repeat;}
div.content h1.boardpta{background: url(/titles/boardpta.gif) no-repeat;}
div.content h1.boardlogin{background: url(/titles/boardlogin.gif) no-repeat;}
div.content h1.parentlogin{background: url(/titles/parentlogin.gif) no-repeat;}
div.content h1.search{background: url(/titles/search.gif) no-repeat;}
div.content h1.meetings{background: url(/titles/meetings.gif) no-repeat;}
div.content h1.curriculum{background: url(/titles/curriculum.gif) no-repeat;}
div.content h1.az{background: url(/titles/az.gif) no-repeat;}
div.content h1.sports{background: url(/titles/sports.gif) no-repeat;}
div.content h1.school_staff{background: url(/titles/school_staff.gif) no-repeat;}
div.content h1.privacy{background: url(/titles/privacy.gif) no-repeat;}

div.aschool
{
width: 958px;
margin: auto;
text-align: left;
}
div.header
{
width: 886px;
float: left;
padding: 0 36px 0 36px;
background: url(/images/header.jpg) no-repeat;
}
div.contentbg
{
width: 958px;
float: left;
background: url(/images/content.gif) repeat-y;
}
div.content
{
width: 886px;
float: left;
padding: 5px 36px 30px 36px;
background: url(/images/content.jpg) no-repeat;
}
div.contentinner
{
width: 836px;
float: left;
background: #fff;
padding: 35px 25px;
}

div.contentinner div.contentleft
{
width: 405px;
float: left;
}
div.contentinner div.contentright
{
width: 405px;
float: right;
}
div.contentinner p.intro
{
clear: left;
width: 100%;
font-size: 1.4em;
line-height: 1.3em;
}
div.form p.intro
{
font-size: 1.4em;
line-height: 1.3em;
}

div.contentinner div.teachers
{
width: 836px;
float: left;
padding: 14px 0 0 0;
}
div.contentinner div.teacher
{
width: 388px;
float: left;
padding: 10px 17px 5px 0;
background: #f9f5e1 url(/images/teacher.gif) no-repeat top right;
}
div.contentinner div.teacher_right
{
float: right;
}
div.contentinner div.teacher img
{
float: left;
margin: -10px 0 -5px 0;
padding: 0 17px 0 0;
}

div.contentinner div.teacher p
{
color: #515151;
font-size: 1.1em;
width: 268px;
float: left;
}
div.contentinner div.teacher h2, div.contentinner div.teacher p.email
{
color: #185c86;
line-height: 1.1em;
font-size: 1.2em;
margin: 0 0 .4em 0;
width: 268px;
float: left;
}
div.contentinner div.teacher p.email
{
margin: 0 0 5px 0;
padding: 0 0 8px 0;
border-bottom: 1px dotted #515151;
}
div.contentinner div.teacher p.email a span
{
font-size: .05em;
line-height: .05em;
}

div.contentinner div.news1, div.contentinner div.news2
{
width: 600px;
float: left;
background: #f9f5e1;
margin: 0 0 8px 0;
border-top: 1px solid #e4d534;
border-bottom: 1px solid #e4d534;
}
div.contentinner div.news2
{
background: #f1f7fa;
border-top: 1px solid #8cc6eb;
border-bottom: 1px solid #8cc6eb;
}
div.contentinner div.newsinner
{
width: 546px;
float: left;
padding: 12px 14px 6px 40px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
div.contentinner div.news1 div.newsinner
{
background: url(/images/news1.gif) no-repeat 14px 12px;
}
div.contentinner div.news2 div.newsinner
{
background: url(/images/news2.gif) no-repeat 14px 12px;
}
div.contentinner div.news1 div.loading
{
background: url(/images/news1_loading.gif) no-repeat 14px 12px;
}
div.contentinner div.news2 div.loading
{
background: url(/images/news2_loading.gif) no-repeat 14px 12px;
}
div.contentinner div.newsinner h2 span
{
font-size: .85em;
color: #544a24;
}
div.contentinner div.newsinner h2
{
margin: 0 0 .5em 0;
}
div.contentinner div.newsinner img
{
padding: 0 0 10px 10px;
float: right;
}


div.contentinner div.event1, div.contentinner div.event2
{
width: 600px;
float: left;
margin: 0 0 8px 0;
border-top: 1px solid #e4d534;
}
div.contentinner div.event1 div.eventinner
{
border-top: 1px solid #e4d534;
}
div.contentinner div.event2, div.contentinner div.event2 div.eventinner
{
border-top: 1px solid #8cc6eb;
}
div.contentinner div.eventinner
{
width: 572px;
float: left;
padding: 8px 14px 8px 14px;
}
div.contentinner div.eventinner div.eventwide
{
width: 572px;
float: left;
}
div.contentinner div.eventinner img
{
padding: 0 0 10px 10px;
float: right;
}
div.contentinner div.event1 h2, div.contentinner div.event2 h2
{
margin: 0;
color: #d0a801;
width: 572px;
float: left;
background: #f9f5e1;
padding: 8px 14px 8px 14px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
div.contentinner div.event2 h2
{
background: #f1f7fa;
color: #0e86c5;
}
div.contentinner div.event1 h3, div.contentinner div.event2 h3
{
color: #d0a801;
float: left;
width: 100%;
}
div.contentinner div.event1 h3 span, div.contentinner div.event2 h3 span
{
font-size: .9em;
color: #544a24;
}

div.contentinner div.event1 h3.loading, div.contentinner div.event2 h3.loading
{
float: left;
background: url(/images/gallery_loading.gif) no-repeat top right;
}

div.contentinner ul.gallery
{
float: left;
width: 100%;
padding: 0;
margin: 0 0 20px 0;
list-style-type: none;
}
div.contentinner ul.gallery li
{
float: left;
padding: 0 3px 3px 0;
}
div.contentinner ul.gallery li a.active img
{
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity:0.50;
}
div.contentinner #gallery, div.contentinner #galleryinner
{
float: left;
width: 100%;
height: 600px;
}
div.contentinner #gallery img
{
float: left;
padding: 0 20px 0 0;
}
div.contentinner #gallery.loading
{
background: url(/images/gallery_loading.gif) no-repeat top right;
}
div.intro
{
width: 404px;
height: 309px;
float: left;
padding: 34px 457px 0 25px;
margin: 0 0 3px 0;
background: url(/images/intro.jpg) no-repeat
}
div.intro h2
{
background: url(/titles/intro.gif) no-repeat;
width: 404px;
height: 49px;
margin: 0 0 15px 0;
}
div.intro p
{
clear: left;
width: 283px;
font-size: 1.3em;
color: #fff;
line-height: 1.4em;
}
div.intro p.large
{
font-size: 1.4em;
}
div.intro a:link, div.intro a:visited
{
color: #0f82c2;
text-decoration: none;
}
div.intro a:hover, div.intro a:active
{
color: #544a24;
text-decoration: underline;
}

div.panels
{
float: left;
width: 886px;
background: url(/images/bar.gif) repeat-x;
padding: 43px 0 0 0;
}
div.panel
{
float: left;
width: 222px;
padding: 0;
}
div.panel_right
{
width: 218px;
padding: 0 0 0 2px;
}
div.panel h2, div.panel h2 a
{
width: 201px;
height: 36px;
margin: 0;
}
div.panel h2.ourschool, div.panel h2.ourschool a
{
border-right: 1px solid #0b7cb3;
background: url(/titles/panel_ourschool.gif) no-repeat;
}
div.panel h2.students, div.panel h2.students a
{
border-right: 1px solid #0b7cb3;
background: url(/titles/panel_students.gif) no-repeat;
}
div.panel h2.gallery, div.panel h2.gallery a
{
width: 200px;
background: url(/titles/panel_gallery.gif) no-repeat;
}
div.panel h2.enrol, div.panel h2.enrol a
{
width: 202px;
background: url(/titles/panel_enrol.gif) no-repeat;
}
div.panel_inner
{
position: relative;
z-index: 20;
float: left;
width: 202px;
background: #fff;
padding: 27px 0 10px 20px;
margin: 0 0 2px 0;
min-height: 145px;
height: auto;
}
/*\*/
* html div.panel_inner
{
height: 145px;
}
/**/

div.panel_inner p
{
float: left;
width: 182px;
color: #6c6c6c;
font-size: 1.1em;
padding-right: 19px;
border-right: 1px solid #0b7cb3;
line-height: 1.5em;
margin: 0;
}
div.panel_third
{
width: 220px;
}
div.panel_third div.panel_inner
{
width: 200px;
}
div.panel_third div.panel_inner p
{
padding-right: 18px;
border-right: 0 none;
}
div.panel_right div.panel_inner p
{
padding-right: 20px;
border-right: 0 none;
margin: 0 0 .8em 0;
}
div.panel_right div.panel_inner p.field input
{
width: 174px;
border: 1px inset #e3e3e3;
background: #fff;
color: #797979;
}
div.panel_right div.panel_inner p.field
{
width: 182px;
}
div.panel_right div.panel_inner
{
padding-left: 18px;
background: #fefce3;
}
div.panel ul
{
position: relative;
z-index: 10;
width: 100%;
height: 28px;
float: left;
padding: 0;
margin: 0;
}
div.panel ul li, div.panel ul li a
{
width: 100%;
height: 28px;
}
div.panel ul li.seemore, div.panel ul li.seemore a
{
background: url(/images/seemore.gif) no-repeat;
}
div.panel ul li.readmore, div.panel ul li.readmore a
{
background: url(/images/readmore.gif) no-repeat;
}
div.panel ul li.viewimages, div.panel ul li.viewimages a
{
background: url(/images/viewimages.gif) no-repeat;
}
div.panel ul li a:hover
{
background-position: bottom left;
}

div.panel p.submit
{
float: left;
width: 100%;
margin: 0;
}

div.subnav
{
float: left;
width: 200px;
}
div.subnav ul li
{
color: #d0a801;
}
div.subnav p.subnav
{
color: #d0a801;
font-weight: bold;
font-size: 1.4em;
}

div.contentwide
{
width: 600px;
float: right;
}
ul.subnav
{
clear: left;
margin: 0;
width: 155px;
padding: 0 490px 0 20px;
color: #ffffff;
}
ul.subnav a:visited, ul.subnav a:link
{
color: #ffffff;
text-decoration: none;
}
ul.subnav a:hover, ul.subnav a:active, ul.subnav a.active:visited, ul.subnav a.active:link
{
color: #544a24;
text-decoration: underline;
}

div.orange
{
width: 886px;
height: 36px;
float: left;
background: url(/images/orange.jpg) repeat-x;
}
div.bar
{
width: 886px;
height: 43px;
float: left;
background: url(/images/bar.gif) repeat-x bottom left;
}
div.ourschool
{
width: 665px;
height: 208px;
float: left;
padding: 37px 196px 10px 25px;
background: url(/images/ourschool.jpg) no-repeat;
}
div.studentsrooms
{
width: 665px;
height: 208px;
float: left;
padding: 37px 196px 10px 25px;
background: url(/images/studentsrooms.jpg) no-repeat;
}
div.about
{
width: 165px;
height: 208px;
float: left;
padding: 37px 696px 10px 25px;
background: url(/images/about.jpg) no-repeat;
}
div.form
{
width: 836px;
float: left;
padding: 37px 25px 10px 25px;
background: #d1a200 url(/images/form.jpg) repeat-x bottom left;
min-height: 296px;
height: auto;
}
/*\*/
* html div.form
{
height: 296px;
}
/**/

div.form a:link, div.form a:visited
{
color: #0f82c2;
text-decoration: underline;
}
div.form a:hover, div.form a:active
{
color: #544a24;
text-decoration: underline;
}



div.content div.formleft
{
float: left;
width: 485px;
}
div.content div.formleft div.map
{
float: left;
width: 483px;
border: 1px solid #fff;
background: #fff;
}
div.content div.formright
{
float: right;
width: 285px;
}
div.content div.formleft h2, div.content div.formright h2
{
color: #fff;
}
div.content div.formright p, div.content p.field, div.content p.submit
{
float: left;
width: 100%;
}
div.content p.submit input.submit
{
float: right;
}
div.content p.field select
{
padding: 2px;
width: 225px;
}
div.content p.field select.auto
{
width: auto;
}
div.content p.field input.alert, div.content p.field textarea.alert
{
border: 1px solid #0e86c5;
}
div.content span.star
{
color: #0e86c5;
font-weight: bold;
}
div.content div.formright p.field input, div.content div.formleft p.field input,
div.content div.formright p.field textarea, div.content div.formleft p.field textarea
{
width: 277px;
background: #fff;
border: 1px inset #b3baab;
}
div.content p.field input#cvv
{
width: 100px;
}
div.content p.field input#verify
{
width: 115px;
}
div.content p.field img
{
float: right;
}
div.content div.status
{
background: #0e86c5;
border: 1px solid #0e86c5;
width: 283px;
margin: 0 0 10px 0;
float: left;
}
div.content div.status p
{
width: 273px;
float: left;
padding: 3px 5px;
margin: 0;
color: #fff;
font-weight: bold;
}
div.content div.status ul
{
width: 253px;
float: left;
padding: 3px 5px 3px 25px;
background: #fff;
}
div.content div.status ul
{
margin: 0;
}
div.content p.field span.small
{
line-height: 1em;
font-size: .9em;
}
div.content form
{
float: left;
width: 100%;
}
div.content form.loading
{
background: url(/images/loading.gif) no-repeat top right;
}



div.footer
{
background: url(/images/footer.png) no-repeat;
padding: 12px 0 20px 0;
width: 958px;
float: left;
}

div.footer ul
{
width: 951px;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
div.footer ul li
{
line-height: 1.1em;
font-size: 1.2em;
float: left;
color: #fff;
padding: 0 5px 0 5px;
border-right: 1px solid #fff;
}
div.footer ul li.email, div.footer ul li.swordfox
{
border-right: 0 none;
padding-right: 0;
}
div.footer ul li.swordfox, div.footer ul li.copy
{
float: right;
}
div.footer a:link, div.footer a:visited
{
color: #fff;
text-decoration: underline;
}
div.footer a:hover, div.footer a:active
{
color: #fbd900;
text-decoration: underline;
}

abbr, acronym, span.abbr
{
cursor: help;
border-bottom: 1px dotted #cfcfcf;
}