/* CSS Document */
html {
   /*height: 100%;*/
}

body {
   font-size: 0.7em;
   font-family: verdana, sans-serif;
   
   margin-top:0px;
   margin-bottom:0px;
   margin-left:0;
   background:url(/images/bodybg.gif) repeat-y;
   /*line-height:1.5em;*/
  
}
a{color:#0859a8; text-decoration:none; border-bottom:dashed 1px #ccc;}
a:hover{text-decoration:none; background:#eee; border-bottom:dashed 1px #0859a8;}

a img {
  border: 0;
}
br.clear {
  clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}

p.bold, span.bold {
  font-weight: bold;
}
.clearBoth{
	clear:both;
	font-size:1px;
	height:2px;
}
.borderless{
	border: 0;
}
.clearfloat{
	clear:both;
	height:2px;
}
#bgcontainter{
}
#sponsor{
	text-align:center;
	margin:5px 0;
	background:fff;
	width:100%;
}
#sponsor img{
	border: solid 1px #000;
}
#container{
	width:930px;
	border-right:solid 1px #000;
	background:#fff;
	margin:0;
}
#top{
	width:930px;
	height:175px;
	background:url(/images/banner.jpg) no-repeat;
	border-bottom:solid 1px #000;
	/*border-top:solid 1px #000;*/

}
	
/*===================================MENU STYLES==============================================================*/

#menu{
	width:150px;
	float:left;
	/*background:url(/images/menubg.jpg) repeat-y;
	background:#eee;*/
}
#menu ul{
	list-style:none;
	margin:1px;
	padding:0;
	border:1px solid #0859a8;
	

	
}

#menu ul li{
	display:block;
	margin:1px 1px 0 1px;
	padding:0px 0px 1px 0px;
	font-size:1.03em;
	background:#ddd;
	
}

#menu ul li a, #menu ul li a:link{
	display:block;
	/*color:#0859a8;*/
	color:#333333;
	text-decoration:none;
	padding:3px 0 3px 4px;
	border-left:solid 5px #ddd;
}
/*#menu ul li a:active{
	color:#000;
	border-left:solid 5px #000;
}
*/
#menu ul li a:hover{
	border-left:solid 5px #0859a8;
	background:#ccc;
	color:#000;
	text-decoration:underline;
}








/*===================================END MENU STYLES==============================================================*/


#content{
	margin:0 5px;
	float:left;
	width:620px;
	line-height:1.5em;
	text-align:justify;
	color:#333;
}
#contentfull{
	margin-left:5px;
	float:left;
	padding-right:5px;
	width:770px;
	line-height:1.5em;
	text-align:justify;
	color:#333;

}
#content, #contentfull{
	font-size:1.1em;
}
#content #breadcrumb, #contentfull #breadcrumb{
	color:#999;
	margin:1px 0 0 0;
	/*border:solid 1px #CCCCCC;*/
	padding:0 3px;
	text-align:left;
}
#content h1, #contentfull h1{
	margin:4px 0 4px 0;
	color:#009;
	font-weight:bold;
	font-size:1.1em;
	border-bottom:solid 1px #0859a8;
}
#cleft{
	float:left;
	width:300px;
	text-align:left;
}
#cright{
	float:left;
	width:300px;
	margin-left:80px;
	text-align:left;
}

#l3links{
	color:#999999;
	
	margin-bottom:10px;
}
#l3links ul{
	line-height:1em;
	list-style:none;
	margin:0;
	padding:0;
}
#l3links ul li{
	padding:1px;
}
#l3links ul li a:hover{
	text-decoration:none;
	color:#090;
}


/*===================================RIGHT SIDE STYLES==============================================================*/
#rightside{
	float:left;
	width:148px;
	
}
#rightlist{
	margin-top:2px;
}

/*#rightlist #righttitle{
	margin:1px 0;
	padding:2px 0 2px 10px;
	background:#0859a8;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-bottom:solid 1px #0859a8;
}*/

#rightlist #righttitle{
	
	
	margin:0px 0;
	padding:2px 0 2px 10px;
	background:url(/images/righttopbg.gif);
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*border-bottom:solid 1px #0859a8;*/
}
#rightlist #rightfoot{
	height:14px;
	background:url(/images/rightbottombg.gif) bottom;
}
#rightlist ul{
	border:solid 1px #0859a8;
	margin:0px 0;
	padding: 6px 3px 6px 3px;
	/*background:url(/images/rightbg.jpg) repeat-x top;
	background:#dfd;*/
	list-style:none;
	
}	
#rightlist ul li {
  padding: 3px 5px 3px 5px;
  border-bottom: 1px solid #ccc;
}
/*#rightlist ul li a{
	color:#006;
}*/
#rightlist ul li.bottom {
  padding-bottom: 0px;
  border-bottom: none;
}
#rightlist ul li.top {
  padding-top: 0px;
  background-position: 0 3px;
}
	
.listbullet{
	color:#666;
	font-weight:bold;
}	

#rightimages{
	margin-top:1px;
	text-align:center;
}
#rightimages img{
	padding:1px;
	border:solid 1px #0859a8;
	margin-bottom:15px;
}
/*===================================END RIGHT SIDE STYLES==============================================================*/




/*===================================FOOTER STYLES==============================================================*/
#footer{
	clear:both;
	width:930px;
	
	
	padding:5px 0;
	margin-top:10px;
	
	border-top: 1px dashed #999;
}
#footer #footimages{
	text-align:center;
	margin:10px 0px 10px 50px;
	
}
.footimage{
	float:left;
	width:200px;
}
.footimageict{
	float:left;
	width:auto;
}

.footimage a{
	border-bottom:none;
}
.footimage a:hover {
	text-decoration:underline;
}
#footer #footdetail{
	color:#0859a8;
	
	text-align:center;
	/*margin-top:7px;*/
	clear:both;
}
#footer #footdetail a{
	
}


/*===================================END FOOTER STYLES==============================================================*/

/*===================================HOME STYLES==============================================================*/
#home .homehead{
	font-weight:bold;
	background:url(/images/homeheadbg.gif);
	color:#fff;
	padding-left:20px;
}
#home .homefoot{
	background:url(/images/homefootbg.gif) bottom;
	height:13px;	
}

#home ul{
	list-style:none;
	margin:0px 0;
	padding:0;
	border:solid 1px #0859a8;
	background:url(/images/boxbg.jpg) top repeat-x;
}
#home ul li{
	border-bottom:solid 1px #ccc;
	padding:2px;
	margin:0 3px;
}
#home ul li.bottom {
  padding-bottom: 3px;
  border-bottom: none;
}
#home ul li.top {
  padding-top: 3px;
  background-position: 0 3px;
}

/*===================================END HOME STYLES==============================================================*/

/*===================================GALLERY STYLES==============================================================*/
#gallery ul li{
	list-style:none;
}
/*===================================END GALLERY STYLES==============================================================*/
#latestnews{
	/*text-align:center;*/
	margin:20px 0;
	font-size:1.1em;
	font-weight:bold;
	color:#f00;
	border-bottom:solid 1px #000;
	
}

/*========================================NEWS STYLES===================================================*/
#newssection{
	/*margin:5px;*/
	margin-right:0px;
	margin-left:0px;
	margin-top:0;
	padding:0;
}
#pagecount{
	display:block;
}
#newspage{
	float:left;
	margin-bottom:10px;
}
#newspagecount{
	float:right;
}

.newstitle{
	clear:both;
	display:block;
	margin-bottom:5px;
}
.newshead{
	float:left;
	font-weight:bold;
	color:#009;
}
.newsdate{
	float:right;
	color:#999;
}
.newscat{
	font-weight:bold;
	color:#009;
}

.newscontent{
	display:block;
	clear:both;
	border-bottom:solid 1px #0859a8;
	padding-bottom:10px;
	margin-bottom:10px;
}
img.newsfloatright{
	float:right;
	margin-left: 5px;
	padding:1px;
	border: 1px solid #000;
	margin-top:5px;
}

img.newsfloatleft{
	float:left;
	padding:1px;
	border: 1px solid #000;
	margin-right: 5px;
	margin-top:5px;

}



#newsimages{
	width:106px;
	float:right;
	margin-left:10px;
}
.newsdetdate{
	color:#999;
}
.newsdochead{
	font-weight:bold;
	color:#f00;
}

#newsdocs{
	/*background:url(/images/greydot.gif) top repeat-x;*/
	margin-top:10px;
	padding-top:5px;
}
#newsdocs ul{
	list-style:none;
	margin-top:5px;;
}
#newsdocs ul li{
	line-height:30px;
	vertical-align:middle;
	padding:5px;
}
#newsdocs ul li a{
	margin-right:15px;

}
#blog{
	width:652px;
	font-size:.9em;
	margin-top:15px;
}
#blogcomments{
	/*background:#ccc;*/
	float:left;
	width:340px

}
#blogform{
	/*background:#eee;*/
	float:left;
	width:300px;
	margin-left:8px;
}
#commenthead{
	font-weight:bold;
	color:#009;
	border-bottom:solid 1px #0859a8;

}
.blogitem{
	margin-bottom:10px;
}
.commentname{
	color:#0859a8;
	font-weight:bold;
}
.commentdate{
	color:#777;
}
.commentdetails{
}

#blogform fieldset {
	
	display:block; 
	/*border:1px solid #009;*/ 
	/*padding:5px; */
	font-family:verdana, sans-serif; 
	margin-bottom:0.5em; 
	line-height:1.5em;
}
#blogform legend {font-family:Verdana, Arial, Helvetica, sans-serif, sans-serif; color:#0859a8; font-size:1em; font-weight:bold; /*border:1px solid #009;*/ margin-bottom:5px; padding:0px 7px 2px 2px; /*width:100px; background:#ddd;*/}
#blogform label {clear:left; display:block; float:left; width:80px; text-align:right; padding-right:10px; color:#009; margin-bottom:0.5em;}
#blogform input {border:1px solid #0859a8; /*padding-left:0.5em;*/ margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; width:180px;}
#blogform textarea {border:1px solid #0859a8; /*padding-left:0.5em;*/ margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; width:180px;}
#blogform select {margin-left:0.5em;}
/*#blogform #button { margin-left:110px;}*/
#blogform #button1 {color:#fff; background-color:#0859a8; padding-right:0.5em; cursor:pointer; width:50px; font-weight:bold;}
/*#blogform #button1:hover {background-position:center left; color:#000;}*/
.errmessage{
	color:#c00;
}

/*=======================================End NEWS Styles==============================================*/



/*===================================EVENT STYLES==============================================================*/
.eventbox{
	border:1px dashed #0859a8;
	margin-bottom:15px;
	padding:5px;
	/*background-color:#cce6ff;*/
	background-color:#e5f2ff;

}
.eventdate{
	color:#999;
}
.eventhead{
	color:#006;
	font-weight:bold;
}


/*===================================END EVENT STYLES==============================================================*/



/*===================================GALLERY STYLES==============================================================*/
#gallery ul li{
	list-style:none;
}
/*===================================END GALLERY STYLES==============================================================*/


/*=======================================PAST PUPILS Styles==============================================*/
table.PupilBord{
	text-align:left;
	border:1px solid #ccc;
	padding:5px;
	border-collapse:collapse;
}
.pupbg1{
	background:#e5f2ff;
}
.pupbg2{
	background:#fff;
}
/*===================================END PAST PUPILS STYLES==============================================================*/


/*=======================================GUESTBOOK Styles==============================================*/
.yeartext{
	font-size:1em;
}

#gbview{
	clear:both;
}
.gbpost{
	margin:5px 0 15px 0;
	background:#eee;
	border:dotted 1px #f00;
	padding:2px 8px;
}
.gbhead{
	display:block;
}

.gbname{
	float:left;

}
.gbdate{
	float:right;
}
.gblocation{
	display:block;
	margin:0px 0 8px 0;
	clear:both;
}

.gbinfo{
	display:block;
	margin:10px 0 8px 0;
	clear:both;
}
.gbreply{
	clear:both;
	margin-bottom:8px;
	font-weight:bold;
	color:#f00;
}
#gbdetail{
	float:left;
	width:250px;
}
#guestbook{
	float:left;
	width:340px;
	padding-left:10px;
}
#guestbook fieldset {
	
	display:block; 
	/*border:1px solid #009;*/ 
	/*padding:5px; */
	font-family:verdana, sans-serif; 
	margin-bottom:0.5em; 
	line-height:1.5em;
}
#guestbook legend {font-family:Verdana, Arial, Helvetica, sans-serif, sans-serif; color:#009; font-size:1em; font-weight:bold; /*border:1px solid #009;*/ margin-bottom:5px; padding:0px 7px 2px 2px; /*width:100px; background:#ddd;*/}
#guestbook label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#009; margin-bottom:0.5em;}
#guestbook input {border:1px solid #0859a8; padding:2px; margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#guestbook select, #guestbook option {border:1px solid #0859a8; padding:2px; margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#guestbook textarea {border:1px solid #0859a8; padding:2px; margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;/**/}
/*#guestbook select {margin-left:0.5em;}
#guestbook #button { margin-left:110px;}*/
#guestbook #button1 {color:#fff; background-color:#0859a8; padding-right:0.5em; cursor:pointer; width:50px; font-weight:bold;}
/*#guestbook #button1:hover {background-position:center left; color:#000;}*/
.errmessage{
	color:#c00;
}
/*=======================================End GUESTBOOK Styles==============================================*/
/*=======================================CONTACT US Styles==============================================*/
#contact{
	float:left;
	width:330px;
}
#contactus{
	float:left;
	width:350px;
	padding-left:10px;
}
#contactus fieldset {
	
	display:block; 
	/*border:1px solid #009;*/ 
	/*padding:5px; */
	font-family:verdana, sans-serif; 
	margin-bottom:0.5em; 
	line-height:1.5em;
}
#contactus legend {font-family:Verdana, Arial, Helvetica, sans-serif, sans-serif; color:#0859a8; font-size:1em; font-weight:bold; /*border:1px solid #009;*/ margin-bottom:5px; padding:0px 7px 2px 2px; /*width:100px; background:#ddd;*/}
#contactus label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#009; margin-bottom:0.5em;}
#contactus input {border:1px solid #0859a8; /*padding-left:0.5em;*/ margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; width:167px;}
#contactus textarea {border:1px solid #0859a8; /*padding-left:0.5em;*/ margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;/**/}
#contactus select {margin-left:0.5em;}
/*#contactus #button { margin-left:110px;}*/
#contactus #button1 {color:#fff; background-color:#0859a8; padding-right:0.5em; cursor:pointer; width:50px; font-weight:bold;}
/*#contactus #button1:hover {background-position:center left; color:#000;}*/
.errmessage{
	color:#c00;
}
/*=======================================End CONTACTUS Styles==============================================*/
/*=======================================DOCUMENT Styles==============================================*/
#documents{
     margin-left:20px;
}
.documentcategory{
	border:solid 1px #f00;
	width:400px;
	margin-bottom:10px;
	/*margin-right:80px;*/
}
.documenthead{
	padding-left:25px;
	font-weight:bold;
	background:#f00;
	color:#fff;
	/*border-bottom: solid 1px #060;*/
	}
	
#documents ul{
	margin:0;
	padding-left:0;
}
#documents li{
	height:25px;
	list-style-type:none;
	vertical-align:middle;
	padding: 2px 0 1px 45px;

}
#documents a img {
	border: none;
} 

#documnents img{
	padding-left:50px;
	
}

/*=======================================End DOCUMENT Styles==============================================*/
/*=======================================FIXTURES Styles==============================================*/
#fixtures{
	margin-top:20px;
}
.fixtable{
	margin-top:10px;
}
.fixtable td{
	padding:0 4px;
}
TD.fixcompetition{
	font-weight:bold;
	color:#fff;
	background:#f00;
	text-indent:10px;
	/*border-bottom:solid 2px #fc0;*/
}
.fixtableleft{
	border-left:solid 1px #f00;
}
.fixtableright{
	border-right:solid 1px #f00;
}

.fixtablebottom{
	border-right:solid 1px #f00;
	border-left:solid 1px #f00;
	border-bottom:solid 1px #f00;
	line-height:.5em;
}
.fixtablespacer{
	line-height:.5em;
}

#clubs{
     margin:10px 20px 0 20px;
	 border:solid 1px #f00;
}
#clubs ul{
	margin:0;
	padding:0;
}
#clubs li{
	/*display:inline;*/
	list-style-type:none;
	/*width:140px;*/
	/*padding:1px 0 1px 15px;*/
	padding-left:20px;
}

/*=======================================END FIXTURES Styles==============================================*/


#gmap{
	margin-top:15px;
	text-align:center;
}
#map{
	margin-top:10px;
	padding:1px;
	border:solid 1px #ccc;
	width:450px;
	height:350px;
}
.templatebox{
	float:left;
	margin-right:40px;
}
.previewbox{
	float:left;
}


.templatelisttitle{
	text-align:center;
	font-size:1.1em;
	color:#80822e;
	margin-bottom:4px;
	font-weight:bold;
	color:#303030;
	
}
.templatelist{
	border:solid 1px #0859a8;	
	width:200px;
	height:250px;
	background:#f6f6f6;
	overflow:auto;
}
.previewlist{
	width:250px;
}
.templatelist ul{
	padding:0;
	margin:0;
}
.templatelist ul li{
	display:block;
	
	border-bottom:solid 1px #0859a8;
	font-size:1em;
	font-weight:bold;
	color:#303030;
	
}
.templatelist ul li a{
	display:block;
	color:#303030;
	text-decoration:none;
	padding:5px 5px 5px 30px;
	border-bottom:none;

}
.templatelist ul li a.preview{
	padding:5px 5px 5px 5px;
	border-bottom:none;

}

.templatelist ul li a:hover{
	background:#e5e48b;
	background:#afd2f4;
	border-bottom:none;
}
.templatelist ul li a.liston{
	background:#afd2f4 url(/images/arrow-sml.png) no-repeat 5px center;
}

a.viewvideo{
	border-bottom:none;
}
a:hover.viewvideo{
	border-bottom:none;
	text-decoration:none;
	padding:0;
	background:none;

}
.gallery { /*background:url(../images/bg_nav_right.jpg) right top no-repeat; padding:0 4px 10px 0;*/  }
.gallery ul { margin:0; padding:0; /*background:#960000 url(../images/bg_nav.jpg) left top repeat-x;*/ list-style:none; /*position:relative; height:36px;*/ }

.gallery ul li { /*display:block; width:auto; float:left; color:#fff; height:36px;*/ }
.gallery ul li a { /*display:block; width:auto; color:#fff; text-decoration:none; padding:8px 1.3em 8px 1em; font:1.1em Verdana, sans-serif; background:url(../images/nav_arrow.jpg) right 0 no-repeat;*/ }
.gallery ul li a:hover { /*text-decoration:underline; background:url(../images/nav_arrow.jpg) right -36px no-repeat;*/ }
.gallery ul li.first { /*background:url(../images/bg_nav_left.jpg) left top no-repeat;*/ }

.gallery ul li ul { /*display:none;*/ display:block; /*position:absolute; top:34px; background:#fff url(../images/bg_nav.jpg) left -34px repeat-x; height:auto; border-bottom:6px solid #960000; border-left:1px solid #960000; border-right:1px solid #960000;*/ width:95%; left:2%; padding:8px 5px 15px 5px; }
.gallery ul li:hover ul,
.gallery ul li.over ul { display:block; }
.gallery ul li ul li { display:inline; float:none; background-image:none; height:auto; }
.gallery ul li ul li a { background-image:none; margin:8px; padding:2px; position:relative; border:1px solid #0859a8; float:left; display:block; width:75px; height:50px; background-color:#fff; }
.gallery ul li ul li a:hover { background-image:none; z-index:2; }
.gallery ul li ul li a img { position:absolute; top:2px; width:75px; height:50px; border:0; margin:0; padding:0; }
.gallery ul li a:hover img,
.gallery ul li a:active img,
.gallery ul li a:focus img { width:100px; height:75px; left:-11px; top:-10px; z-index:1; border:1px solid #006; }
.gallery ul li.overview { display:block; clear:both; padding:5px 10px 0 10px; color:#000; }


#gallery1 ul { z-index:2; }
#gallery2 ul { z-index:1; }


