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

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

*{font-family:  Arial, Helvetica, Verdana, sans-serif;}

p{
	font-size:0.75em;
	}
h1{
	font-size:1.38em;
	text-transform:capitalize;
	color:#336633;
	border-bottom:1px solid #336633;
	}
h2{
	font-size:1.15em;
	text-transform:capitalize;
	}
	
h2#subnavTtl{
	font-size:1.15em;
	text-transform:capitalize;
	text-align:center;
	border-bottom:1px solid #ccc;
	}
	
ul li{
	list-style:square;
	font-size:0.75em;
	}

a, a:link, a:visited {
	color:#000000;
	
	text-decoration:none;
	}
	
a:hover, a:focus, a:active{
	color:#339933;
	text-decoration:none;
	border-bottom:1px dashed #339933;
	}

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

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

div#outer {
	position:relative;
    width: 48.75em;
	height:auto;
    margin: 0 auto;
    padding: 0;
	z-index:0;
}
div#top{
	position:relative;
	top:20px;
	left:0px;
	height:40px;
	width: 100%;
	margin:0;
    padding:0;
	z-index:5px;
	}

div#header {
	position:relative;
	top:20px;
	left:0px;
	width:100%;
	height:254px;
    padding: 0;
    margin: 0;
	background-color:#fff;
	z-index:5px;
}

div#school_details{
	position:absolute;
	top:20px;
	left:55px;
	width:190px;
	height:145px;
	margin:0;
	padding:0;
	font-size:.75em;
	color:#fff;
	z-index:10;
	}
	
div#school_details:first-line{font-weight:bold;	}

div#headteacher{
	position:absolute;
	top:20px;
	left:270px;
	width:190px;
	height:145px;
	margin:0;
	padding:0;
	font-size:.75em;
	color:#fff;
	z-index:10;
	}
	
div#headteacher:first-line{font-weight:bold;	}

div#pupils_image{
	position:absolute;
	top:7px;
	left:460px;
	width:273px;
	height:236px;
	margin:0;
	padding:0;
	background-image: url(/images/common/pupils_image.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	z-index:10;
	}
	
div#logo{
	position:absolute;
	top:100px;
	left:260px;
	width:277px;
	height:152px;
	margin:0;
	padding:0;
	z-index:15;
	}

div#navcontainer{
	position:absolute;
	top:220px;
	left:10px;
	width:720px;
	height:34px;
	margin:0;
	padding:0;
	z-index:20;
}

div#body{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:auto !important;
    padding: 0;
    margin: 0;
	background-color:#fff;
	z-index:5px;
	}
div#inner{
	position:relative;
	top:0px;
	left:18px;
	width:46.25em;
	height:auto !important;
	padding:0px 0px 20px 0px;
	background-image: url(/images/common/inner_grad.gif);
	background-position:top center;
	background-repeat: repeat-y;
	}

div#body_top_corners{
	position:relative;
	top:20px;
	left:18px;
	width:46.25em;
	height:55px;
	background-image: url(/images/common/roundCr_top_mainwrapper.jpg);
	background-position:top center;
	background-repeat: no-repeat;
	}
div#body_btm_corners{
	position:relative;
	top:0px;
	left:18px;
	width:46.25em;
	height:25px;
	background-image: url(/images/common/bodybtmcorners.gif);
	background-position:bottom center;
	background-repeat: no-repeat;
	}
	
div#contentwrapper_home{
	position:relative;
	top:20px;
	left:20px;
	width:29.25em;
	height:auto !important;
	padding:0;
	margin:0;
	background-image: url(/images/common/content_grad.gif);
	background-position:top center;
	background-repeat:repeat-y;
	}
	
div#contentwrapper{
	position:relative;
	top:20px;
	left:240px;
	width:29.25em;
	height:auto !important;
	padding:0;
	margin:0;
	background-image: url(/images/common/content_grad.gif);
	background-position:top center;
	background-repeat:repeat-y;
	}

div#content{
	position:relative;
	top:0px;
	left:15px;
	width:26.5em;
	min-height:300px;
	height:auto;
	padding:0;
	margin:0;
	}

div#features{
	position:absolute;
	top:100px;
	left:530px;
	width:189px;
	height:365px;
	margin:0;
	padding:0;
	background-image: url(/images/common/feature_background.gif);
	}
	
div#features01{
	position:absolute;
	top:25px;
	left:10px;
	width:167px;
	height:157px;
	margin:0;
	padding:0;
	}
	
div#feature_text01{
	position:absolute;
	top:115px;
	left:105px;
	width:50px;
	height:50px;
	margin:0;
	padding:0;
	color:#FFFF00;
	font-size:1em;
	font-weight:bold;
	}
div#features02{
	position:absolute;
	top:185px;
	left:10px;
	width:167px;
	height:157px;
	margin:0;
	padding:0;
	}

div#feature_text02{
	position:absolute;
	top:290px;
	left:70px;
	width:50px;
	height:50px;
	margin:0;
	padding:0;
	color:#FFFF00;
	font-size:1em;
	font-weight:bold;
	}	
	
div#subnav{	
	position:absolute;
	top:30px;
	left:20px;
	width:218px;
	height:auto;
	margin:0;
	padding:0;
	background-image: url(/images/common/subnav_back.jpg);
	background-repeat:repeat-y;
}
div#subnav_wrapper{
	position:relative;
	top:-5px;
	left:18px;
	width:180px;
	height:auto;
	margin:0;
	padding:0;
}

div#topSide{
	width:218px;
	height:20px;
	margin:0;
	padding:0;
	background-image:url(/images/common/subnav_topside.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
div#btmSide{
	width:218px;
	height:20px;
	margin:0;
	padding:0;
	background-image: url(/images/common/subnav_btmside.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

div#top_corners{
	width:29.25em;
	height:20px;
	padding:0;
	margin:0;
	background-image: url(/images/common/topcorners.gif);
	background-position:top center;
	background-repeat:no-repeat;
	}
	
div#btm_corners{
	width:29.25em;
	height:25px;
	padding:0;
	margin:0;
	background-image: url(/images/common/btmcorners.gif);
	background-position:top center;
	background-repeat:no-repeat;
	}
div#footer{
	position:relative;
	top:1px;
	left:0px;
	width:100%;
	height:47px;
	padding:0;
	margin:0;
	background-image:url(/images/common/body_btm_background.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#fff;
	font-size:0.7em;
	line-height:2em;
	vertical-align: bottom;
	color:#fff;
	text-align:center;
	z-index:5px;
	}

div#subNavTitle{
	font-size:1em;
	font-weight:bold;
	padding:5px;
	text-align:center;
	}

/*===========================================================
//	Search and languages DIV style layout
//=========================================================*/
div#top{
	width: 100%;
	height:50px;
	margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
	vertical-align:top;
	}
	
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 ;
	}
	
div#flags{
	width:260px;
	height:2.5em;
	margin:0;
	padding:0;
	text-align:right;
	float:right;
	}
	
ul#flagslist {
	margin:0;
	padding:0;
	list-style-type: none;
	}
		
ul#flagslist li{
	display: inline;
	}

ul#flagslist a{
	border:0;
	}
		

a.contact, a.contact:link, a.contact:active, a.contact:visited{
	font-size:0.7em;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none;
	color:#000;
	border:0;
}
a.contact:hover{
	color:#666;
	border:;
}



/*===========================================================
//	Anchors style layout
//=========================================================*/

a.header_mailto, a.header_mailto:link, a.header_mailto:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
a.header_mailto:hover, a.header_mailto:focus{
	color:#fff;
	font-weight:bold;
	text-decoration: underline;
	}
	
/*===========================================================
//	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:#F5EF8B;
	border:0;
	}