/*

STYLE SHEET FOR CONSTRUCTION LEARNING WORLD
Created by Paul Randall
www.constructionlearningworld.com


*/

.hide, hr,.search label,.search legend{
	display: none;
	}

body{
	font-family: arial, verdana, helvetica, sans-serif;
	cursor:default;
	padding-bottom: 20px;
	font-size: 13px;
	}


#container{
	width: 950px;
	margin: 20px auto 20px auto;
	overflow: hidden;
}

#header{
	height: 140px;
	background: url('../img/header.jpg') no-repeat top left #fff;
	clear: both;
	border-bottom: 1px solid #ddd;
	}
	
.page-title{
	padding-top: 70px;
	font-size: 12px;	
	}

.strapline{
	float: right;
	font-size: 20px;
	padding-right: 20px;
	color: #fff;
	padding-bottom: 10px;
	padding-top: 70px;
	}

.light-text{
	font-size: 14px;
	position: relative;
	top: 15px;
	line-height: 1.2em;
	font-weight: bold;
	/*color: #e27f07; /*orange */
	color: #00386C;
	padding-top: 70px;
	}

.search{
	clear: right;
	}

.search form{
	background: #DADFF2;
	float:right;
	padding: 4px;
	width: 310px;
	}

.search .search-text{
	width: 234px;
	}

.search .submit{
	background: #687BAE;
	color: #fff;
	width: 65px;
	border: 0;
	margin-left: 5px;
	height: 22px;
	cursor: pointer;
	}

.statement{
	float: left;
	width: 728px;
	height: 62px;
	padding-left: 6px;
	padding-top: 9px;
	line-height: 17px;
	}


ol{
	list-style-type: decimal;
	list-style-position:outside;
	left: 50px;
	font-style: italic;
	color: #466994;
	position: relative;
	}
	
ul{
	list-style-position: outside;
	list-style-type: square;
	padding: 5px 0;
	line-height: 1.6em;
	margin-left: 50px;
	position: relative;
	}
	
ul, ol{
	padding-bottom: 10px;
	}

ul li, ol li, .archive ul li{
	padding: 2px 0;
	font-style: italic;
	color: #466994;
	}

ul.left{
	width: 40%;
	float:left;
	}

ul.right{
	width: 40%;
	float: right;
	}

ol li{
	padding: 4px 0;
	}

.menu{
	float: left;
	width: 235px;
	margin-top: 1px;
	}

.menu ul{
	list-style-type: none;
	list-style-position: outside;
	left:0;
	margin:0;
	}

.menu ul li{
	display:block;
	padding: 5px;
	font-style: normal;
	background: url('../img/nav.jpg') no-repeat 0 0 #fff;
	}

.menu ul li a{
	font-size: 13px;
	font-weight:bold;
	text-decoration:none;
}

.menu ul li.double{
	background: url('../img/nav_double_sprite.jpg') no-repeat 0 0 #fff;
	line-height: 1.5em;
	height: 47px;
	}

.menu ul li a.expand, .menu ul li a.expand:hover, .menu ul li.on a.expand{
	float: right;
	margin-right: 15px;
	margin-top: -3px;
	}
	
.menu ul li.on, .menu ul li:hover{
	background: url('../img/nav_on.jpg') no-repeat 0 0 #fff;
	}

.menu ul li.on ul li ul li.on a{
	text-decoration: underline;
	}

.menu ul li.on[class~='double'], .menu ul li.double:hover{
	background: url('../img/nav_double_sprite.jpg') no-repeat 0 -59px #fff;
	}
	
.menu ul ul li{
	background: url('../img/secondary_nav.jpg') no-repeat top left #fff;	
	}

.menu ul ul li.on, .menu ul ul li:hover{
	background: url('../img/secondary_nav_on.jpg') no-repeat top left #fff;	
	}

.menu ul ul ul li{
	background: url('../img/tiertiary_nav.jpg') no-repeat top left #fff;	
	}

.menu ul ul ul li.on, .menu ul ul ul li:hover{
	background: url('../img/tiertiary_nav_on.jpg') no-repeat top left #fff;	
	}
	

.menu ul li ul li a{	
	font-weight: normal;
}

.menu ul li ul li ul li a, .menu ul li ul li ul li a{
	font-style: italic;
	text-decoration: none;
	}

.menu ul li ul li a:hover, .menu ul li.on ul li.on a, .menu ul li ul li ul li a:hover, .menu ul li ul li ul li.on a{
	text-decoration: underline;
	background: none;
	}
	
.menu ul li.on ul li.on ul li a{
	text-decoration: none;
	}

.bulletin{
	float:left;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
	width: 315px;
	margin-top: 10px;
	position:absolute;
	z-index:2;
	}

#main-content{
	float:right;
	width: 694px; /* 710 w.padding */
	padding: 16px 0 20px 16px;
	margin:0;
	overflow: hidden;
	border-left: 1px solid #ddd;
	min-height:352px;	
	}

#main-content img{
	margin-bottom: 10px;
	}

.threeblock{
	display: block;
	width: 295px;
	float: left;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 20px;
	}

.threeblockonepxlarger{
	width: 296px;
	}

.last{
	border-right: 0;
	}

.threeblock:hover, .bulletin:hover{
	background: #FFDECF;
	background: url('../img/three_box_background.jpg') repeat-y top right #FFDECF;
	}

.latest-news{
	background: url('../img/latest-news_v2.jpg') no-repeat top left #1a4e7e;
	width: 200px;
	height: 20px;
	padding: 10px;
	margin: 20px 0;
	}
	
.latest-news h3 a:hover{
	text-decoration: underline;
	}

.oneblock{
	background: url('../img/twoblockbg.jpg') no-repeat top left #1a4e7e;
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding: 10px;
	color: #fff;
	}

.oneblock .vcard a, .oneblock .vcard a:visited{
	color: #fff;
	}

.twoblock{
	width: 470px;
	float: left;
	margin: 10px 0 10px 0;
	}

.blue-block{
	background: url('../img/twoblockbg.jpg') no-repeat top left #08335C;
	}

.orange-block{
	background: url('../img/twoblockbg-orange.jpg') no-repeat top left orange;
	}

.twoblock h3{
	border-left: 22px solid orange;
	padding-left: 5px;
	font-size: 14px;
	}

.twoblock img{
	float: right;
	padding: 10px 0;
	}

.padright{
	margin-right: 10px;
	}

.twoblock h3, .twoblock p{
	margin-top: 10px;
	margin-left: 10px;
	}

#footer{
	border-top: 1px solid orange;
	color: #555;
	padding-top: 10px;
	margin-top: 10px;
	}

#footer a,.footer-contact,.footer-contact a{
	color: #555;
	}

.melorio-footer{
	margin-top: -18px;
	float: right;
	}

.melorio-footer img{
	clear:both;
	margin: 0 0 10px 10px;
	}



#main-content > p, #main-content > ul, #main-content > ol, .latest-news-story > p, .latest-news-story > ul, .latest-news-story > ol{font-size: 13px;}
#main-content > h1, .latest-news-story > h1{font-size: 26px;}
#main-content > h2, .latest-news-story > h2{font-size: 18px;}

h1{
	font-size: 26px;
	border-bottom: 2px solid orange;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-top: 0px;
	}

h2{
	font-size: 18px;
	padding-bottom: 10px;
	font-weight: bold;
	}

h3{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	}

h4{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	}	

p{
	padding-bottom: 10px;
	}

blockquote{
	font-style: italic;
	overflow: hidden;
	_float: left; /* IE6 So that the background doesnt hide behind the picture*/
	background: url('../img/start-quote.gif') no-repeat top left;
	}

blockquote p{
	padding:0;
	display:block;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url('../img/end-quote.gif') no-repeat bottom right;
	margin: 20px 0 0;	
	line-height:20px;
	min-height: 64px;
	}
	

p,h1,h2,h3,h4,label,.page-title,.statement,a,a:hover,a:visited,#latest-news{
	color: #00386C;
	}

.tag{
	margin: 10px 0;
	}

#language{
	float: left;
	}

#textsize{
	float: right;
	clear: both;
	height: 14px;
	margin-bottom: 5px;
	}

#textsize .small, #textsize .medium, #textsize .large, #textsize .highcontrast{
	padding: 2px;
	margin: 2px;
	text-decoration: none;
	display:block;
	float:left;
	height: 14px;
	line-height: 16px;
	}

#textsize .small{
	font-size: 10px;
	}

#textsize .medium{
	font-size: 12px;
	}

#textsize .large{
	font-size: 14px;
	}

#textsize .highcontrast{
	font-size: 14px;
	background: #111;
	color: orange;
	}

#textsize .selected{
	font-weight: bold;
	}

.dontShow{
	display: none;
	}

.blockquotecite{
	clear: both;
	font-weight: bold;
	padding-top:0;
	text-align: right;
	}

.left-img{
	float: left;
	padding-right: 20px;
	}

strong{
	font-weight: bold;
	}

.latest-news h3 a, .latest-news h3 a:visited, .twoblock h3 a, .twoblock h3 a:visited, .twoblock p {
	color: #fff;
	text-decoration: none;
	}

#random-box{
	float: left;
	width: 339px;
	height: 253px;
	margin-bottom: 5px;
	position: relative;
	}

.random-box-hover{
	display: block;
	height: 249px;
	width: 339px;
	}

.random-box-hover, .random-headline{
	position: absolute;
	}

.random-headline{
	top: 10px;
	right: 10px;
	}

#random-box .random-box-hover .random-headline h1{
	border:0;
	}

#random-box .random-box-hover .random-headline h1 a{
	color: #fff;
	text-decoration: none;
	display:block;
	border:0;
	font-size: 22px;
	}

#latest-news{
	float: left;
	width: 339px;
	height: 253px;
	padding-left: 16px;
	_padding-left: 9px; /* works fine on dev server?*/
	margin-bottom: 5px;
	position: relative;
	background: url('../img/latest-news_v2.jpg') no-repeat top right;
	}

#latest-news .full-story{
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px 10px 0 0;
	padding: 14px;
	background: url('../img/latest-news.gif') no-repeat top right;	
	width:210px;
	}

#latest-news h2{
	display: block;
	float: left;
	font-size:14px;
	}

#latest-news .date{
	float: left;
	padding-left: 10px;
	}

#latest-news .news-strapline{
	clear: both;
	padding-top: 2px;
	float: left;
	width: 100%;
	}

.clear{
	clear: both;
	}

.border-top{
	border-top: 1px solid #ddd;
	padding:0;
	margin:0;
	}

.article-img{
	display:block;
	float: left;
	border: 2px solid #bccbe8;
	}

.latest-news-story{
	width: 500px;
	float: left;
	}

.archive{
	padding: 10px;
	margin-left: 20px;
	float: left;
	width: 154px;
	}

.archive ul{
	list-style-position:inside;
	left:0;
	margin:0;
	}

.more-news{
	border-top: 1px solid #ddd;
	margin-top: 4px;
	}

.border{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	}

.about-us-logos{
	padding-top: 10px;
	margin: 0 auto;
	text-align:center;
	}

.about-us-logos img{
	padding: 0 10px;
	}

/*.latest-news-story ul{
	list-style-position: outside;
	margin-left: 40px;
	color:#00386C;
	line-height: 2em;
	}

.latest-news-story ul.bullets{
	left:0;
	}*/



ul.pagination {
	padding:0px;
	left:0px;
}
.pagination li {
	display:inline;
	list-style:none;
}
.pagination li a {
	text-decoration:none;
	border:solid 1px #B9C1E6;
	padding:2px 5px;
}
.pagination li a.current {
	border:solid 1px #00386C;
	font-weight:bold;
}
.pagination li a:hover {
	border:solid 1px #F7941D;
	color:#F7941D;
}



#feedback{
	display: block;
	width: 170px;
	height: 170px;
	background: url('../img/feedback.gif') no-repeat top left;
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	padding:0;
	margin:0;
	text-indent: -999px;
	}


#feedback-content{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background: #0b1f42;
	border-bottom: 1px solid #000204;
	width: 100%;
	text-align:center;
	font-weight: bold;
	margin: 0 auto;
	}

#feedback-content p{
	padding: 5px;
	color: #fff;
	}

#feedback-content p a{
	color: #b5cefa;
	text-decoration: underline;
	}

#feedback-content .feedback-content-close{
	float: right;
	margin: 5px 5px 0 0;
	color: #fff;
	}

dl#nvq-qualifications{
	border-top: 1px solid #DADFF2;
	float: left;
	margin: 10px 0;
	}

dl#nvq-qualifications dt, dl#nvq-qualifications dd{
	height: 50px;
	padding: 10px;
	border-bottom: 1px solid #DADFF2;
	color: #00386C;
	}

dl#nvq-qualifications dt{
	display: block;
	width: 210px;
	float: left;
	clear:left;
	font-size: 14px;
	font-weight: bold;
	}

dl#nvq-qualifications dd.nvq-level{
	display: block;
	width: 80px;
	float: left;
	}

dl#nvq-qualifications dd{
	width: 340px;
	display:block;
	float:left;
	/*clear:right;*/
	height: 50px;
	}

/*Apprenticeships*/
.apprenticeships{width:204px; padding:10px; background:#eaecf9 url('../img/apprentice-block.jpg') no-repeat top left; float:left; border:1px solid #b7c0e1; height: 670px; margin-bottom:20px;}
.apprenticeships ul{left:0; margin-left:10px; font-size:11px; list-style-type:circle;}
.apr-start{margin-right:8px;}
.apr-end{margin-left:8px;}

.vcard{margin: 10px; 0; background:#EAECF9 url('../img/apprentice-block.jpg') no-repeat scroll left top; border:1px solid #B7C0E1; padding:10px; width:305px; float: left; height: 150px; color:#00386C;}
.vcard .tel-legend{float:left; font-weight:bold;margin-right:3px;}
#cannock,#tamworth{height: 185px !important;}
#nottingham{height: 200px !important;}
.adr{margin-bottom: 10px;}
.adr span{display:block;clear:both;}
.adr .hide{display:none;}

/* laurelle quote */
.laurelle{margin-top: 20px;}

/* -- New LWG Links -- */

.lwg-link, .clw-link, .hbt-link, .llw-link, .melorio-link{display:block; text-indent: -999em; height: 28px; margin: 2px 0; float: left; clear:both; background: url('../img/websites.jpg') no-repeat; width: 200px;}

.clw-link{background-position:0 0;}
.llw-link{background-position:0 -29px;}
.hbt-link{background-position:0 -56px;}
.lwg-link{background-position:0 -90px;}
.melorio-link{background-position:0 -118px;}

/* --- Download PDF Styling --- */
.pdf-download{background: url('../img/pdf.gif') no-repeat  8px 8px #efefef; display:block; padding: 6px 6px 6px 32px; text-decoration: none; font-size: 16px; color: #466994; border: 1px solid #ddd;}

.pdf-download:hover{color: #00386C; border: 1px solid #ccc;}

.contact-address{border-top:2px solid #eee;float:right;margin-top:9px;padding-top:10px; width:165px; font-size:90%;}

/* Map */
#map_canvas{width:100%; height:400px; margin-bottom: 10px;}