/*---------------------------------------------

Filename: wolds_mainstyles.css
Title: Main Styles for www.woldscollege.sch.uk
Author: Rachael Coultas - rachael@firstmedia.co.uk

Look but don't touch!

Background Blue: #d1dde0
Blue: #3f5e65
Tint Blue: #738386
Nav Selection Blue: #445a5e
Orange: #b88537
RollOver Tint Orange: #dbc29b



---------------------------------------------*/
/* Slider */

.clear {
	clear:both;
	display:block;
	}

.container {
	height:180px;
	overflow:hidden;
	position:relative;
	width:230px; float:right; right:20px; top:32px; 
	
}
.slides {
	position:absolute;
	top:0;
	left:0;
	margin:0; padding:0;
	
}
.slides div {
	position:absolute;
	top:0;
	margin:0; padding:0;
	display:none;

}

#loopedSlider {
	z-index:1000;
	position:relative;
	
}

.next {  float:left; margin-top:12px; }
.next a {color:#fff; }
.next img {border:none; float:left; margin:0 5px 0 0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;	
	line-height: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color: #d1dde0;
}

* {margin: 0px; padding: 0px;}

/*----------------------------------------------- Wrapper --*/

#wrapper {
	width: 900px;
	margin: 0px auto;
	text-align: left;
	background-color: #FFFFFF;
}

/*----------------------------------------------- Header --*/

#header {
	width: 902px;
	height: 148px;
	background: url(../assets/graphics/wolds_college_logo.gif) no-repeat center top ;
}
#header ul {
	list-style: none;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
#header li {
	float: right
}
#header a:link, #header a:visited {
	display: block;
	color: #3f5e65;
	text-decoration: none;
	font-size: 0.70em;
	font-weight: normal;
	padding: 20px 10px 0px 10px
}
#header a:hover {
	color: #738386;
	text-decoration: underline;
}
#header ul li a.login {
	color: #FFFFFF;
	padding: 20px 46px 0px 70px;
}
#header ul li a.login:hover {
	color: #738386;
	text-decoration: none;
}

/*----------------------------------------------- Main Image --*/

#main_image {
	width: 900px;
	height: 200px;
}

#main_image div { width:230px; float:right; right:20px; top:32px; position:relative; }
#main_image h2, #main_image p {padding:0; margin:0; text-align:right; width:230px; }
#main_image h2 {font-size:1em; font-weight:bold; line-height:115%; width:180px; float:right; margin-bottom:2px; letter-spacing:-0.02em; }
#main_image h2 a {text-decoration:none; color:#fff;}
#main_image h2 a:hover, #main_image h2 a:focus  {color:#cc9933;}
#main_image p {font-size:0.7em; color:#fff; line-height:120%;}
#main_image p a.wwwlink { color:#cc9933;text-decoration:none;}
#main_image p a:hover, #main_image p a:focus  {text-decoration:underline;}

.retweet  {float:right; clear:both; margin-right:0; margin-top:10px;}

body.home #main_image {
	background: url(../assets/main_image/image_home_100610.jpg) no-repeat top center;
	height: 220px;
}
body.about #main_image {
	background: url(../assets/main_image/image_motor1_0709.jpg) no-repeat top center;
}
body.why #main_image {
	background: url(../assets/main_image/image_brickwork1_0709.jpg) no-repeat top center;
}
body.courses #main_image {
	background: url(../assets/main_image/image_beauty3_0709.jpg) no-repeat top center;
}
body.course_sections #main_image {
	background: url(../assets/main_image/image_beauty3_0709.jpg) no-repeat top center;
}
body.how_apply #main_image {
	background: url(../assets/main_image/image_beauty1_0709.jpg) no-repeat top center;
}
body.curriculum #main_image {
	background: url(../assets/main_image/image_motor1_0709.jpg) no-repeat top center;
}
body.room #main_image {
	background: url(../assets/main_image/image_partner_0709.jpg) no-repeat top center;
}
body.corporate #main_image {
	background: url(../assets/main_image/image_outside1_0709.jpg) no-repeat top center;
}
body.support #main_image {
	background: url(../assets/main_image/image_studentsupport1_0709.jpg) no-repeat top center;
}
body.contact #main_image {
	background: url(../assets/main_image/image_contact_0709.jpg) no-repeat top center;
}
body.news #main_image {
	background: url(../assets/main_image/image_news_0709.jpg) no-repeat top center;
}
body.partner #main_image {
	background: url(../assets/main_image/image_partner_0709.jpg) no-repeat top center;
}
body.faqs #main_image {
	background: url(../assets/main_image/image_faq_0709.jpg) no-repeat top center;
}

/*----------------------------------------------- Content Wrapper --*/

#content_wrapper {
	width: 900px;
	float: left;
	background: url(../assets/graphics/column_background.gif) repeat-y top center ;
	margin-top: 20px;
}


/*----------------------------------------------- Left Column --*/

#left_column {
	width: 200px;
	float: left;
	background-color: #b88537;
}
#left_column ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}
#left_column li {
	display: inline;
}
#left_column a:link, #left_column a:visited {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.73em;
	font-weight: normal;
	border-bottom: solid 1px #FFFFFF;
	padding: 8px 20px;
}
#left_column a:hover {
	background-color: #dbc29b;
}

#left_column h2 {
	display: block;
	color: #FFFFFF;
	background-color:#3f5d65;
	text-decoration: none;
	font-size: 0.73em;
	font-weight: normal;
	border-bottom: solid 1px #FFFFFF;
	padding: 5px 20px;
	margin:0;
}


/*----------------------------------------------- Columns --*/

body#twocol #content {
	width: 480px;
	float: left;
}

body#twocol #rightcol {
	width: 180px;
	float: right;
}

body#onecol #rightcol {
	display: none;
}



/*----------------------------------------------- Content --*/

#content {
	width: 700px;
	float: left;
}

h1 {
	font-size: 1.8em;
	line-height: 1em;
	color: #7ea2a8;
	font-weight: normal;
	margin: 0px 0px 20px 20px;
}

h2 {
	font-size: 1.25em;
	line-height: 2em;
	color: #445a5e;
	font-weight: normal;
	margin: 5px 20px;
}

h3 {
	font-size: 1em;
	line-height: 2em;
	color: #b88537;
	font-weight: bold;
	margin: 5px 20px;
}

strong {
	font-weight: bold;
	color: #b88537;
}

p {
	font-size: 0.75em;
	line-height: 1.5em;
	color: #414042;
	margin: 0px 20px 10px 20px;
}

.bold_para {
	font-size: 0.85em;
	color: #445a5e;
}
	
#content ul {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #414042;
	margin: 0px 35px;
}
#content li {
	margin-bottom: .5em;
}
		
/*ul.body_list {
	font-size: 0.75em;
	line-height: 1.5em;
	color: #414042;
	margin: 0px 35px;
}

ul.body_list li {
	margin-bottom: 10px;
}*/

ul.partners {
	font-size: 0.75em;
	line-height: 1.5em;
	color: #414042;
	margin: 0px 20px;
	list-style: none;
}

ul.partners li {
	margin-bottom: 10px;
}

#content a:link {
	color: #7ea2a8;
	text-decoration: none;
	font-weight: bold;
}

#content a:visited {
	color: #7ea2a8;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover {
	color: #445a5e;
	text-decoration: underline;
}


/*----------------------------------------------- Images --*/

img {
	margin: 10px 20px;
	border: 3px solid #7ea2a8;
}



/*----------------------------------------------- Flash Videos --*/

#flashvideo {
	margin: 20px;
	border: 3px solid #7ea2a8;
	background-color: #FFFFFF;
	width: 600px;
	height: 401px;
	text-align: left;
	padding: 35px 0px;
}

/*----------------------------------------------- Tables --*/

table {
	width: auto;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #3f5e65;
	margin: 0px 20px 10px 20px;
}

td {
	/* border: none; */
	/*border: 2px solid #FF0000;*/
	padding: 5px;	
}


.table_ref {
	color: #b88537;
	padding-left: 5px;
	font-weight: bold;
}

a.course_table:link, a.course_table:visited {
	color: #445a5e;
	text-decoration: none;
}

a.course_table:hover {
	color: #7ea2a8;
	text-decoration: underline;
}

.course_titles {
	font: 1em;
	font-weight: bold;
	margin-left: 10px;
	color: #445a5e;
	text-transform: uppercase;
}	



/*----------------------------------------------- Courses Page --*/

h1.courses {
	margin: 10px 0px;
}
h3.courses {
	margin: 0px;
	color: #FFFFFF;
}
tr.row_subcategory {
	background-color: #3f5e65;
}
tr.row_1 {
	background-color: #b2c7cb;
}
tr.row_2 {
	background-color: #d1dde0;
}

	
/*----------------------------------------------- Course Details Table --*/	


td.table_coursetitle {
	font-size: 1.5em;
	font-weight: normal;
	color: #3f5e65;
	padding: 10px 5px;
	border-bottom: 1px solid #7ea2a8;

}

table.course_details {
	width: 60%;
	border: 1px solid #7ea2a8;
	padding: 5px;

}

.course_details tr  {
	text-align: left;
	vertical-align: top;
}

/*----------------------------------------------- Job Details Table --*/	


td.table_jobtitle {
	font-size: 1.5em;
	font-weight: normal;
	background-color: #3f5e65;
	color: #FFFFFF;
	padding: 10px 5px;
	border-bottom: 1px solid #7ea2a8;

}

table.job_details {
	width: 70%;
	border: 1px solid #7ea2a8;
	padding: 5px;

}

td.job_details   {
	text-align: left;
	vertical-align: top;
	border-bottom: #7ea2a8 1px solid;
}


/*----------------------------------------------- Right Column --*/

#rightcol {
	background-color: #7ea2a8;
	margin-right: 20px;
}

#rightcol h1 {
	font-size: 1.5em;
	line-height: 1em;
	color: #ffffff;
	font-weight: normal;
	margin: 10px;
}

#rightcol .bold_para {
	font-size: 0.9em;
	line-height: 1.6em;
	color: #30484d;
	margin: 10px;
}

#rightcol p {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #30484d;
	margin: 10px;
}

#rightcol strong {
	color: #FFFFFF;
	font-weight: bold;
}

#rightcol a:link, a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#rightcol a:hover {
	color: #d1dde0;
	text-decoration: none;
}

/*----------------------------------------------- Home Page - Boxes --*/

#smallbox1 {
	background-image: url(../images/small_hb.jpg);
	height: 161px;
	width: 150px;
	float: left;
	margin: -11px 0px 20px 20px;
}

#smallbox2 {
	background-image: url(../images/small_construction.jpg);
	height: 161px;
	width: 150px;
	float: left;
	margin: -11px 0px 20px 20px;
}

#smallbox3 {
	background-image: url(../images/small_motors.jpg);
	height: 161px;
	width: 150px;
	float: left;
	margin: -11px 0px 20px 20px;
}

#smallbox4 {
	background-image: url(../images/small-apprent.jpg);
	height: 161px;
	width: 150px;
	float: left;
	margin: -11px 0px 20px 20px;
}

#smallbox1 p, #smallbox2 p, #smallbox3 p, #smallbox4 p, #smallbox5 p, #smallbox6 p {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
	font-size:0.6em;
	margin: -2px 12px 0px  0px;	
	letter-spacing:-0.03em;
}

#smallbox1 h1, #smallbox2 h1, #smallbox3 h1, #smallbox4 h1, #smallbox5 h1, #smallbox6 h1 {
	font-size: 0.8em;
	font-weight:bold;
	letter-spacing:-0.03em;
	text-align:right;
	color: #FFFFFF;
	margin: 130px 12px 0px  0px;
}

#box1 {
	background-image: url(../assets/home_page/box1x.jpg);
	height: 150px;
	width: 320px;
	float: left;
	margin: 0px 0px 20px 20px;
}

#box2 {
	background-image: url(../assets/home_page/box2.jpg);
	height: 150px;
	width: 320px;
	float: right;
	margin: 0px 20px 20px 0px;
}

#box3 {
	background-image: url(../assets/home_page/box3.jpg);
	height: 150px;
	width: 320px;
	float: left;
	margin: 0px 0px 20px 20px;
}

#box4 {
	background-image: url(../assets/home_page/box4x.jpg);
	height: 150px;
	width: 320px;
	float: right;
	margin: 0px 20px 20px 0px;
}

#box5 {
	background-image: url(../assets/home_page/box5.jpg);
	height: 150px;
	width: 320px;
	float: left;
	margin: 0px 0px 20px 20px;
}

#box6 {
	background-image: url(../assets/home_page/box6.jpg);
	height: 150px;
	width: 320px;
	float: right;
	margin: 0px 20px 20px 0px;
}

#box1 p, #box2 p, #box3 p, #box4 p, #box5 p, #box6 p {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	
}

#box1 h1, #box2 h1, #box3 h1, #box4 h1, #box5 h1, #box6 h1 {
	font-size: 1.4em;
	width:150px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 50px 0px 10px 20px;
}

#box1 a:link, #box2 a:link, #box3 a:link, #box4 a:link, #box5 a:link, #box6 a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	
}

#box1 a:visited, #box2 a:visited, #box3 a:visited, #box4 a:visited, #box5 a:visited, #box6 a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	
}

#box1 a:hover, #box2 a:hover, #box3 a:hover, #box4 a:hover, #box5 a:hover, #box6 a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	
}

/*----------------------------------------------- Course Sections Page - Boxes --*/

#course_box1 {
	background-image: url(../assets/courses/beauty.jpg);
	height: 150px;
	width: 320px;
	float: left;
	margin: 0px 0px 20px 20px;
}

#course_box2 {
	background-image: url(../assets/courses/brickwork.jpg);
	height: 150px;
	width: 320px;
	float: right;
	margin: 0px 20px 20px 0px;
}

#course_box3 {
	background-image: url(../assets/courses/motor.jpg);
	height: 150px;
	width: 320px;
	float: left;
	margin: 0px 0px 20px 20px;
}

#course_box4 {
	background-image: url(../assets/courses/workbasedlearning.jpg);
	height: 150px;
	width: 320px;
	float: right;
	margin: 0px 20px 20px 0px;
}

#course_box1 h1, #course_box2 h1, #course_box3 h1, #course_box4 h1 {
	font-size: 1.4em;
	font-weight:bold;
	color: #FFFFFF;
	margin: 50px 0px 10px 20px;
}

#course_box1 a:link, #course_box2 a:link, #course_box3 a:link, #course_box4 a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	
}

#course_box1 a:visited, #course_box2 a:visited, #course_box3 a:visited, #course_box4 a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	
}

#course_box1 a:hover, #course_box2 a:hover, #course_box3 a:hover, #course_box4 a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

p.workbasedlearning_intro {
	font-size: 1em;
}

img.button {
	border: none;
}

/*----------------------------------------------- How to Apply --*/

/*ul.apply {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #00CC66;
	margin: 0px 35px;
}

ul.apply li {
	margin-bottom: 10px;
}*/


/*----------------------------------------------- Login --*/

#login {
	background-color: #d1dde0;
	margin-left: 20px;
	width: 400px;
	margin-bottom: 20px;
	padding: 20px;
}

#login table {
	border: none;
	width: auto;
	margin: 0px;
}

#login tr {
	margin-bottom: 10px;
	padding: 50px;
}

#login td {
	border: none;
	margin: 0px;
	padding: 10px;
}

#login h2 {
	margin: 0px 0px 10px 10px;
}

/*----------------------------------------------- Google Maps --*/

#googlemap {
 width: 600px;
 height: 400px;
 float: left;
 margin: 0px 0px 10px 20px;
 }



/*----------------------------------------------- FAQs --*/

.faqs h3 {
	line-height: 1.25em;
}

/*----------------------------------------------- Footer --*/

#footer {
	width: 900px;
	height: 36px;
	clear: both;
	background-color: #3f5e65;
}

#footer p {
	font-size: 0.70em;
	color: #FFFFFF;
	text-align: center;
	line-height: 36px;
}

#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	text-decoration: underline;
}

/*----------------------------------------------- System --*/
h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}