@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:200; }

/******************************************************************************/
/*general font style treatment*/
/******************************************************************************/
h1 {font-size:26px; margin:20px 0 0 10px; color:#4e314d; font-family: Arial, Helvetica, 'Josefin Sans', sans-serif;}
h2 {font-size:20px; margin:20px 0 0 10px;  color:#4e314d; font-family: Arial, Helvetica, 'Josefin Sans', sans-serif;}
h3 {font-size:18px; margin:20px 0 0 10px;  color:#4e314d; font-family: Arial, Helvetica, 'Josefin Sans', sans-serif;}
h4 {font-size:16px; margin:20px 0 0 10px;  color:#4e314d; font-family: Arial, Helvetica, 'Josefin Sans', sans-serif;}
p, label {font-size:12px; color:#666666;margin:20px 0 0 10px;}
li {font-size:12px; color:#666666;margin:20px 0 0 10px; list-style:square;}
span.note {font-size:12px; color:#666666;}

a {font-size:12px; }
img { border:none;}
img a {border:none;}

a:active{outline: none;}
a:focus {outline:none;}

#leftcontent a, #rightcontent a {font-size:12px; color:#666666; text-decoration:none;}
#leftcontent a:hover, #rightcontent a:hover { text-decoration:underline;}
 

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


body {
	background-color:#303;
	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; background-color:#FFF;}

#header { width:1000px; height:150px; float:left; background-image: url(../images/StAlbansHeader.jpg); position:relative;}
#leftheadblock { width:300px; height:115px; margin:10px 20px; float:left; text-align:left;}
#rightheadblock { width:300px; height:135px; margin:0 20px 0 0; 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; position:relative;}
#panelleft {width:166px; height:auto; float:left;}
#maincontent {width:300px; height:auto; margin:30px; float:left;}

#panelright { position:absolute; width:300px; height:150px; padding:10px; left:10px; bottom:10px; background-color:#FFF; opacity:0.8;filter:alpha(opacity=80);  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }


#footer {width:990px; height:100px; float:left; padding:5px 0 5px 10px; text-align:center;}
#company {background-color:#00CCFF; width:300px; height:50px; float:right;}

iframe#homerotate {border:0; width:1000px; overflow:hidden; margin:0; padding:0; border:none; }
#examboards { width:1000px; padding:10px 0 10px 0; height:auto; float:left; text-align:center;}

#leftarrow { position:absolute; left:0; top:0; background-image:url(../images/carouselbar/leftarrow.png); width:74px; height:142px; z-index:1000;}
#rightarrow { position:absolute; right:0; top:0; background-image:url(../images/carouselbar/rightarrow.png); width:74px; height:142px; z-index:1000;}

a#homebutton { height:22px; width:20px; position:absolute; top:5px; left:5px;}


/******************************************************************************/
/*font classes*/
/******************************************************************************/
.whitetext, .whitetext a {color:#FFFFFF;}
.smalltext {font-size:x-small; margin:0;}
.greentitle { color:#006600;}

#header #rightheadblock p {margin:10px 0 0 10px; color:#4e314d; font-family: Arial, Helvetica, 'Josefin Sans', sans-serif; font-size:12px;  }
#header #rightheadblock p a {color:#4e314d; font-family: Arial, Helvetica, 'Josefin Sans', sans-serif;font-size:12px;  }
#header #rightheadblock p a:hover { text-decoration:underline;}

h2.headernum {margin:80px 0 0 10px; color:#FFF;}
#panelright p {font-size:12px; margin:20px 0 0 10px;  color:#4e314d; font-family: Arial, Helvetica, 'Josefin Sans', sans-serif;}
#panelright h3 {font-size:14px; margin:20px 0 0 10px;  color:#4e314d; font-family: Arial, Helvetica, 'Josefin Sans', sans-serif;}

/******************************************************************************/
/*inner pages*/
/******************************************************************************/
#titlediv { width:960px; height:auto; padding:20px 20px 0 20px; float:left;}
#leftcontent {width:430px; height:auto; min-height:500px; padding:20px 50px 20px 20px; float:left; text-align:left;}
#rightcontent {width:430px; height:auto; min-height:500px; padding:20px 50px 20px 20px; float:right; text-align:left;}

a.twitter1 { width:53px; height:48px; background-image:url(../images/twitter1.png); background-position:right; display:block; background-repeat:no-repeat; position:fixed; right:-10px; top:50px; z-index:1000; }

a.twitter1:hover {  background-position:left; }

#alevelblock {position:absolute; top:10px; right:0px; width:160px; height:42px; background-image:url(../images/aleveldown2.jpg); z-index:1; display:block; overflow:visible; background-repeat:no-repeat;}
#alevelblock:hover { height:508px;  background-image:url(../images/alevelover.gif); z-index:1000;}

#gcseblock {position:absolute; top:10px; right:0px; width:160px; height:42px; background-image:url(../images/gcsedown2.jpg); z-index:1; display:block; overflow:visible; background-repeat:no-repeat;}
#gcseblock:hover { height:420px;  background-image:url(../images/gcsesubjects.gif); z-index:1000;}


a.exambuttons { display:block; background-color:#330033; height:40px; width:160px; text-align:center; color:#FFF; padding-top:10px; font-weight:bold;}
a.exambuttons:hover {background-color:#e6a200; }
a.top {position:absolute; top:10px; right:0px;}
a.middle {position:absolute; top:65px; right:0px;}

a.examdates { display:block; background-color:#e6a200; height:40px; width:160px; text-align:center; color:#FFF; padding-top:10px; font-weight:bold; position:absolute; top:120px; right:0px;}
a.examdates:hover {background-color:#330033; }

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

#contact_form {float:left; width:400px;}
#contactcontainer h3, #contactcontainer p, #contactcontainer h4 {margin:10px 0px 0px 0px ;}
#contact_form div {float:left; width:400px; margin:3px 0px 3px 0px;}
#contact_form label {float:left; width:150px; margin:0px 10px 0px 0px;}
#contact_form input, #contact_form textarea, #contact_form select {float:left; width:230px; 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 10px 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;}