@charset "utf-8";
/* HOME */

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #0761B2;
}
a:active {
	color: #000000;
}

img{border:0;}
	

#wrapper{
margin-left:auto;
margin-right:auto;
width:840px;
background: #FFFFFF;
}

.clear{clear:both;}

.footer
{

font-style:normal;
list-style:none;
font-color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding-top:-20px;
}
.options
{
width:120px;
height:550px;
float:right;}

.right_view{padding-bottom:10px;
border-width:0px;
border:none;}

.footer_div
{
width:150px;
height:150px;
float:left;
padding-right:10px;
/*background-color:#FF0000;*/
height:350px;


}

#footer-wrapper{
	float:left;
width:850px;
	position:absolute;
	left: -5px;

}
#header-wrapper{

	position:relative;


}


.right_call{

padding-bottom:10px;
outline: none;
	
}

.back_in

{
margin-bottom:5px;
width:40px;
height:20px;
float:left;
margin-top:5px;
}

.arrow

{
float:right;
width:32px;
height:20px;

}
.back

{
padding-right:5px;
margin-left:5px;
width:80px;
float:right;
font-size:16px;
font-weight:bold;
color:#0761b2;

}

.left_H1

{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#0761b2;
	width:400px;
	float:left;
}




.MAIN

{
	background-color:#FFFFFF;
	width:840px;
	height:auto;
	color:#000000;
	
	padding:5px;
	padding-bottom:5px;

	float:left;
	font-color:black;
}

.base {
padding-top:-100px;
color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;

}

.SITE_MAP

{
	background-color:#999999;
	width:820px;
	height:450px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
}

.right

{
float:right;
width:250px;


}

.left

{
float:left;
width:250px;


}
.BREAK

{
background-color:#006699;
width:840px;
height:40px;
float:left;
padding:5px;
}

.CAL

{
margin:5px;
float:left;

}
.ELEMENT_MIDDLE

{
margin:5px;
float:left;

}
.ELEMENT_LEFT

{
margin:5px;
float:left;
href:http://southendeducationtrust.co.uk/index.php;
}

.contain
{
width:190px;
height:720px;
float:right;
}

.contain2
{
width:650px;

float:left;
padding-bottom:10px;
}

.ELEMENT_RIGHT{


margin:5px;
float:right;
}

.ELEMENT_L2{


margin:5px;
float:right;
}

.TEXT

{
	width:450px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5px;
float:left;
}


.BODY_TEXT

{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
width:500px;
}

.H1

{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#0761b2;

}


.COPYRIGHT

{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;
	line-height: -5px;
	
}

.subcat{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:none;
list-style:none;


	
}
.glossymenu{
	padding: 0;
	height:750px;
	width: 180px;
	float:left;
	background-color: #e7e9eb;
	margin: 5px;
	
}



.SEARCH_text
{
	font-size:14px;
	color:#006699;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-position: left;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 10px;

}

.SEARCH_A
{
	font-size:12px;
	color:#006699;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-position: left;
	margin-left: 5px;

}
.SEARCH_B
{
	font-size:16px;
	color:#006699;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-position: left;
	margin-left: 5px;

}

.Mag
{
	margin-left:-2px;
	line-height: 0px;
}

.SEARCH
{
	height:20px;
	width:95px;
	background:#FFFFFF;
	margin-left: 10px;
	margin-top: 10px;

}
.glossymenu a.menuitem{
	background:#e7e9eb;
	color: #006699;
	display: block;
	position: relative;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #E7E9EB;
}



.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
width: 180px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback.gif);
width: 168px;
color:white;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	width: 172px;
	color: #FFFFFF;

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 165px;
	background: white;
	color: #006699;
}


.glossymenu div.submenu ul li a{
	display: block;
	font: 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#333333;
	text-decoration: none;
	
	padding-left: 10px;
	width: 0px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	background:#e7e9eb;
	width: 167px;
}

.glossymenu div.submenu ul li a:hover{
background: #333333;
color: white;
width: 167px;
}

/*EXTENDED PAGES*/

.TEXT_Long

{
	width:640px;
	margin:5px;
	float:left;
	a:linkcolor: #000000;
	

}

.ELEMENT_RIGHT_Long{

width:640px;
margin:5px;
float:left;
}

.glossymenu_Long{
	padding: 0;
	height:720px;
	width: 178px;
	background-color: #e7e9eb;
	margin: 5px;
	
}

.glossymenu_Long a.menuitem{
	background:#e7e9eb;
	color: #006699;
	display: block;
	position: relative;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}



.glossymenu_Long a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
width: 180px;
border: none;
}

.glossymenu_Long a.menuitem:hover{
background-image: url(glossyback.gif);
width: 168px;
color:white;
}

.glossymenu_Long div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	width: 172px;

}

.glossymenu_Long div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 165px;
	background: white;
	color: #006699;
}


.glossymenu_Long div.submenu ul li a{
	display: block;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
	
	padding-left: 10px;
	width: 0px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	background:#e7e9eb;
	width: 167px;
}

.glossymenu_Long div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
width: 167px;
}