/*

STYLE SHEET FOR LEARNING WORLD GROUP
Created by Paul Randall
www.learningworldgroup.com
 - Based on Construction Learning World

*/

.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: 80px;
	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;	
	}

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

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

.padright{
	margin-right: 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;
	}

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

.dontShow{
	display: none;
	}

strong{
	font-weight: bold;
	}

#random-box{
	float: right;
	width: 300px;
	height: 390px;
	margin-bottom: 5px;
	position: relative;
	}

.random-box-hover{
	display: block;
	height: 390px;
	width: 300px;
	}

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

.random-headline{
	top: 10px;
	left: 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: 20px;
	margin-top:2px;
	}

.clear{
	clear: both;
	}

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

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

/* Lozenges */

.lozenge{
	margin-right:10px;
	width:380px;
	background: url('../img/lozenge.gif') 0 0;
	height: 118px;
	margin-bottom: 18px;
	}
	
.lozenge img{
	padding: 10px 0 0 10px;
	}	

.lozenge p{
	padding: 0 10px 10px;
	}

/* About Us Page */

#about a, #about a:visited{color:#fff;}

#about #sites{margin-top: 20px;}

#about .site{background: #0e2e5b; border-bottom: 1px solid #1b4075; margin-bottom: 20px; width: 694px; position:relative;}

#about .site .title,#about .site p{clear:both; display:block; width: 404px; padding-right: 10px;float:left;}

#about .site .title{font-size: 18px; padding: 20px 10px 10px 20px;}
#about .site p{padding-left: 20px;}
#about .site .title a:hover{color: #d2e3f9;}
#about .site p, #about .link{font-size: 14px; margin-bottom: 5px; color: #d2e3f9;}

#about .link{position:absolute; bottom:14px; right:280px;}

#about .site img{display:block; padding: 20px 0; margin:0;}

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

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

#tqs-logo{float:left; margin-top: 3px; margin-right: 20px;}

/* ------------------------------ */
/* ------- C O U R S E S -------- */
/* ------------------------------ */

#course h1{margin-bottom:0;}

#course-contents{border-bottom:1px solid #fff; background: #fff url('../img/course-desc-bg.jpg') repeat-y top right;}
.course-desc{width: 425px; margin-top:10px; float:left;}
.course-avaliability{float:left; width:230px; margin-left:17px; padding: 15px 0 15px 15px;}
.course-avaliability table {
	width:100%;
}
.course-avaliability h2 {padding-bottom:0;}
.course-avaliability th.price {
	vertical-align:middle;
	height:70px;
	color:#e77e00;
}
.course-avaliability th.price strong {
	font-size:28px;
	line-height:28px;
}
.course-avaliability th.month {
	vertical-align:middle;
	height:50px;
	font-size:15px;
	font-weight:bold;
	color:#003366;
}
.course-avaliability td, .course-avaliability input {
	color:#003366;
}
.course-avaliability td.date {
	border-bottom:solid 1px #e0e4f5;
	font-weight:bold;
}
.course-avaliability td.loc {
	width:100%;
	border-bottom:solid 1px #e0e4f5;
	padding:0 5px;
	font-style:italic;
}
.course-avaliability td.days {
	background:#fcfcfe;
	border:solid 1px #e0e4f5;
}
.course-avaliability td.days input {
	background:#fcfcfe;
	border:solid 1px #fcfcfe;
	text-align:center;
}
.course-avaliability td.book {
	vertical-align:middle;
	height:70px;
	text-align:center;
}
.course-avaliability td.book input {
	width:100%;
	background:#f7941d;
	border:solid 1px #ad6105;
	padding:5px;
	text-align:center;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	text-shadow: 0 0 2px #ad6105;
	cursor:pointer;
}
.course-avaliability td.book input:hover {
	background:#ad6105;
}



/* --- Course List --- */

dl#nvq-qualifications {
border-top:1px solid #DADFF2;
float:left;
margin:10px 0;
}
dl#nvq-qualifications dt, dl#nvq-qualifications dd {
border-bottom:1px solid #DADFF2;
color:#00386C;
height:50px;
padding:10px;
}
dl#nvq-qualifications dt {
clear:left;
display:block;
float:left;
font-size:14px;
font-weight:bold;
width:210px;
}
dl#nvq-qualifications dd.nvq-level {
display:block;
float:left;
width:80px;
}
dl#nvq-qualifications dd {
display:block;
float:left;
height:50px;
width:340px;
overflow:hidden;
}

/* --- Booking Navigation --- */

#booking-course-nav{background:orange; width:100%; height: 21px; padding: 3px; color: #fff;}
.booking-nav-label{margin-left: 3px; font-weight:bold; font-size:15px; line-height:21px;}
.login_btn,.logout_btn{margin-right:7px;border:1px solid #0957a2; background:#697aae; color: #fff; font-weight:bold; padding: 2px 3px; float:right; text-transform:uppercase; text-decoration:none; font-size:11px;}
.login_btn:visited,.logout_btn:visited{color:#fff;}

hr.divider{display:block !important; border-top:1px solid #eee;}

/* --- Form Styling --- */

.row label {
display:block;
float:left;
font-weight:normal;
padding-bottom:16px;
padding-top:4px;
width:140px;
text-align:right;
margin-right:20px;
}

.input input{width:298px;}

.error label,.error p,.error span{color:red;}