@charset "UTF-8";
/* CSS Document */



/************ GENERAL SETTINGS **************/

* {
	padding:0;
	margin:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#202020;
}

p {
	font-size:82.5%;
	color:#FFF;
	margin-bottom:1em;
	font-weight:normal;
}

br {
	margin-bottom:10px;
}

a img, a:visited img   {
	border:0;
}

div#PageContainerFull {
	width:100%;
	height:100%;
}

div#HeaderContainerFull {
	width:100%;
	height:104px;
	background:url(images/header-bg.gif) repeat-x;
}

div#HeaderContainer {
	width:960px;
	margin:0 auto;
	height:104px;
	position:relative;
}

div#Logo {
	width:400px;
	height:104px;
	background:url(images/logoMFE.gif) no-repeat;
	float:left;
	position:relative;
}

div#Contact {
	width:282px;
	height:104px;
	background:url(images/contact-tel.gif) no-repeat;
	float:right;
	position:relative;
}

div#ContentContainer {
	width:960px;
	margin:0 auto;
	height:100%;
	position:relative;
}
	
div#TopBanner {
	width:959px;
	height:220px;
	margin:0 auto;
	border-bottom:1px solid #313131;
	border-left:1px solid #313131;
	border-right:1px solid #313131;
}

div#LeftColumn {
	width:650px;
	height:100%;
	margin-top:10px;
	float:left;
	position:relative;
}

div#LeftColumn p a {
	color:#FFF;
	text-decoration:underline;
}

div#LeftColumn a:hover {
	color:#ffa800;
}

div#RightColumn {
	width:300px;
	margin-left:10px;
	margin-top:10px;
	height:100%;
	float:left;
	position:relative;
	background:#1b1b1b;
	background-color: #202020;
}

div#RightColumnContact {
	width:294px;
	margin-left:15px;
	margin-top:20px;
	height:100%;
	float:left;
	position:relative;
	background:#535353;
	text-align:right;
	margin-bottom:30px;
}

div#RightColumnContact p {
	margin-right:20px;
	margin-top:20px;
}

div#RightColumnContact br {
	margin-bottom:0;
}

div#MainImage {
	width:630px;
	height:280px;
	background:#343434;
	padding:10px;
}

div#MainImageHolder {
	width:630px;
	height:280px;
}

div#MainImagePhotographyCont {
	width:630px;
	height:420px;
	background:#343434;
	padding:10px;
}

div#MainImagePhotographyContInner {
	width:630px;
	height:450px;
}

div#Header {
	width:100%;
	height:26px;
	margin-top:10px;
	padding-top:4px;
	background:url(images/headerbg.gif) repeat-x;
}

div#NavHeadline {
	width:100%;
	height:17px;
	background:url(images/rightnavhline.gif) repeat-x;
	padding-top:2px;
}

div#TextContent {
	width:620px;
	padding:25px 15px;
}

div#TextContent a {
	color:#FFF;
	text-decoration:none;
}

div#TextContent a:hover {
	text-decoration:underline;
}

div#Footer {
	width:960px;
	height:61px; /*temp setting*/
	margin:0 auto;
	clear:both;
	position:relative;
	color:#C0C0C0;
	font-size:70%;
	background:url(images/footer-bg.jpg) repeat-x;
	margin-bottom:10px;
}

div#FooterLeft {
	float:left;
	position:relative;
	width:400px;
	height:41px;
	padding-top:10px;
	margin-top:5px;
	margin-left:10px;
}

div#FooterRight {
	float:right;
	position:relative;
	width:400px;
	height:52px;
	margin-top:5px;
	text-align:right;
	margin-right:0;
	background:url(images/footer-right-logos.jpg) no-repeat;/*drop new footer logos in here-if wider than 450, increase width, you have the room for up to 150px more*/
}

div#Footer a {
	font-size:95%;
	color:#C0C0C0;
	text-decoration:none;
	margin:0 4px 0 0;
}

div#Footer a:hover {
	color:#ffa800;
}

div#BreadcrumbTrail {
	width:100%;
	height:15px;
	margin-top:5px;
	color:#ffa800;
	font-size:11px;
}

#BreadcrumbTrail a {
	color:#fff;
	text-decoration:none;
}

#BreadcrumbTrail a:hover {
	color:#ffa800;
	text-decoration:none;
}

.HomeButton a {
	width:15px;
	height:15px;
	background:url(images/home-button.jpg) no-repeat; /*change image here for breadcrumb home image non-rollover*/
	float:left;
	margin-right:5px;
}

.HomeButton a:hover {
	background:url(images/home-button-hover.jpg) no-repeat; /*change image here for breadcrumb home image rollover change*/
}

div#RightContactButton a {
	width:100%;
	height:97px; /*this will need to be changed dependant on size of click through button produced*/
	background:none;
	margin-top:20px; /*this can be altered*/
}

.Crumb1 {
	color:#FFF;
}

.BlueColour {
	color:#ffa800;
}

div#Thanks {
	border:1px solid #ffa800;
	height:30px;
	padding:10px 0 0 40px;
	margin-top:20px;
}

/*********** TOP NAVIGATION SETTINGS *****************/

div#TopNavigation {
	width:100%;
	height:40px;
	background:url(images/topnavbar.gif) repeat-x;
}

div#NavTop {
	width:960px !important;
	margin:0 auto;
	height:40px;
	background:url(topbarborder.gif) no-repeat left;
}

div#NavTop li {
	list-style-type:none;
	float:left;
	line-height:20px;
	position:relative;
}

div#NavTop li a {
	float:left;
	padding:11px 15px 9px 15px;
	position:relative;
	text-decoration:none;
	color:#000;
	size:16px;
	background:url(topbarborder.gif) no-repeat left;
}

div#NavTop li a:hover {
	color:#FFF;
	text-decoration:none;
}

div#NavTop li a:active {
	color:#FFF;
}

.home {
	color:#FFF;
}

/*the setting below is for active page highlighting to white text*/
#home .home, #independent .independent, #schools .schools, #academies .academies, #colleges .colleges, #universities .universities, #news .news, #aboutus .aboutus, #contactus .contactus {
	color:#FFF;
}

.MailLink a {
	color:#FFF;
}

.MailLink a:hover {
	color:#ffa800;
}

/*****************************************************/








/********** RIGHT NAVIGATION SETTINGS ****************/

div#RightNavigation {
	width:300px;
	height:100%;
	_margin-left:-0px;
}

div#RightNavigation li {
	text-decoration:none;
	list-style-type:none;
	height:29px;
	width:300px;
	background:url(images/rightnavbg.gif) no-repeat;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
}

div#RightNavigation li a {
	text-decoration:none;
	list-style-type:none;
	color:#FFF;
	width:270px;
	padding:7px 0 0 30px;
	height:24px;
	display:block;
	_padding:5px 0 0 30px;
}

div#RightNavigation a:hover {
	color:#ffa800;
}


.submenu{
	background:url(images/submenubg.gif) repeat-x;
	display: block;
	height:23px;
	padding:7px 0 0 35px;
	color: #fff;
	width:265px;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

.hide{
	display: none;
}

.show{
	display: block;
}

.navheader {
	color:#000;
	font-size:13px;
	margin-left:10px;
}



/*****************************************************/


/********** HEADER STYLES **********/

h1 {
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	margin-left:10px;
}

h2 {
	
}

h3 {
	
}

h4 {font-size:120%; color:#31addf; padding:10px 0 0 20px;}

h5 {font-size:120%; color:#31addf; padding:10px 0 0 20px;} 
	


/********** FLASH STYLE SETTINGS ***********/


#flash{
display: block;
}

/*new flash project*/
#horizon {
	display: block;
	position: absolute;
	top: 0px;
	left: 1px;
	width: 100%;
	height: 210px;
	overflow: hidden;	
}


/********* PORTFOLIO PAGE SETTINGS *********/
div#MainImagePortfolio { 
	width:630px;
	height:385px;
	background:#343434;
	padding:10px;
}

div#ThumbnailContainer {
	width:100%;
	height:75px;
	margin-top:10px;
}

div#RightNavigation2 {
	width:300px;
	height:100%;
}

div#RightNavigation2 li {
	text-decoration:none;
	list-style-type:none;
	height:29px;
	width:300px;
	background:url(images/rightnavbg.gif) no-repeat;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

div#RightNavigation2 li a {
	text-decoration:none;
	list-style-type:none;
	color:#FFF;
	width:270px;
	padding:7px 0 0 30px;
	height:24px;
	display:block;
}


div#RightNavigation2 a:hover {
	color:#ffa800;
}

.Thumbs {
	width:100px;
	height:75px;
	margin-right:10px;
	float:left;
	position:relative;
}




/**** ROOT FOLDER SETTINGS ***/

div#TopBannerHome {
	width:958px;
	height:175px;
	margin:0 auto;
	margin-top:10px;
}

/**** CONATCT FORM SETTINGS ****/
.Form1 {
	font-size:12px;
	color:#F9F9F9;
}

.red {
	color:red;
}

.Callback {
	width:294px;
	height:97px;
	margin-top:10px;
	background:url(images/callback-bg.jpg) repeat-x;
}

.ContactBold {
	font-size:16px;
	font-weight:bold;
	color:#ffa800;
}

.TelBold {
	font-size:22px;
	font-weight:bold;
}

div#CallbackForm {
	width:275px;
	text-align:left;
	margin-left:20px;
	margin-bottom:15px;
}






/********* CMS NEWS SECTION SETTINGS ***************/
div#RightColumnNews {
	width:300px;
	margin-left:10px;
	margin-top:20px;
	height:100%;
	float:left;
	position:relative;
	background:#1b1b1b;
	color:#FFF;
}

.BlogHeaders {
	width:100%;
	height:26px;
	background:url(images/headerbg.gif) repeat-x;
	margin-top:10px;
	color:#FFF;
	font-weight:bold;
}

div#BlogNavigation {
	width:300px;
	height:100%;
	_margin-left:-0px;
}

div#BlogNavigation li {
	text-decoration:none;
	list-style-type:none;
	height:29px;
	width:300px;
	background:url(images/rightnavbg.gif) no-repeat;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
}

div#BlogNavigation li a {
	text-decoration:none;
	list-style-type:none;
	color:#FFF;
	width:270px;
	padding:7px 0 0 30px;
	height:24px;
	display:block;
	_padding:5px 0 0 30px;
}


div#BlogNavigation a:hover {
	color:#ffa800;
}


/***************************************************/

/******* About us page ********/
div#AboutUsLeft {
	width:420px;
	height:100%;
	margin-top:10px;
	float:left;
	position:relative;
	padding-right:90px;
	padding-left:10px;
}

div#AboutUsRight {
	width:420px;
	height:100%;
	margin-top:10px;
	float:left;
	position:relative;
}




/*======= JOBS ADVERT STYLES =========*/
#Adverts {font-family:Arial, Helvetica, sans-serif;
	background:#2A2A2A;}
div#ContentContainerWide {width:1008px; margin:0 auto; height:100%; position:relative;}
#email {width:500px; height:100px; float:right; position:relative;}
#footerAdvert {width:1008px; height:105px; /*temp setting*/ margin:0 auto; clear:both; position:relative; color:#C0C0C0; font-size:70%; background:url(images/mfe-advert-footer-BG.jpg) repeat-x; margin-bottom:10px;
}
#footerAdvert a {font-size:95%; color:#C0C0C0; text-decoration:none; margin:0 4px 0 0;}
#footerAdvert a:hover {color:#ffa800;}
#footerAdvertRight {width:318px; height:103px; float:right; position:relative; background:url(images/mfe-advert-washing.jpg) no-repeat;}
#boxesCont {width:1008px; margin:0 auto; background-color:#2A2A2A; position:relative; position: relative; border-bottom:1px solid #FFF;}
#box1Advert {width:1000px; height:auto; margin:0 auto; color:#FFF; margin-top:5px;}
#box1Advert p {padding:5px; font-size:75%;}
.boxes2 {width:297px; margin-left:54px; float:left; position:relative; height:auto; margin-top:5px; margin-bottom:10px;}
.boxes {width:297px; margin-left:5px; float:left; position:relative; height:auto; margin-top:5px; margin-bottom:10px;}
.boxesHrd {width:297px; height:34px; background:url(images/job-header-bg.jpg) no-repeat;}
.boxesExpnd {width:297px; height:auto; background:url(images/job-inner-bg.jpg) repeat-y; margin-bottom:5px;}
.boxesExpnd p {padding:15px; color:#FFF; font-size:75%;}
.downloadsPDF {width:297px; height:56px; margin-top:-15px; }
#bluebold {	font-weight: bold; color: ffa800;}

#fla {
	width:100%;
	height:300px;
}

.noBullet {
	list-style-type:disc;
	font-size:82.7%;
	margin-left:50px;
	color:#EAEAEA;
}

.noBullet a:hover {
	color:#FFF !important;
}

.noBullet li {
	padding:1px;
}

.noBullet ul li {
	margin-left:20px;
	list-style-type:disc;
}

.noBullet ul ul li {
	margin-left:40px;
}

.portfolio {
	margin-left:35px;
}

.maplrg {
	font-weight:bold;
	margin-left:20px;
	text-decoration:underline;
}