body {
	font-family: Arial, Helvetica, sans-serif; margin: 10px 0; font-size: 10pt; color: #000000; background:#660000 url(../images/bg.jpg) repeat center top;
	 
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

.style6{padding-top: 5px;}

th {
	font-family: Arial, Helvetica, sans-serif;
}

h1{color: #8b8784;}

h2{color: #8b8784;}

#listing ul { list-style-image: url(../images/bullettick2019.jpg); color : #333; font-family: Arial, sans-serif; text-align: left; vertical-align: middle; margin-left: 20px;}
#listing li{padding-left: 20px; padding-top: 0px; background-position: 0px 0px 0px 0px;}

.schoolname{color: #000; position: absolute; top: 0px; right: 10px;}
.schoolname h1{ font-size: 160%;}

.slideshow{color: #ffffff; z-index: 9999; border: px solid #000000; float: right; width: 400px; margin-bottom: 20px;}
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }
.topper{color: #ffffff; position: absolute; top: 0px; right: 0px; z-index: 19999; height: 240px; width: 360px;}

.container {width: 100%; position: relative; top: 0px; left: 0px;background: url(../images/bodyback.jpg) repeat-y top center;}

.outermasthead {width: 100%; background: url(../images/bodybacktop.gif) no-repeat center top; height: 120px; border-bottom: 0px solid #16582a;}

.innercontainer{width:990px; margin-left: auto; margin-right: auto;}

.masthead{width:990px; height: 120px; position: relative; top: 0px; left: 0px; margin-left: auto; margin-right: auto;}

.banner{width:990px; height:124px; background: url(../images/bannerback) repeat-x top left;}

.topMenu{width:990px;}

.leftmenu{width:200px; float: left; background: #ffffff; margin-top: 10px;}

.leftmenu ul{margin: 0; padding: 0; width: 200px;}

.leftmenu li{background: #ffffff; margin-bottom: 0px; list-style: none;}
.leftmenu li a{display: block; padding: 5px; text-decoration: none; }

.rightmenu{width:200px; float: right; background: #996666; margin-top: 10px;}

.rightmenu ul{margin: 0; padding: 0;width: 200px;}

.rightmenu li{background: #ffffff; margin-bottom: 0px; list-style: none;}
.rightmenu li a{display: block; padding: 5px; text-decoration: none; }

#nav2
{
	
	width: 200px;
	margin-top: 5px;
    color: #f4fbfd;
	text-align: left;
	background: #040265 url(../images/blueboxtop.jpg) no-repeat top center;
}

#nav2 ul
{
	margin: 0;
	padding: 0;
}

#nav2 ul li
{
	list-style-type: none;
	display: block;
}

#nav2 li a
{
	display: block;
	
	color: #fff;
	text-decoration: none;
	
}

#nav2 li a:hover { 
					 
text-decoration: none;
color: #fff;
}

#ppp { margin: 10px;
font-size: 90%;


}


.content{width:590px; float: left;}

.story{padding: 10px;}

#navigation
{
	width: 990px;
	z-index: 8999;
	background:#ffffff url(../images/menuback.jpg) no-repeat top left;
	1border-top: 1px solid #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	height: 46px;
	position: relative; top: 0px; left: 0px;

}

#navigation ul
{
	margin: 0 0 0 13px;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: block;
	float: left;
	margin: 11px 0 11px 0;

}



.clearboth { clear: both}

#navigation li a
{
	display: block;
	float: left;
	padding: 7px 4px;
	color: #6b6764;
	text-decoration: none;
	 border-left: 1px solid #dddddd;
	 border-right: 1px solid #ffffff;
	font-weight: normal;
	font-size: 14px;

}

#navigation li a:hover { background:#fff; color: #622; }


.menulist {
padding: 0px;
margin: 0px;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;

}
.menulist a{
display: block;
font-size: 9pt;
width: 100%;
color:#ffffff;
text-align: left;
border-bottom: 1px solid transparent;
padding: 12px 0px 12px 0px;
text-decoration: none;


}

.menulist a:link{color: #6b6764; background: #eee url(../images/menubacktop.jpg) repeat-x left top;}

.menulist a:visited{color: #6b6764; background: #eee url(../images/menubacktop.jpg) repeat-x left top;}

.menulist a:active{color: #6b6764; background: #eee url(../images/menubacktop.jpg) repeat-x left top;}

.menulist a:hover {
color: #ffffff;
text-decoration: none;
background:#ffffff; color: #600;
}

#facilities {position: absolute; display: none; left: 61px; top:39px; width: 170px; border: 4px solid  transparent; z-index: 99999; background: #eee;}
#pupils {position: absolute; display: none; left: 358px; top:45px; width: 170px; border: 4px solid  transparent; z-index: 99998;}
#parents {position: absolute; display: none; left: 279px; top:45px; width: 170px; border: 4px solid  transparent; z-index: 99997;}
#news {position: absolute; display: none; left: 149px; top:45px; width: 170px; border: 4px solid  transparent; z-index: 99996;}
#classes {position: absolute; display: none; left: 426px; top:45px; width: 170px; border: 4px solid  transparent; z-index: 99995;}

.mediaAdmin {float: left; width: 250px; font-size: 90%; text-align: right; background:#FFFFCC;}
.mediaAdmin a{display: block; margin-right: 10px; padding: 5px;}
#ajaxDiv{float: left; width: 640px;}


.footer{width:990px; clear: both; background: #333333;}