/*

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;
	left: 50px;
	position: relative;
	}

#main-content ul{
	margin-left: 50px;
	left:0;
	}

#main-content .archive ul{
	left:0;
	margin-left:0px;
	}
	
ul, ol{
	padding-bottom: 10px;
	}

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

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

ul.right{
	width: 49%;
	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;
	}

.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.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;
	}

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;	
	line-height:20px;
	min-height: 64px;
	}
	

p,h1,h2,h3,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.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;
	}

.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;
	}
	
/* -- 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_v3.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;}

/* Nationwide Service image */
.nationwide-service{float:right;}

/* PDF Download */
#main-content .pdf-downloads {
	margin:0;
	height:60px;
}
.pdf-downloads li {
	list-style:none;
	float:left;
	width:50%;
}
.pdf-downloads li a {
	float:left;
}

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

.pdf-download {
background:#EFEFEF url(../img/pdf.gif) no-repeat scroll 8px 8px;
border:1px solid #DDDDDD;
color:#466994;
display:block;
font-size:16px;
padding:6px 6px 6px 32px;
text-decoration:none;
}

/* Table Styling */

#prices{border-collapse:collapse;border-right:1px solid #aebeec;border-top:1px solid #aebeec; margin-bottom: 20px;}
#prices th,#prices td{padding: 5px 0 7px;color:#678197; border-bottom:1px solid #aebeec;text-align:center;border-left:1px solid #aebeec;}
#prices th{background:#cdd8ee;font-size: 14px; font-weight:bold; color: #375d86;}
#prices .even{background: #F7FBFF;}
#prices tr{margin-bottom: 2px;}

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