/*
//===========================================================
//	Created By the Learning Trust - Webteam for Mandeville
//	FULL VERSION OF SITE
//===========================================================
*/
@import url(/css/full_subnav.css);
@import url(/css/full_topnav.css);

body {
	background-color: #fff;
	margin:0;
	padding:0;
}

*{font-family:  "Comic Sans MS", Arial, Helvetica, Verdana, sans-serif;}

p{
	font-size:0.8em;
	line-height:1.8em;
	}
h1{
	
	font-size:40px;
	text-transform:capitalize;
	color:#006f3b;
	border-bottom: 1px solid #006f3b;
	}
h2{
	font-size:32px;
	text-transform:capitalize;
	color:#00cc66;
	}
h3{
	font-size:16px;
	text-transform:capitalize;
	color:#000;
	}
	
h2#subnavTtl{
	position: relative;
	top:15px;
	left:0px;
	font-size:1.125em;
	text-transform:capitalize;
	text-align:center;
	color:#006f3b;	
	}
	
h3#subNavTitle{
	font-size:1em;
	font-weight:bold;
	padding:5px;
	text-align:center;
	color:#006f3b;
	}



	
ul li{
	color:#006f3b;
	list-style:square;
	font-size:0.8em;
	
	}
	
ol li{
	list-style:decimal;
	font-size:0.8em;
	}

a, a:link, a:visited, a:active {
	color:#006f3b;
	font-weight:bold;
	text-decoration:none;

	}
	
a:hover, a:focus{
	color:#339933;
	font-weight:bold;
	text-decoration: underline;

	}
table th{
	font-size:0.85em;
	vertical-align:top;
	border:1px solid #ededed;
	padding:5px;
	font-weight:bold;
	}
	
table td{
	font-size:0.85em;
	vertical-align:top;
	border:1px solid #ededed;
	padding:5px;
	}
table img{
	float:left;
	padding:5px;

	}

	
/*===========================================================
//	Search and languages DIV style layout
//=========================================================*/
div#top{
	position:relative;
	top:20px;
	left:0px;
	height:60px;
	width: 100%;
	margin:0;
    padding:0;
	}
	
div#search{
	width:260px;
	height:2.5em;
	margin:0;
	padding:0;
	float:left;
	text-align:left;	
	}
	
div#contact{
	width:230px;
	height:2.5em;
	margin:0;
	padding:0;
	float:left;
	color:#000;
	text-align: center ;
	}
#contact a, #contact a:visited, #contact a:link {
	font-size:0.7em;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none;
	color:#000;
	border:0;
	}
#contact a:hover, #contact a:focus {
	color:#666;
	border:;
	}		
		

/*===========================================================
//	Common style layout Top-Down
//=========================================================*/

div#outer {
	position:relative;
    width: 50.00em;
	height:auto;
    margin: 0 auto;
    padding: 0;
	z-index:0;
}


div#header {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:258px;
    padding: 0;
    margin: 0;
	background-color:#99DFFD;
	background-image:url(/images/common/header_background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

div#school_details{
	position:absolute;
	top:20px;
	left:555px;
	width:240px;
	height:100px;
	margin:0;
	padding:0;
	font-size:.75em;
	text-align:right;
	color:#006f3b;
	}
#school_details a, #school_details a:visited, #school_details a:active {
	color:#006f3b;
	font-weight:bold;
	text-decoration:none;
	}

#school_details a:hover, #school_details a:focus {
	color:#006f3b;
	font-weight:bold;
	text-decoration: underline;
	}
	
		
div#school_details:first-line{font-weight:bold;	}

	
	
div#logo{
	position:absolute;
	top:40px;
	left:260px;
	width:277px;
	height:152px;
	margin:0;
	padding:0;
	z-index:5;
	}

div#navcontainer{
	position:absolute;
	top:150px;
	left:50px;
	width:720px;
	height:34px;
	margin:0;
	padding:0;
	z-index:5;
}

div#body{
	position:relative;
	top:-40px;
	left:0px;
	width:100%;
	height:auto !important;
    padding:0px 0px 20px 0px;
    margin: 0;
	background-color:#99DFFD;
	}	
	
	
	
/* START ticker */
div#ticker{
	position:relative;
	top:20px;
	left:0px;
	width:100%;
	height:38px;
	margin:0;
	padding:0;
	color:#fff;
	background-color:#5B9BFE;
	background-image:url(/images/common/ticker-round-left.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-family:  "Comic Sans MS", Arial, Helvetica, Verdana, sans-serif;
	}
	
div#latestnews{
	position:absolute;
	top:8px;
	left:30px;
	width:100px;
	height:20px;
	}
	
div#iframe{
	position:absolute;
	top:0px;
	left:140px;
	width:100%;
	height:38px;
	}
	

/* END ticker */

div#breadcrumb{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#666666;
	}

div#breadcrumb a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
		
div#content_home{
	position:relative;
	top:20px;
	left:20px;
	width:47.50em;
	height:auto !important;
	padding:0;
	margin:0px 0px 20px 0px;
	background-image:url(/images/common/body-round-left.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#fff;
	}

div#maintext_home{
	position:relative;
	top:10px;
	left:15px;
	width:33.13em;
	height:auto;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	}
	
div#maintext{
	position:relative;
	top:10px;
	left:230px;
	width:32em;
	min-height:600px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	}

div#features{
	position:absolute;
	top:100px;
	left:590px;
	width:170px;
	height:365px;
	margin:0;
	padding:0;
	}
	
div#features01{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:102px;
	margin:0;
	padding:0;
	border:0;
	}
	
div#feature_text01{
	position:absolute;
	top:30px;
	left:60px;
	width:70px;
	height:50px;
	margin:0;
	padding:0;
	color:#000;
	font-size:1em;
	font-weight:bold;
	}
div#features02{
	position:absolute;
	top:130px;
	left:0px;
	width:170px;
	height:102px;
	margin:0;
	padding:0;
	}

div#feature_text02{
	position:absolute;
	top:30px;
	left:60px;
	width:70px;
	height:50px;
	margin:0;
	padding:0;
	color:#000;
	font-size:1em;
	font-weight:bold;
	}	
	
div#features03{
	position:absolute;
	top:260px;
	left:0px;
	width:170px;
	height:102px;
	margin:0;
	padding:0;
	}

div#feature_text03{
	position:absolute;
	top:30px;
	left:60px;
	width:70px;
	height:50px;
	margin:0;
	padding:0;
	color:#000;
	font-size:1em;
	font-weight:bold;
	}	
	
div#subnav{	
	position:absolute;
	top:30px;
	left:20px;
	width:218px;
	height:auto;
	margin:0;
	padding:0;
}

div#subnav_wrapper{
	position:relative;
	top:-5px;
	left:18px;
	width:180px;
	height:auto;
	margin:0;
	padding:0;
}


div#footer{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:47px;
	padding:0;
	margin:0;
	font-size:0.7em;
	color:#000;
	text-align:center;
	}


img.floatleft{
float:left;
}
img.floatright{
float:right
}

/*===========================================================
//	Custom style layout
//=========================================================*/

.clear{
	clear:both;
	margin:0;
	padding:0;
	}

	
/*  accessibility section  */
.sectionLeft{
	float:left;
	width:180px;
	padding:5px;
	margin:0;
	
}

.sectionRight{
	float:right;
	width:180px;
	padding:5px;
	margin:0;
	
}
.sectionTitle{
	font-size:0.9em;
	text-transform:capitalize;
	border-bottom:1px solid #336633;
	}

ul.subsection li{
	text-transform:capitalize;
	line-height:2em;

	} 

.searchbtn{
	background-color:#5B9BFE;
	color:#fff;
	border:0;
	cursor:pointer;
	}