/* Define styles for columns used on the home page */
#container 
{
    position:relative;
	float:left;
	width:955px;
	margin:0px auto;
	background-image:none;
}

#page 
{
    /*position:relative;
    float:left;
	border:none;
	width:810px;
	margin:-38px 73px 0px 72px;
	padding:0px;
	clear:both;
	background-image:none;
	background-color:transparent;*/
	position:relative;
	border:none;
	width:845px;
	margin:0px 0px 0px 55px;
	padding:0px;
	clear:both;
	background-image:none;
	background-color:transparent;
	}
	
#bottomGrad 
{	
    position:relative;
	float:left;
	width:100%;
	background-image:url(../images/structure/bottomGrad.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:60px;
	}
	
#footer 
{
    position:relative;
	float:left;
	clear:both;
	width:955px;
	height:60px;
	border-top: 1px solid #999999;
	}
	
#footerImage 
{
    height:30px;
	margin:0px;
	padding:0px;
	background-image:url(../images/structure/homeFooter.png);
	background-position:top;
	background-repeat:no-repeat;
	}

#footerleft {
	margin:0px 0px 0px 10px;
	clear:none;
	float:left;
	height:30px;
	}	

.imageLeft {
	float:left;
	margin:5px 5px 5px 0px;
	}
	
.imageRight {
	float:right;
	margin:5px 0px 5px 5px;
	}
	

	
#mainNav {
	top:315px;
    position:absolute;
	left:0px;
	width:894px;
	height:49px;
	line-height:49px;
	overflow:hidden;	}
	
#mainNav ul li a{
	background-position:bottom;
	}
	
#mainNav ul li a:hover {
	background-position:top;
	}
	
/*#homepageMainNav {
	margin:0px 30px;
	}*/

#hopwoodLogoHome {
	/*position:absolute;
	clear:none;
	top:40px;
	left:405px;
	width:143px;
	height:145px;
	background-image:url(../images/homepageLogo.png);
	background-position:top;
	background-repeat:no-repeat;*/
	position:relative;
	float:left;
	clear:left;
	margin:0px 0px 9px 0px;
	width:134px;
	height:119px;
	background-image:url(../images/structure/hopwoodHallHomeLogo.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#hopwoodHomeHeader {
	position:relative;
	float:right;
	clear:right;
	margin:0px 2px 9px 0px;
	width:702px;
	height:119px;
	background-image:url(../images/structure/hopwoodHallHomeHeaderBackground.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
	
#searchScroll {
	/*position:relative;
	float:none;
	clear:both;
	width:320px;
	margin:20px auto 0px auto;*/
	position:relative;
	float:Left;
	clear:both;
	width:450px;
	margin-left:55px;
	padding-left:5px;
	margin-top:10px;
	border: solid 1px #cccccc;
	height:26px;
	background-color: #ffffff;
	}
	
/*#search {
	position:relative;
	float:left;
	width:318px;*/
/*	height:26px;
	padding:3px;*/
	/*margin-bottom:15px;
	}*/
	
#search {
	position:relative;
	float:right;
	clear:both;
	width:310px;
	margin:10px 50px 10px 0px;
	font-size:1.2em;
	}
	
.homepageSearch {
	width:278px;
	height:20px;
	line-height:20px;
	padding:3px;
	font-size:1.2em;	
	color:#666666;
	font-weight:lighter;
	border: solid 1px #cccccc;
	}
	
#scroll {
	position:relative;
	float:none;
	/*width:320px;*/
	width:446px;
	height:20px;
	padding:3px 0px;
	clear:both;
	/*border:1px solid #999999;*/
	/*margin-bottom:15px;*/
	}
	
.sitesearch {
	width:292px;
	height:26px;
	line-height:26px;
	margin-left:2px;
	}
	
#clearNone
{
	clear:none;
}
	
/** NAV **/


	

	
#footer ul li a.home {
	background-image:url(../images/nav/homeBtn.png);
	}
	
#footer ul li a.about {
	background-image:url(../images/nav/aboutBtn.png);
	}

#footer ul li a.info {
	background-image:url(../images/nav/infoBtn.png);
	}
	
#footer ul li a.news {
	background-image:url(../images/nav/newsBtn.png);
	}
	
#footer ul li a.down {
	background-image:url(../images/nav/downBtn.png);
	}

#footer ul li a.inte {
	background-image:url(../images/nav/inteBtn.png);
	}	

#footer ul li a.vaca {
	background-image:url(../images/nav/vacaBtn.png);
	}

#footer ul li a.res {
	background-image:url(../images/nav/resBtn.png);
	}
	
#footer ul li a.cont {
	background-image:url(../images/nav/contBtn.png);
	}
	
	/*************** NEW STYLES CH *******************/
	#homeImages {
	position:relative;
	float:left;
	clear:both;
	width:845px;
	height:175px;
	margin: 0px 0px 59px 0px;
}

.homeSchoolStudentsImage {
	position:relative;
	float:left;
	margin:0px 9px 0px 0px;
	padding:5px 0px 0px 0px;
	background-color:#0B81B9;
	width:133px;
	height: 170px;
}
	
.homeSchoolLeaversImage {
	position:relative;
	float:left;
	margin:0px 9px 0px 0px;
	padding:5px 0px 0px 0px;
	background-color:#669900;
	width:133px;
	height: 170px;
}

.homeAdultLearnersImage {
	position:relative;
	float:left;
	margin:0px 9px 0px 0px;
	padding:5px 0px 0px 0px;
	background-color:#D2A800;
	width:133px;
	height: 170px;
}

.homeUniversityLevelImage {
	position:relative;
	float:left;
	margin:0px 9px 0px 0px;
	padding:5px 0px 0px 0px;
	background-color:#950000;
	width:133px;
	height: 170px;
}

.homePublicFacilitiesImage {
	position:relative;
	float:left;
	margin:0px 9px 0px 0px;
	padding:5px 0px 0px 0px;
	background-color:#006600;
	width:133px;
	height: 170px;
}

.homeEmployerEngaementImage {
	position:relative;
	float:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	background-color:#CA7900;
	width:133px;
	height: 170px;
}

#headline {
	position:relative;
	float:left;
	width:470px;
	height:89px;
	padding:0px;
}

#contacts {
	position:relative;
	float:right;
	width:170px;
	text-align:right;
	padding:15px;
	height:89px;
}

#headline h1 {
	font-size:4.5em;
	color:#FFF;
	line-height:90%;
	text-transform:uppercase;
	font-weight:lighter;
}

#contacts h2 {
	font-size:2.4em;
	color:#FFF;
	line-height:90%;
}

#contacts h3 {
	font-size:1.2em;
	color:#FFF;
	line-height:90%;
	text-transform:none
}


#homeSearchWrap {
	/*clear:both;*/
	float:right;
}


.homepageMPU {
	float:left;
	margin: 10px 9px 9px 0px;
	width:275px;
	height: 85px;
}
.homepageMPUfinal {
	float:left;
	margin: 10px 0px 9px 0px;
	width:275px;
	height: 85px;
}

.homepageMPUwide {
	float:left;
	margin: 0px 9px 10px 0px;
	width:417px;
	height: 85px;
}
.homepageMPUwidefinal {
	float:left;
	margin: 0px 0px 10px 0px;
	width:417px;
	height: 85px;
}

.clear
{
	clear:both;
}

#headline span {
 display:none;
}

#headline img {
 margin-top:1px;
}