/* Define styles for columns used on content pages */
#container {
	position:relative;
	float:left;
	width:955px;
	margin:0px auto;
	background-image:url(../images/structure/footerImage.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	

	
#page {
	position:relative;
	float:left;
	width:869px;
	border:	2px solid #CCCCCC;
	margin:0px 38px 0px 37px;
	padding:57px 10px 5px 10px;
	background-image:url(../images/structure/pageBottomGrad.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	}
	
#bottomGrad {
	position:relative;
	float:left;
	width:100%;
	background-image:url(../images/structure/bottomGrad.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	}
	
#footer {
	position:relative;
	float:left;
	clear:both;
	width:955px;
	height:60px;
	}
		
#footerImage {
	position:relative;
	float:left;
	clear:none;
	width:180px;
	height:235px;
	margin:-140px 0px -60px 0px;
	background-image:url(../images/structure/schoolLeaverFooter.gif);
	background-position:left;
	background-repeat:no-repeat;
	}	


	
.hopwoodLogoSmall {
	position:relative;
	float:left;
	margin:15px 0px 10px 83px;
	}

.siteSearchPageTop {
	position:relative;
	float:right;
	width:315px;
	margin:62px 28px 0px 0px;
	clear:none;
	font-size:1.2em;
	}
	
.sitesearch, .homepageSearch {
	width:278px;
	height:16px;
	font-size:1.2em;
	font-weight:lighter;
	color:#666666;
	padding:3px;
	line-height:1.2em;
	margin-right:5px;
	}
	
	
	
#mainNav {
	position:absolute;
	top:0px;
	left:0px;
	width:894px;
	height:49px;
	line-height:49px;
	overflow:hidden;
	}
	
.subSectionStyling {
	border:1px solid #cccccc;
	margin-bottom:5px;
	}

#pageTop {
	position:relative;
	float:left;
	clear:both;
	width:869px;
	height:275px;
	margin-top:0px;
	padding:0px;
	}
	
#pageTop h2.sectionHeading {
    font-size:1.8em;
    display:block;
    color:#FFFFFF;
    font-weight:bold;
    line-height:29px;
    height:29px;
    background-image:url(../images/structure/facultyGreyBackground.jpg);
    background-position:left;
    background-repeat:repeat-x;
    margin-bottom:0px;
    padding-left:5px;
    text-transform:uppercase;
    margin-bottom:1px;
    margin-left:0px;
    }
    
#stdLeft {
	position:relative;
	float:left;
	clear:left;
	width: 215px;
	}
	
#stdRight {
	position:relative;
	float:right;
	clear:right;
	width: 641px;
	}
	
#mcul h2 {
	font-size:1.8em;
	display:block;
	color:#000000;
	font-weight:bold;
	line-height:30px;
	height:30px;
	background-image:url(../images/structure/schoolLeaversHeaderBackground.jpg);
	background-position:left;
	background-repeat:repeat-x;
	margin-bottom:5px;
	padding-left:5px;
	text-transform:uppercase;
	}
	
	
#courseSearchCriteria h2, #courseSearchResults h2, #courseDetails h2, #relatedCourses h2, #stdWhatNext h2, #myProspectusContent h2, #courseSearch h2
{
    font-size:1.8em;
	display:block;
	color:#000000;
	font-weight:bold;
	line-height:30px;
	height:30px;
	background-image:url(../images/structure/schoolLeaversHeaderBackground.jpg);
	background-position:left;
	background-repeat:repeat-x;
	margin-bottom:5px;
	padding-left:5px;
	text-transform:uppercase;
}


#stdWhatNextBody
{
    padding:1px;
    background-color:White;
}

#stdWhatNextLeft, #stdWhatNextRight {
	width:310px;
	}
	
#stdWhatNextLeft {
	float:left;
	position:relative;
	clear:left;
	margin-left:5px;
	margin-right:10px;
	}
	
#stdWhatNextRight {
	float:left;
	position:relative;
	clear:none;
	}
	
#whatNextImage {
	position:relative;
	margin:-58px 0px -30px 207px;
	width:95px;
	height:208px;
	}