@charset "utf-8";

/* **********************************************
Bolton Community College
Default stylesheet
Design by Motionlab
-------------------------------------------------
Mid grey: #434343
Dark gold: #7E682A
Grey blue: #6E9EB0
Pale brown: #DBD7C9
*********************************************** */

/* ---------------------------------------------- 
General
----------------------------------------------  */

#skipNavLink { display: none; }

* {	margin: 0;	padding: 0; outline: 0; }

a { outline: 0; }
:focus { outline-border: 1px solid #ccc; }
a img { border: none; }

address { font-style: normal; }

body {
	background: #fff url(../img/body_bg.png);
	font: 12px arial, Helvetica, sans-serif;
	color: #434343;
}


.clear { clear: both; }

a:link {
color: #6a9db1;
text-decoration: none;
}
a:hover {
color: #326a7f;
text-decoration: none;
}

/* ---------------------------------------------- 
Outer Layout
----------------------------------------------  */

#outer_wrapper {
	width: 1000px;
	background: #fff;
}

/* Used multiple times on page to switch in and out of full-width */
.inner_wrapper {
	width: 930px;
	position: relative;
	margin: 0 0 0 48px;
}

/* ---------------------------------------------- 
Header
----------------------------------------------  */

#header {
	min-height: 130px;
	height: auto !important;
	height: 130px;
}

/* ---------------------------------------------- 
Quick Links
----------------------------------------------  */

#quickLinks {
	width: 110px;
	margin: 20px 0 0 0;
	height: auto;
	overflow: hidden;
	position: absolute;
	text-transform: uppercase;
	padding-bottom:50px;
}

	#quickLinks .inner {
		padding-top: 30px;
	}

	#quickLinks .inner h2 {
		color: #b62e30;
		font-size: 10px;
		margin: 0 0  10px -20px;
		text-indent: 10px;
		border-bottom: 1px solid #b62e30;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	#quickLinks .inner ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		#quickLinks .inner ul li {
			padding: 0;
			margin: 0;
		}
		
			#quickLinks .inner ul li a { 
				color: #fff;
				background: #7eaebe;
				text-indent: 5px;
				padding: 5px;
				width: 145px;
				margin: 0 0 15px -20px;
				font-size: 10px;
				-moz-transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				font-weight: bold;
				text-decoration: none;
				display: block;
			}
					
			/* Different colours injected through JQ */
			#quickLinks .inner ul li.red a { background: #b62e30; }
			#quickLinks .inner ul li.blue a { background: #7eaebe; }
			#quickLinks .inner ul li.gold a { background: #937b36; }
			#quickLinks .inner ul li.yellow a { background: #ffcf04; }

/* ---------------------------------------------- 
Top navigation
----------------------------------------------  */

.top_nav {
	list-style: none;
	text-transform: uppercase;
	padding: 15px 0 0 0;
}

	.top_nav * {
		list-style: none;
	}
	
	.top_nav ul {
		display: none;
	}
	
	.top_nav li {
		font-size: 11px;
		line-height: 14px;
	}
	
		.top_nav li a {
			text-decoration: none;
			display: inline-block;
			padding-left: 18px;			
		}
		
		.top_nav li a {
			display: block;
			margin-left: 1px;
		}
		
		/* Use .parent for list items with a sub menu  */
		.top_nav li.parent a {
			background: url(../img/parent_arrow.png) no-repeat left 100px;
		}
		
			.top_nav li.parent a:hover { background-position:   left 12px;	}
		
		.top_nav li a.current {
			font-weight: bold;
			color: #000;
	
			background: url(../img/parent_arrow_white.png) no-repeat left 12px;
			display: block;
		}
		
.top_nav_master {
	width: 210px;
}
		
.top_nav_sub {
	padding: 16px 0 0 0px;

}

.top_nav_1 {
	width: 205px;
	margin-right: 0px;	
	position: relative;
	
}

	#header .top_nav_1 li {}
	
		#header .top_nav_1 li a {
			color: #434343;
		}
		
			#header .top_nav_1 li a:hover { color: #326a7f; background: url(../img/parent_arrow.png) no-repeat 0px 0px; }
			#header .top_nav_1 li a.current { color: #000; background: url(../img/parent_arrow.png) no-repeat 0px 0px;  } /* Colour of all current items in the menu */
			#header .top_nav_1 li a.master_current { color: #326a7f; background: url(../img/parent_arrow.png) no-repeat 0px 0px; } /* Colour of first colunn of current items */
			
		
		/* 2nd nav column */
		#header .top_nav_2 {
			position: absolute;
			top: 0;
			left: 205px;
			background: url(../img/top_nav_2_bg.png) repeat-y left top;
			width: 250px;
			padding-left: 0px;
			height: 105px;
			
		}
		
			#header .top_nav_2 li {
				color: #434343;
			}
			
				#header .top_nav_2 li a {
					color: #434343;
				}
				
				#header .top_nav_2 li a:hover {
					color: #000;
					
				}
				
				
				
			body#homePage #header .top_nav_1 li a:hover { color: #326a7f; }
			body#homePage #header .top_nav_1 li a.current { color: #fff; background: #b9ac97 url(../img/parent_arrow_white_home.png) no-repeat 0px 0px;  } 
			body#homePage #header .top_nav_1 li a.current#homePageLink { background: url(../img/parent_arrow.png) no-repeat 0px 0px; color: #326a7f; font-weight: normal; }
			
			body#ourCourses #header .top_nav_1 li a:hover { color: #326a7f; }
			body#ourCourses #header .top_nav_1 li a.current { color: #fff; background: #b9ac97 url(../img/parent_arrow_white_home.png) no-repeat 0px 0px; }
			
			body#adultEducation #header .top_nav_1 li a:hover { color: #326a7f; }
			body#adultEducation #header .top_nav_1 li a.current { color: #fff; background: #786732  url(../img/parent_arrow_white_adult.png) no-repeat 0px 0px;  } 
			
			body#businessDevelopment #header .top_nav_1 li a:hover { color: #326a7f; }
			body#businessDevelopment #header .top_nav_1 li a.current { color: #fff; background: #a2272d url(../img/parent_arrow_white_bus.png) no-repeat 0px 0px;  } 
			
			body#SchoolLeavers #header .top_nav_1 li a:hover { color: #326a7f; }
			body#SchoolLeavers #header .top_nav_1 li a.current { color: #fff; background:#6a9db1 url(../img/parent_arrow_white_sch.png) no-repeat 0px 0px; } 
			
			body#communityLearning #header .top_nav_1 li a:hover { color: #326a7f; }
			body#communityLearning #header .top_nav_1 li a.current { color: #fff; background:#fbc431 url(../img/parent_arrow_white_com.png) no-repeat 0px 0px; } 
				
				
				
				
				
			body#ourCourses #header .top_nav_2 li a:hover { color: #326a7f; }
			body#ourCourses #header .top_nav_2 li a.current { color: #fff; background: #b9ac97 url(../img/parent_arrow_white_home.png) no-repeat 0px 0px;  } 	
				
		
			body#homePage #header .top_nav_2 li a:hover { color: #326a7f; }
			body#homePage #header .top_nav_2 li a.current { color: #fff; background: #b9ac97 url(../img/parent_arrow_white_home.png) no-repeat 0px 0px;  } 
			
			body#adultEducation #header .top_nav_2 li a:hover { color: #326a7f; }
			body#adultEducation #header .top_nav_2 li a.current { color: #fff; background: #786732  url(../img/parent_arrow_white_adult.png) no-repeat 0px 0px;  } 
			
			body#businessDevelopment #header .top_nav_2 li a:hover { color: #326a7f; }
			body#businessDevelopment #header .top_nav_2 li a.current { color: #fff; background: #a2272durl(../img/parent_arrow_white_bus.png) no-repeat 0px 0px;  } 
			
			body#SchoolLeavers #header .top_nav_2 li a:hover { color: #326a7f; }
			body#SchoolLeavers #header .top_nav_2 li a.current { color: #fff; background:#6a9db1 url(../img/parent_arrow_white_sch.png) no-repeat 0px 0px; } 
			
			body#communityLearning #header .top_nav_2 li a:hover { color: #326a7f; }
			body#communityLearning #header .top_nav_2 li a.current { color: #fff; background:#fbc431 url(../img/parent_arrow_white_com.png) no-repeat 0px 0px; } 
			
			
				
			/* 3rd nav column */
			#header .top_nav_2 li .top_nav_sub {
				position: absolute;
				top: -1px;
				left: 250px;
				background: #fff url(../img/top_nav_2_bg.png) repeat-y left top;
				width: 250px;
				height: 104px;
			}
			
			/* 4th nav column */
			.top_nav_sub_sub {
				position: absolute;
				top: 0;
				left: 245px;
				background: #fff url(../img/top_nav_2_bg.png) repeat-y left top;
				width: 252px;
				padding-left: 0px;
				padding-top: 16px;
				height: 104px;
			}
		

/* ---------------------------------------------- 
Tool bar
----------------------------------------------  */

#toolbar { list-style: none; float: right; }
#toolbar li { float: left; margin-left: 10px; }

/* ---------------------------------------------- 
Search box
----------------------------------------------  */

#search_wrapper {
	background: url(../img/horizontal_dash_bg.png) repeat-x left top;
	padding-top: 7px;
	background-color:#efefef;
	
}

	#search_wrapper .inner_bg {
		background: url(../img/horizontal_dash_bg.png) repeat-x left bottom;
		padding-bottom: 8px;
		
	}
	#main_content .inner_bg {
		background: url(../img/horizontal_dash_bg.png) repeat-x left bottom;
		padding-bottom: 0px;
		height: 12px;
		margin-bottom: 12px;
	}
	
		#search_wrapper a {
			color: #434343;
			text-decoration: none;
		}
		#search_wrapper a:hover {
			color: #434343;
			text-decoration: underline;
		}
	
	#search_wrapper label, #toolbar li {
		color: #7e682a;
		text-transform: uppercase;
		font-size: 11px;
		padding: 0 5px 0 0;
	}
	
	#search_wrapper #search_form {
		float: right;
		padding-right: 10px;
	}
	
	#search_wrapper #search_box {
		border: 1px solid #dbd7c9;
		font-size: 11px;
		color: #434343;
		padding: 2px;
	}
	
		#search_wrapper #search_box:focus,
		#search_wrapper #search_box:hover {
			border-color: #434343;
		}
	
	#search_wrapper #search_submit {
		color: #434343;
		background: #dbd7c9;
		border: none;
		border: 1px solid #dbd7c9;
		cursor: pointer;
		font-size: 10px;
	}

		#search_wrapper #search_submit:focus,
		#search_wrapper #search_submit:hover {
			border-color: #434343;
		}
		
		
		
/* ---------------------------------------------- 
Logo
----------------------------------------------  */

#logo {
	width: 190px;
	height: 139px;
	/*background: url(../img/bcc_logo.png) no-repeat left top;
	text-indent: -9999px;*/
	margin: 25px 0 0 0;
	padding-left: 15px;
	float: left;
	
}

/* ---------------------------------------------- 
Main content
----------------------------------------------  */

#main_content {
	width: 380px;
	float: left;
	margin: 25px 0 0 0px;
	height: auto;
	min-height: 500px;
}
#main_content img{
overflow-x: hidden;
}
#main_content hr {
	color: #e9e9e9;
	height: 1px;
	border: none;
	background-color: #e9e9e9;

	
}
#main_content.fullWidth{width: 720px;}
#main_content.flash {
	margin-top: 25px;
	position: relative;
	height: 810px;
}

	#main_content .flash_panel {
		position: absolute;
		z-index: 10;
		font-family: Arial, Helvetica, sans-serif;
	}

	
	#main_content #homeFlash1 { top: 120px; left: 0; }
	#main_content #homeFlash1 .swf { width: 175px; height: 376px; }

	
	#main_content #homeFlash2 { top: 0px; left: 180px; z-index: 20;  }
	#main_content #homeFlash2 .swf { width: 175px; height: 376px; }

	
	#main_content #homeFlash3 { top: 61px; left: 360px;}
	#main_content #homeFlash3 .swf { width: 175px; height: 376px; }

	
	#main_content #homeFlash4 { top: 0px; left: 540px; }
	#main_content #homeFlash4 .swf { width: 175px; height: 376px; }

	#main_content #homeFlash5 { top: 323px; left: 180px; }
	#main_content #homeFlash5 .swf { width: 175px; height: 376px; }

	#main_content #homeFlash6 {top: 442px; z-index: 5; }
	
	#main_content #homeFlash7 { top: 387px; left: 360px; z-index: 5; }
	
	#main_content #homeFlash8 {  top: 325px; left: 540px; z-index: 5; }

	
		#main_content .flash_panel h2 {
			text-transform: uppercase;
			color: #7e682a;
			font-weight: normal;
			line-height: 14px;
			font-size: 12px;
			margin: 0px 0;
		}
		
			#main_content .flash_panel h2 a:link {
				color: #7e682a;
				text-decoration: none;
			}
			#main_content .flash_panel h2 a:visited {
				color: #7e682a;
				text-decoration: none;
			}
			
			#main_content .flash_panel h2 a:hover {
				color: #7e682a;
				text-decoration: underline;
			}
			#main_content .flash_panel h2 a:active {
				color: #7e682a;
				text-decoration: none;
			}
		
		#main_content .flash_panel p {
			font-size: 10px;
			line-height: 12px;
			color: #a5a5a5;
			padding: 0;
			margin: 0;
		}

	#main_content h1.arrow {
		text-transform: uppercase;
		color: #fff;
		background: #b9ac97 url(../img/heading-arrow-default.png) no-repeat;
		font-size: 16px;
		padding: 0px 0px 0px 25px;
	margin-bottom: 15px;
		line-height: 26px;
		font-weight: normal;
	}
		
		body#adultEducation #main_content h1.arrow { color: #fff; background-color: #786732; padding-bottom: 0px; background-image: url('../img/heading-arrow.png'); background-repeat:no-repeat; padding: 0px 0px 0px 25px;}
		body#SchoolLeavers #main_content h1.arrow { color: #fff; background-color: #6a9db1; background-image: url('../img/heading-arrow-school-leavers.png'); padding-bottom: 0px; background-repeat:no-repeat; padding: 0px 0px 0px 25px;}
		body#busservicesPage #main_content h1.arrow,
		body#businessDevelopment #main_content h1.arrow { color: #fff; background-color: #a2272d; background-image: url('../img/heading-arrow-business-development.png'); padding-bottom: 0px; background-repeat:no-repeat; padding: 0px 0px 0px 25px;}
		body#communityLearning #main_content h1.arrow { color: #fff; background-color: #fbc431; background-image: url('../img/heading-arrow-community.png'); padding-bottom: 0px;   background-repeat:no-repeat; padding: 0px 0px 0px 25px;}
	
	#main_content h2 {
		font-weight: normal;
		font-size: 14px;
		color: #6a9db1;
		text-transform: uppercase;
		margin: 0px;
		margin-bottom: 0px;

	}
	
	#main_content h3 {
		font-weight: normal;
color: #6a9db1;
		text-transform: uppercase;
		font-size: 14px;
		margin: 0px;
	}
	
	#main_content h4{
		color: #6a9db1;
		font-size: 14px;
		font-weight: normal;
		margin: 0px;
		margin-top: 10px;
		margin-bottom: 5px;
		text-transform: uppercase;

	}
	
	
		body#SchoolLeavers #main_content h2 {
		font-weight: normal;
		font-size: 14px;
		color: #6a9db1;
		text-transform: uppercase;
		margin: 0px;

	}
	
	body#SchoolLeavers #main_content h3 {
		font-weight: normal;
color: #6a9db1;
		text-transform: uppercase;
		font-size: 14px;
		margin: 0px;
	}
	
	body#SchoolLeavers #main_content h4{
		color: #6a9db1;
		font-size: 14px;
		font-weight: normal;
		margin: 0px;
		text-transform: uppercase;

	}
	
	
			body#adultEducation #main_content h2 {
		font-weight: normal;
		font-size: 14px;
		color: #7e682a;
		text-transform: uppercase;
		margin: 0px;

	}
	
	body#adultEducation #main_content h3 {
		font-weight: normal;
color: #7e682a;
		text-transform: uppercase;
		font-size: 14px;
		margin: 0px;
	}
	
	body#adultEducation #main_content h4{
		color: #7e682a;
		font-size: 14px;
		font-weight: normal;
		margin: 0px;
		text-transform: uppercase;

	}
	
			body#businessDevelopment #main_content h2 {
		font-weight: normal;
		font-size: 14px;
		color: #a2272d;
		text-transform: uppercase;
		margin: 0px;

	}
	
	body#businessDevelopment #main_content h3 {
		font-weight: normal;
color: #a2272d;
		text-transform: uppercase;
		font-size: 14px;
		margin: 0px;
	}
	
	body#businessDevelopment #main_content h4{
		color: #a2272d;
		font-size: 14px;
		font-weight: normal;
		margin: 0px;
		text-transform: uppercase;

	}
	
				body#communityLearning #main_content h2 {
		font-weight: normal;
		font-size: 14px;
		color: #fbc431;
	text-transform: uppercase;
		margin: 0px;

	}
	
	body#communityLearning #main_content h3 {
		font-weight: normal;
color: #fbc431;
		text-transform: uppercase;
		font-size: 14px;
		margin: 0px;
	}
	
	body#communityLearning #main_content h4{
		color: #fbc431;
		font-size: 14px;
		font-weight: normal;
		margin: 0px;
		text-transform: uppercase;

	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#main_content p {
		margin: 0 0 16px 0;
		line-height: 18px;
	}
	
	#main_content ul {
	list-style-type:none;
	padding:0px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#main_content li {
	padding:0px 0px 0px 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	background:url(../images/blue-arrow.gif) no-repeat left 4px;
}



body#SchoolLeavers #main_content li a {
	color: #6a9db1;
	text-decoration: none;

}
body#SchoolLeavers #main_content li a:hover {
	color: #326a7f;
	text-decoration: none;

}
body#SchoolLeavers #main_content a {
	color: #6a9db1;
	text-decoration: none;

}
body#SchoolLeavers #main_content a:hover {
	color: #326a7f;
	text-decoration: none;

}




body#adultEducation #main_content li a {
	color: #7e682a;
	text-decoration: none;

}
body#adultEducation #main_content li a:hover {
	color: #59491d;
	text-decoration: none;

}
body#adultEducation #main_content a {
	color: #7e682a;
	text-decoration: none;

}
body#adultEducation #main_content a:hover {
	color: #59491d;
	text-decoration: none;

}






body#communityLearning #main_content li a {
	color: #fbc431;
	text-decoration: none;

}
body#communityLearning #main_content li a:hover {
	color: #c89f12;
	text-decoration: none;

}
body#communityLearning #main_content a {
	color: #fbc431;
	text-decoration: none;

}
body#communityLearning #main_content a:hover {
	color: #c89f12;
	text-decoration: none;

}



body#businessDevelopment #main_content li a, body#busservicesPage #main_content li a {
	color: #a2272d;
	text-decoration: none;

}
body#businessDevelopment #main_content li a:hover, body#busservicesPage #main_content li a:hover {
	color: #83191f;
	text-decoration: none;

}
body#businessDevelopment #main_content a, body#busservicesPage #main_content a {
	color: #a2272d;
	text-decoration: none;

}
body#businessDevelopment #main_content a:hover, body#busservicesPage #main_content a:hover {
	color: #83191f;
	text-decoration: none;

}


body#homePage #main_content li a {
	color: #6a9db1;
	text-decoration: none;

}
body#homePage #main_content li a:hover {
	color: #326a7f;
	text-decoration: none;

}
body#homePage #main_content a {
	color: #6a9db1;
	text-decoration: none;

}
body#homePage #main_content a:hover {
	color: #326a7f;
	text-decoration: none;

}




	
/* ---------------------------------------------- 
Content images
----------------------------------------------  */

.content_image {
	background: no-repeat left top;
		background-color:#Fff;
}
.content_image2 {
	background: no-repeat left top;
}

#content_image_1 {
	/*background-image: url(../img/placeholders/content_image_placeholder.jpg);*/
	width: 305px;

	float: right;
	background-color:#Fff;
	margin: 25px 12px 0px 0px;
	
}
#content_image_2 {
	/*background-image: url(../img/placeholders/content_image_placeholder.jpg);*/
width: 305px;
	height: auto;
	float: right;
	margin: 25px 12px 0px 0px;
}




/* ---------------------------------------------- 
Footer
----------------------------------------------  */

#footer {
	color: #999;
	padding: 15px 0 50px 0;
	text-transform: uppercase;
	font-size: 10px;
}	

	#footer .footer_col {
		float: left;
	}
	
	#footer #footer_col_1 {
		width: 225px;	
		margin: 0 0 0 210px
	}
	
	#footer #footer_col_2 {
		margin: 0 0 0 20px;
		width: 205px;
	}
	
	#footer #footer_col_3 {
		margin: 0 0 0 20px;
		width: 225px;
	}
	
#footer a {
	color: #999;
	text-decoration: none;
}
#footer a:hover {
	color: #666;
	text-decoration: none;
}

#footer .editableFooter { margin-left: 210px; margin-bottom: 20px;}
#footer .editableFooter strong{font-weight:bolder; color:#666;}
#footer .editableFooter b{font-weight:bold; color:#666;}
#footer .editableFooter a{color:#326A7F; text-decoration:none;}
#footer .editableFooter a:hover{color:#333333;}

/* ---------------------------------------------- 
Search
------------------------------------------------- */
.searchResult h6{font-size: 14px; margin-bottom: 5px;}
.searchResult h6 A{color: #92b6c4;}

/* ---------------------------------------------
Jobs
------------------------------------------------ */
.jobTitle{
	font-weight: bold; color: #326a7f;
}
.jobDescription{
padding: 10px; border: 1px solid #92b6c4; background-color: #FCFFFF; line-spacing: 20px;
}
.jobReadMore:link,.jobReadMore:visited{text-decoration: none; color: #92b6c4;  }



.sitemapheader1 h2{
	background-color: red;
}


.sitemapheader2 h2{
	background-color: #b9ac97;
}


.sitemapheader3 h2{
	background-color: #b9ac97;
}

.sitemapheader4 h2{
	background-color: #b9ac97;
}

.sitemapheader5 h2{
	background-color: #b9ac97;
}
.sitemapheader6 h2{
	background-color: #b9ac97;
}
.sitemapheader7 h2{
	background-color: #786732;
}
.sitemapheader8 h2{
	background-color:  #6a9db1;
}
.sitemapheader10 h2{
	background-color: #a2272d;
}
.sitemapheader125 h2{
	background-color: #b9ac97;
}
.sitemapheader144 h2{
	background-color: #b9ac97;
}
.sitemapheader9 h2{
	background-color: #fbc431;
}
.sitemapheader259 h2{
	background-color: #b9ac97;
}

.sitemapheader229 h2{
	background-color: #b9ac97;
}
.sitemapheader135 h2{
	background-color: #b9ac97;
}
.sitemapheader128 h2{
	background-color: #b9ac97;
}
.sitemapheader136 h2{
	background-color: #b9ac97;
}
.sitemapheader230 h2{
	background-color: #b9ac97;
}

/*
*
* Brochure request form
*
*/

#brochureRequestForm h2 {
	margin-bottom: 15px;
}

#brochureRequestForm form input {
	padding: 2px;
	margin-bottom: 2px;
	border: 1px solid #cccccc;
}
#brochureRequestForm form textarea {
	padding: 2px;
	margin-bottom: 2px;
	border: 1px solid #cccccc;
}
#brochureRequestForm form select {
	padding: 0px;
	margin-bottom: 2px;
	border: 1px solid #cccccc;
}

#brochureRequestForm form option {
	padding: 2px;
	margin-bottom: 2px;
}

/*
*
* Accordians
*
*/

#keyPolicies-accordian h4 {
	display: block;
	cursor: pointer;
}

#keyPolicies-accordian h4:hover {
	color: #195a73;
}

#keyPolicies-accordian h4:before {
	content: "- ";
}