@charset "utf-8";
/* CSS Document */
/******************************************************************************/
/*general declarations for the whole site */
/******************************************************************************/
* {margin:0;padding:0;text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:small;}

/******************************************************************************/
/*general font style treatment*/
/******************************************************************************/
h2 {font-size:22px; font-weight:bold;margin:20px 0 0 10px;}
h3 {font-size:18px; font-weight:bold;margin:10px 0 0 10px;color:#444444;}
h4 {font-size:14px; font-weight:bold;margin:20px 0 0 10px;color:#444444;}
p {font-size:12px; color:#666666;margin:20px 0 0 10px;}
img {border:0px;}
.smalltextinfo {font-size:12px;}
a:focus {outline:none;}
.easterrev {margin:10px 0 0 10px;}
.easterp {margin:10px 0 0 10px;}

/******************************************************************************/
/*boxes on the page*/
/******************************************************************************/


body {background-color:#ffffff; text-align:center;}
#centrepage {margin:0em; width:100%; height:100%;}
#holder {width:1000px; background-color:#ffffff; margin: 0 auto 0 auto; text-align: left;}
#outerborder {width:1000px; border:#fff thin solid; float:left;}

#header { background-image:url(../images/main/headbackground.jpg); background-repeat:no-repeat; width:1000px; height:200px; float:left;}
#leftheadblock { width:300px; height:160px; margin:20px; float:left; text-align:left;}
#rightheadblock { width:300px; height:160px; margin:20px; float:right; text-align:right;}
#topmenu {width:1000px; height:34px; float:left; text-align:center; margin:0; padding:0;}
#container {width:1000px; height:auto; float:left;}
#panelleft {width:166px; height:auto; float:left;}
#panelleftwide {width:266px; height:auto; float:left;}
#panelleftadobe {width:166px; height:auto; float:left;padding:60px 0 0 0;}
#maincontent {width:300px; height:auto; margin:10px 30px 30px 30px; float:left;}
#maincontentleft {width:300px; height:auto; margin:10px 30px 30px 0; float:left;}

#panelright {width:166px; height:500px; float:right; background-color: #ffffff;}
#bottomlinks {background-color: #666666;width:1000px; height:25px; float:left; text-align:center;}
#footer {width:990px; height:60px; float:left; padding:5px 0 5px 10px; text-align:center; color:#999999;}
#company {background-color:#00CCFF; width:300px; height:50px; float:right;}

#maincontentscroll {width:330px; overflow-y:scroll; height:500px; margin:10px 30px 10px 10px; float:left; padding:0 20px 0 0;}
#maincontentwidescrolling {width:500px; margin:10px 30px 30px 0; padding:0 20px 0 0; float:left;overflow-y:scroll; height:500px;}
#maincontentwide {width:550px; height:auto; margin:10px 30px 30px 50px; float:left;}
#maincontentwideleft {width:500px; height:auto; margin:10px 30px 30px 0; float:left;}
#maincontentright {width:270px; height:auto; margin:10px 30px 30px 0; float:left; }
#contactcontainer {width:520px; height:auto; margin:0; float:left;}

#maincontentpage {width:550px; height:500px; margin:10px 30px 30px 20px; float:left; overflow-y:scroll; padding-right:30px;}

#flashcontainer {width:833px; height:495px; float:left;}
/******************************************************************************/
/*font classes*/
/******************************************************************************/
.whitetext {color:#FFFFFF; margin:5px 0 0 0; }
.smalltext {font-size:x-small; margin:0;}
.greentitle { color:#006600;}
#panelleft li {font-size:12px; color:#666666;margin:5px 0 0 10px; list-style:none;}
#maincontent li {font-size:12px; color:#666666;margin:5px 0 0 10px; list-style:none;}
#footer a {color:#999999; font-size:x-small; text-decoration:none;}
#footer a:hover {color:#666666;text-decoration: underline;}
.greylink {color:#999999; text-decoration:none;}
.purplelink {color:#c200d3;}
.greylink:hover {color:#666666;text-decoration: underline;}
#panelleft p { margin:20px 0 0 0;}
#panelleft h4 { margin:20px 0 0 0;}
#prospectus h3 { margin:20px 0 30px 0;}





/* right hand side buttons */
li.rlibut {text-decoration:none;list-style:none;}
li.rlibut a{width:151px; height:20px; color:#FFFFFF; text-decoration:none; display:block; padding:7px 5px 3px 10px; margin:2px 0 2px 0; }
li a.rbut1{ background-color:#0D2A82; margin:30px 0 2px 0;border:#0D2A82 solid 1px; }
li a.rbut1:hover{background-color:#FFF; color:#0D2A82; border:#0D2A82 solid 1px;}

li a.rbut2{ background-color:#E85417;border:#E85417 solid 1px;}
li a.rbut2:hover{background-color:#FFF; color:#E85417; border:#E85417 solid 1px;}

li a.rbut3{ background-color:#38BE30;border:#38BE30 solid 1px;}
li a.rbut3:hover{background-color:#FFF; color:#38BE30; border:#38BE30 solid 1px;}

li a.rbut4{ background-color:#314F20; border:#314F20 solid 1px;}
li a.rbut4:hover{background-color:#FFF; color:#314F20; border:#314F20 solid 1px;}

li a.rbut5{ background-color:#4F2D20;border:#4F2D20 solid 1px;}
li a.rbut5:hover{background-color:#FFF; color:#4F2D20; border:#4F2D20 solid 1px;}

li a.rbut6{ background-color:#B50000;border:#B50000 solid 1px; margin:2px 0 5px 0;}
li a.rbut6:hover{background-color:#FFF; color:#B50000; border:#B50000 solid 1px;}

li a.rbut7{ background-color:#B36828;border:#B36828 solid 1px;}
li a.rbut7:hover{background-color:#FFF; color:#B36828; border:#B36828 solid 1px;}

/* colour headings 

#home .highlight { color:#00CCFF;}
#courses .highlight { color:#FF6600;}
#departments .highlight { color:#00CC33;}
#welfare .highlight { color:#663399;}
#tuition .highlight { color:#003399;}
#contact .highlight { color:#CC0000;}

#prospectus .highlight {color:#0D2A82;}
#ofsted .highlight {color:#E85417;}
#termdates .highlight {color:#38BE30;}
#policy .highlight {color:#314F20;}
#examcentre .highlight {color:#B36828;}
#location .highlight {color:#4F2D20;}
#location h3 { margin-bottom:20px;}
#apply .highlight {color:#B50000;}
*/
/* other */
#ofsted #panelleft {padding:60px 0 0 0;}
#policy #panelleft {padding:60px 0 0 0;}
iframe {margin:20px 0 0 0;}
#location #panelleft {padding:30px 0 0 0;}

/* background images */
.gcse  {background-image:url(../images/main/rightImage/gcse.jpg);}
.alevel{background-image:url(../images/main/rightImage/alevel3.jpg);}
.easter {background-image:url(../images/main/rightImage/easter2.jpg);}
.summerexams {}
.arts {background-image:url(../images/main/rightImage/collection_0011_Layer29.jpg);}
.maths {background-image:url(../images/main/rightImage/collection_0020_Layer19.jpg);}
.media {background-image:url(../images/main/rightImage/collection_0021_Layer18.jpg);}

.prospectus {background-image:url(../images/main/rightImage/prospectus.jpg);}


.termdates {background-image:url(../images/main/rightImage/collection_0026_Layer13.jpg);}
.policy {background-image:url(../images/main/rightImage/collection_0022_Layer17.jpg);}
.apply {background-image:url(../images/main/rightImage/collection_0025_Layer14.jpg);}

.welfareimg {background-image:url(../images/main/rightImage/studentwelfare.jpg);}
.tuitionimg {background-image:url(../images/main/rightImage/tuition2.jpg);}
.contactimg {background-image:url(../images/main/rightImage/collection_0025_Layer14.jpg);}
.introimg {background-image:url(../images/main/rightImage/intro.jpg);}

/******************************************************************************/
/*contact form*/
/******************************************************************************/

#contact_form {float:left; width:500px;}
#contactcontainer h3, #contactcontainer p, #contactcontainer h4 {margin:10px 0px 0px 0px ;}
#contact_form div {float:left; width:500px; margin:3px 0px 3px 0px;}
#contact_form label {float:left; width:210px; margin:0px 10px 0px 0px;}
#contact_form input, #contact_form textarea, #contact_form select {float:left; width:277px; margin:0px 0 0px 0px; border:1px solid #ccc;}
#contact_form input.checkbox {width:30px; float:right;}
#contact_form span.note {float:left;}
#contact_form input.submit {float:right; width:150px; margin:0px 10px 0px 0px;background-color:#666; color:#fff;border:1px solid #000; padding:2px 10px;margin: 10px 0px 0px 190px;}
#contact_form input.submit:hover {cursor:pointer; background-color:#ddd; color:#000;}
.formNote p {margin:0; padding:0;}
#contactcontainer li {color:#FF0000; list-style:none; margin:0;}
.formError { color:#FF0000;}

.picborder { margin-left:0px; margin-top:0px; margin-bottom:15px; margin-right:15px; }