/************************** Vocational College CSS************************
Site Design By IT:answers:UK
Developed by Chris Carroll
*************************************************************** */



/*************************** Main Site Info**********************/
/****************************************************************/


a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
/*	background:url(../images/vcollbg.png) repeat-x;
	background:url(../images/backgroundTop.gif) repeat-x;
	background:url(../images/bg1.png) repeat-x;*/
	background:url(../images/clouds3.jpg) repeat;
	background-color: #cfcfcf;
	
}

* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 1em;
	list-style:none;
	
	
}


body
{

	width: 100%;
	height: 100%;
	font-size: 65%;
	padding-top: 20px;
	padding-bottom: 20px;

	
}

/*************************** Main Page Layout*********************/
/****************************************************************/
#thePage {
	width: 996px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0 auto 0 auto;
    text-align: left;
	background:url(../images/backCheck.gif) repeat;

		
	}


/*************************** Main Header  ************************/
/****************************************************************/

#thePage  #header {
	height: 130px;
	width: 996px;
	/*width: 100%;*/
	background-color: #f3f3f3;
	padding: 0 0 0 0;



}

#thePage  #headerHome {
	height: 130px;
	width: 996px;
	/*width: 100%;*/
	background-color: #CCCCCC;
	padding: 0 0 0 0;



}

#thePage #header #topFlash {
	width: 600px;
	height: 130px;
	float: left;
	background-color:#f3f3f3;


}



#thePage #header #topDetails {

	height: 110px;
	width: 235px;
	float: right;
	background-color:#f3f3f3;
	padding: 0 0 0 0;
	margin-top: 20px;
	font-size: 11px;
	font-weight: 700;


}

#thePage #header #topDetails li {

	border-left: #b2d236 2px solid ;
	margin-top: 2px;
	padding-left: 3px;

}


#thePage #header #logo{
	height: 120px;
	width: 115px;
	float: right;
	background-color:#f3f3f3;
	background-image: url(../images/vcollLogo.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	margin-top: 5px;

	
	
}


/***************************Header Strapline  ********************/
/****************************************************************/

#thePage #headerLower {

	height: 35px;
	width: 996px;
	/*width: 100%;*/
	background-color: #666767;
	
	

}

#thePage #headerLower #headerLogo {

	height: 35px;
	background-color: #666767;
	width: 300px;
	float: left;
	background-image: url(../images/vcollheaderLogo.jpg);
	background-repeat: no-repeat;
	background-position: center;


	
	

}



/***************************Header Breadcrumbs  ********************/
/******************************************************************/


#thePage #BreadcrumbsHolder {

	height: 25px;
	width: 996px;
	background-color: #f3f3f3;
	border-bottom: dotted #999999 1px;
}

#thePage #BreadcrumbsHolder #Breadcrumbs {

	height: 25px;
	width: 500px;
	/*width: 100%;*/
	padding: 4px 0 0 10px;
	text-align: left;
	font-size: 1em;
	font-weight: bold;

	}

#thePage #BreadcrumbsHolder #Breadcrumbs p {
		margin: 0;
	}

#thePage #BreadcrumbsHolder #Breadcrumbs p a {
	color: #0099FF;
		
	}

#thePage #BreadcrumbsHolder #Breadcrumbs p a:hover {
	color: #0033FF;
		
	}


#thePage #Breadcrumbs p a:active {
	color: #00FF33;
		
	}






/*************************** Main Page Layout  ************************/
/*********************************************************************/


#thePage #LowerContentContainer {

	width: 996px;
	background-color: #FFF;
	/*padding: 0 5px 0 5px;
	height: 700px;*/
	margin: 0 0 0 0;
	float: left;
	background:url(../images/backCheck.gif) repeat;
	padding-bottom: 10px;

	
}



#thePage #LowerContentContainer #LowerContentLeftColumn25 {

	width: 180px;
	float: left;
	padding: 5px 0 0 10px;
/*	margin: 10px 10px 10px 10px;*/
	height: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
	
	


}


#thePage #LowerContentContainer #LowerContentMainHome75  {

	width: 780px;
	float: left;
	padding: 5px 5px 5px 5px;
/*	background-color: #fff;*/
	margin: 10px 5px 15px 5px;
/*	border: solid #9CCB3B 1px; */
/*	background:url(../images/backHomeInner.png) repeat;*/
/*	background: url(../images/backJazz.png);
	background-repeat: no-repeat;
	background-position: right bottom;*/
	


}


#thePage #LowerContentContainer #LowerContentMainHome75 #CourseShort  {

width: 100px;
height: 500px;
float: right;
/*border: #0099FF 1px solid;*/


}


#thePage #LowerContentContainer #LowerContentMainHome75 #CourseShort .courseFront {


width: 95px;
height: 95px;
margin: 3px 0 13px 0;


}




#thePage #LowerContentContainer #LowerContentMainHome75 #Welcome {

float: left;
width: 655px;
/*height: 180px;*/
/*background-color: #EEEEEE;*/
margin: 0 2px 8px 2px;
padding: 4px;
background:url(../images/HomePage/backfadeHome.gif) repeat-x;
/*background-color: #FFFFFF;*/
border: #a5cb3b 1px dotted;

}


#thePage #LowerContentContainer #LowerContentMainHome75 #NewsHolder {

float: left;
width: 340px;
/*height: 200px;*/
background:url(../images/HomePage/backfadeHome.gif) repeat-x;
border: #a5cb3b 1px dotted;
margin: 0 2px 0 9px;
padding: 4px;

}

#thePage #LowerContentContainer #LowerContentMainHome75 #NewsHolder .NewsTitle {



}

#thePage #LowerContentContainer #LowerContentMainHome75 #NewsHolder .NewsPhoto {

float: right;
padding: 3px;




}

#thePage #LowerContentContainer #LowerContentMainHome75 #NewsHolder .NewsDescription {
float: left;
clear:both;


}


#thePage #LowerContentContainer #LowerContentMainHome75 #JobsHolder {

float: left;
width: 340px;
/*height: 200px;*/
background:url(../images/HomePage/backfadeHome.gif) repeat-x;
border: #a5cb3b 1px dotted;
margin: 8px 2px 0 9px;
padding: 4px;

}


#thePage #LowerContentContainer #LowerContentMainHome75 #Philosophy {

float: left;
width: 295px;
/*height: 200px;*/
background:url(../images/HomePage/backfadeHome.gif) repeat-x;
border: #a5cb3b 1px dotted;
margin: 0 2px 0 2px;
padding: 4px;


}








#thePage #LowerContentContainer #LowerContentLeftColumn50{

	width: 556px;
	float: left;
	padding: 5px 5px 5px 5px;
	background-color: #fff;
	margin: 15px 15px 25px 15px;
/*	border-left: dotted #999999 1px;
	background:url(../images/lined.gif) repeat;*/
	background:url(../images/paperwhite.jpg) repeat;
	border-right: double #888888 5px;
	border-bottom: double #888888 5px;
	border-left: double #999999 1px;
	border-top: double #999999 1px;


}

#thePage #LowerContentContainer #LowerContentLeftColumnCourses50{

	width: 556px;
	float: left;
	padding: 5px 5px 0 5px;
	background-color: #fff;
	margin: 15px 15px 15px 15px;
/*	border-left: dotted #999999 1px; */
	background:url(../images/backCheck.gif) repeat;



}

#thePage #LowerContentContainer #LowerContentRightColumn25 {

	width: 195px;
	height: 490px;
	float: left;
	padding: 0;
	background: none;

	/*padding: 0 5px 0 5px;
	margin: 10px 10px 10px 10px;
	height: 500px;*/
	margin-bottom: 5px;
	margin-top: 0px;
	background: url(../images/backJazz.png);
	background-repeat: no-repeat;
	background-position: top;


}




.opacityit img 

{
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.opacityit:hover img 

{
opacity: 0.85;
filter:alpha(opacity=85);
-moz-opacity: 0.85;
}


.innerdiv {
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 6px;
top: 1px;
padding: 1px 4px 15px 0px;

}

.innerdivCourse {
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 6px;
top: 100px;
padding: 1px 4px 15px 0px;

}








/*************************** FOOTER **************************/
/*************************************************************/


#thePage #LowerContentContainer #logoHolder {

float:left;
width: 590px;
height: 50px;
margin-left: 230px;
margin-right: 10px;
background:url(../images/logoHolderLong2.jpg) no-repeat;
border: #a5cb3b 1px dotted;




}



#thePage #footer {
	
	width: 996px;
	padding: 0;
	float: left;
	height: 25px;

	
	} 

#thePage #footer #footerIn {
	
	width: 986px;
	float: left;
	background-color: #f3f3f3;
	padding: 5px 0 0 10px;
	height: 20px;
	font-size: 10px;
	font-weight: 600;
	color: #666666;
		
}




/*************************** NAVIGATION************************/
/*************************************************************/