/* CSS Document */
/************************************ Notes Start **/
/*
1. Page main color #c0d62c

*/
/************************************ Notes End **/

body { color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:16px; }

/********** page layout start *********/

#container { margin: 0px auto; width:800px; height:800px;}

#counter { float:left; width:210px; text-align:left; padding-left:5px; margin-bottom:2px; color:#6633FF; font-family:"Comic Sans MS"; font-size:12px;}

#tools {width:200px; float:right; text-align:right; margin-bottom:2px;}

#newsfeed {width:450px; float:left; text-align:Right; border-top:1px #B80CAB solid; border-bottom:1px solid #b80cab; padding-top:6px; padding-bottom:6px; border-right:1px solid #b80cab;}
#newsfeedtitle {width:88px; float:right; text-align:left; background-image: url(../images/newstitle.jpg); background-position:center; background-repeat:no-repeat; padding-left:9px; }

#address {width:800px; height:20px;}

#header {width:800px; height:244px; background-image:url(../images/home_banner.jpg); background-repeat:no-repeat;}

#content { background-color:#c0d62c; width:800px; height:auto;}

#menuarea {background-color:#c0d62c; height:35px;}

#information{ background-color:#FFFFFF; margin: 0px auto; width:740px; height:600px; padding:3px 3px 4px 4px; background-image:url(../images/cont_spacer.jpg); background-repeat:no-repeat;}

#right {float:right;
	width:242px;
	height:420px;
	padding-left:15px;
	padding-right:15px;
	padding-top:6px;
	border:1px #ffffff solid;
	background-image:url(../images/right.jpg); background-repeat:no-repeat;}

#left {float:left;
	width:450px;
	margin-left:2px;
	margin-top:5px;
	display:inline;
	padding-left:12px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;}

#footer {width:800px; background-color:#c0d62c; padding-top:5px; padding-bottom:5px; }

#leftfull {float:left;
	width:650px;
	margin-left:2px;
	display:inline;
	padding-left:12px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;}
	
/********** page layout end *********/


/************ Navigation Start ************/

/** Standard link **/
a { color:#0783c9; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; text-decoration:none;}
a:hover { text-decoration:underline;}
/* Standard link */

/** address link **/
.address a{color:#996600; font-size:9px; font-family:Arial, Helvetica, sans-serif;}
.address :hover{ text-decoration:underline; }
/** address link */

/** footer link **/
.footer a{color:#996600; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.footer :hover{ text-decoration:underline; }
/** Footer link */

/** Colapsable div style **/
.handcursor{
cursor:hand;
cursor:pointer;
color: #996600; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:600;
}
/** Colapsable div style **/


/** Main Menu style **/
	
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:4;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:14px;
width:90px;
padding:7px 0;
color:#fff;
background:#c0d62c;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#444;
background:#d4d8bd;
font-size:12px;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:120px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
/** End Main Menu style **/

/** Start Tool links **/

#tools p{ font-size: 12px; color:#666600; text-transform:capitalize }
#tools a{color:#28556b;}
#tools a:hover{color:#c77e0c;}

/** End Tool links **/

/************ Navigation End ************/


/********** Text Start ********************/
.title {color: #996600; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; padding-left:12px; padding-top:3px;}
.subtitle {color: #996600; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:600; text-decoration:underline;}
.footer {text-align: center; margin-top:3px; color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.address {color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
.quote { color:#663399; font-family:"Comic Sans MS"; font-size:12px; font-weight:600; font-style:italic;}
.help { color:#6633FF; font-family:"Comic Sans MS"; font-size:12px;}
.smalltext {color:#000000; font-family:"Comic Sans MS"; font-size:10px; line-height:1em;}
.filebox {color:#099; font-family:"Comic Sans MS"; font-size:12px;}
.namesstyle { color: #000; font-size:11px; font-family:"Comic Sans MS";}
.namesstyle2 { color: #663399; font-size:11px; font-family:"Comic Sans MS";}
/** news styles **/
.newstile {color:#fff; font-size:14px; font-wieght:600; text-transform:capitalize; background-color:#FF3300; padding:1px 3px 1px 3px; margin-left:3px; text-align:right;}
.newsfeedtext {color: #000; font-size:14px; font-family:"Comic Sans MS";}
.newsfeedtitle1 { color:#fff; font-size:14px; font-wieght:600; text-transform:capitalize; background-color:#c0d62c; padding:1px 3px 1px 3px; margin-left:3px;}
.newsfeedtitle2 { color:#fff; font-size:14px; font-wieght:600; text-transform:capitalize; background-color:#5bcde5; padding:1px 3px 1px 3px; margin-left:3px;}
.newsfeedtitle3 { color:#fff; font-size:14px; font-wieght:600; text-transform:capitalize; background-color:#c59cdf; padding:1px 3px 1px 3px; margin-left:3px;}
.newsfeedtitle4 { color:#fff; font-size:14px; font-wieght:600; text-transform:capitalize; background-color:#f9aa45; padding:1px 3px 1px 3px; margin-left:3px;}
/** news styles **/

/********** Text End ********************/

/************** Page design ***************/

/****** Start Home page **********/

#rightmessage {float:right;
	width:242px;
	height:400px;
	padding-left:15px;
	padding-right:13px;
	padding-top:6px;
	border:1px #ffffff solid;
	background-image:url(../images/noteboard.jpg); background-repeat:no-repeat;}

#lefthome {float:left;
	width:450px;
	margin-left:2px;
	margin-top:5px;
	display:inline;
	padding-left:12px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;}
	
#homerevolve { width:150px; height:150px; float:left; padding-right:5px;}

#announcements { background-image:url(../images/announce.jpg); background-repeat:no-repeat; padding: 2px 0px 5px 10px;}
	
/****** End Home page **********/

/****** Start information *********/

#schoolinfobox { border-bottom: 1px solid #063; padding-left:8px; padding-bottom:10px; color:#063; font-family:"Comic Sans MS"; font-size:12px;}
#pupilinfobox { border-bottom: 1px solid #063; padding-left:8px; padding-bottom:10px;}
#outsideinfobox { border-bottom: 1px solid #063; padding-left:8px; padding-bottom:10px;}

/****** End information *********/

/****** Start staff room *********/

#staffroom { width:400px; background-color:#FFFFFF; padding-right:5px; padding-bottom:2px;}

/****** End staff room *********/

/****** Start Contact Page ******/
#contactform { border-top: dashed 1px #cccccc; border-bottom: dashed 1px #cccccc;  }

/****** End Contact Page ******/

/** Start of gallery style **/
/* Gallery Styles */

.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 200px;
height: 106px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
padding-left:24px;
line-height:22px;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
/*background-color: #a6bf79;*/
background-image: url(../images/gallerylink.jpg); background-repeat:no-repeat; background-position:left;
}
/** End of gallery style **/

/**  Start of School clubs section **/

#leftclubdiv { float:left; width:80px; hight:80px; line-height:1.5em;}
#rightclubdiv { float:left; width:500px; hight:80px; text-align:left; line-height:1.5em;}
#infoclubdiv { float:left; text-align:left; width:450px; hight:100px; line-height:1.5em;}


/**  End of School clubs section section **/