@import "layout.css";
@import "form.css";

/*-------------------------*//* global text styles *//*---------------------------------*/
/*--------------------------------------------------------------------------------------*/

/* define basic elements
--------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

html {
	background: url(/images/bg_html.gif) 0 109px repeat-x;
/*	background: url(/images/bg_html.gif) 0 138px repeat-x;  */ 
	height:100%;
}

body {
	font: normal 62.5%/1 tahoma,verdana,arial,helvetica,sans-serif;
	color:#8E937B;
	text-align: center;
}

h1, h2, h3, h4, h5 {
	font-family:tahoma,verdana,arial,helvetica,sans-serif;
	margin:0 0 10px 0;
}

h1 {
	color:#494B3C;
	font-size:1.8em;
	font-weight:normal;
}

h2 {
	font-size:1.2em;
	color:#858876;
}

h2 a:link, h2 a:visited{
	color:#858876;
	text-decoration:none;
}

h2 a:hover{
	color:#9C0532;
	text-decoration:underline;
}

h3 {
	font-size:1.1em;
	color:#767A67;
	line-height:1.1;
}

h3 a:link, h3 a:visited{
	text-decoration:none;
	color:#767A67;
}

h3 a:hover{
	text-decoration:underline;
	color:#9C0532;
}

h4 {
	
}

h5 {
	
}

p {
	font-size: 1.1em;
	margin: 0 0 10px 0;
	line-height:1.4;	
}

span {
	
}

address{
	font:normal 1.1em/1.3 tahoma, verdana, arial, sans-serif;
	margin:0 0 10px 0;
}

blockquote{
	font-style: italic;
	font-size:1.2em;
	color:#6F7260;
	font-family: georgia, serif;
	line-height:1.4;
	padding:10px;
	background-color:#F3F4EF;
	margin:0 0 10px 0;
}

blockquote em{
	display:block;
	color:#191A13;
}

blockquote p{
	margin:0;	
}

cite{
	font-style: normal;
	margin:0 0 10px 9px;
	float:left;
	line-height: 1.4;	
}

/* list styles
--------------------------------------------------------------------------*/

ul, ol {
	margin: 0 0 10px 30px;	
}

	li {
		line-height:1.4;
		font-size: 1.1em;
	}
	
	ul ul li{
		font-size:1em;
	}
	
	ul ul{
		margin:0 0 0 20px;
	}

dl#featured,
div#featured{
	position:relative;
	width:100%;
	float:left;
	border-bottom: 1px solid #D8DAD0;
}

div#featured{
	border:none;
}

#content_sub ul.events_list{
	/*float:left;*/
}


	#content_sub ul.events_list li{
		clear:left;
		float:left;
		width:100%;
	}
	
	#content_sub ul.events_list li a:link,
	#content_sub ul.events_list li a:visited{
		background:none;
		padding:10px 10px 10px 35px;
		display:block;
		float:left;
		width:160px;
		font-weight:normal;
	}
	
	#content_sub ul.events_list li.odd a:link,
	#content_sub ul.events_list li.odd a:visited{
		background: #F2F6F8 url(/images/icon_event.gif) 10px 13px no-repeat;
		
	}
	
	#content_sub ul.events_list li.even a:link,
	#content_sub ul.events_list li.even a:visited{
		background: #E9EFF2 url(/images/icon_event.gif) 10px 13px no-repeat;
	}
	
	#content_sub ul.events_list li.even a:hover,
	#content_sub ul.events_list li.odd a:hover{
		background-color:#FFF;
		text-decoration:none;
	}
	
	#content_sub ul.events_list li em{
		font-style:normal;
	}
	
	#content_sub ul.events_list li span{
		display:block;
		color:#575757;
	}
	
#content_sub ul.newsletter_list li{
	margin:0 0 5px;
}
	
#content_sub ul.newsletter_list li a:link,
#content_sub ul.newsletter_list li a:visited{
   list-style:none;
   background: #FFF url(/images/icon_pdf.gif) no-repeat;
   padding:0 0 0 23px;	 
}

	
/*definition list styles
--------------------------------------------------------------------------*/
dl {

}

	dt,
	.training_programme strong,
	#featured strong {
		float:left;
		color:#666;
		font-weight:bold;
		margin:0 0 5px;
		width:70px;
		font-size:1.1em;
	}
	
	dd,
	.training_programme dfn,
	#featured dfn {
		margin:0 0 5px;
		font-size:1.1em;
		font-style: normal;
	}
	
	#featured dfn.map_link{
		clear:left;
		margin:0 0 10px;
		display:block;
		line-height:1.3;
	}
	
	* html #featured dfn.map_link{
		margin:0;
	}
	
	dt.cpd, dt.cpd span,
	strong.cpd, strong.cpd span{
		background: url(/images/bg_dt_cpd.gif) no-repeat;
		width:16px;
		height:5px;
		position:absolute;
	}
	
	#featured strong.cpd,
	.horizontal strong.cpd{	
		right:0;
		top:5px;
		width:16px;
	}
	
	dd.cpd,
	dfn.cpd{
		background:#9C0532;
		width:22px;
		height:20px;
		color:#FFF;		
		font-weight:bold;
		position:absolute;
		padding:6px 0 0 5px;
		top:15px;
		right:0px;
	}	
	
	dfn.divide{
		border-right:1px solid #D8DAD0;
	}

.training_programme{
	text-decoration:none;
	display:block;
	overflow:hidden;
	clear:left;
	position:relative;
	border-bottom:1px solid #D8DAD0;
	padding:10px 0px 15px;
	background:#FFF;
	width:100%;
	z-index: 1;
}	

.training_programme:hover{
	background:#F7F8F2;
	cursor: hand;
	
}
	
.training_programme em{
	font-size:1.1em;
	font-style: normal;
	color:#767A67;
	font-weight:bold;
	display:block;
	margin:0 0 5px 0;
	width: 85%;
}	

	#featured dfn{
		width:380px;
		display:block;
		margin:0 0 5px 75px;
		line-height:1.3;
	}

	.horizontal strong{
		float:left;
		margin:0 6px 0 0;
		/*clear:none;*/
		width:auto;
		display:block;
	}
	
	#featured strong{
		margin:0 6px 0 0;
	}
	
	.horizontal dfn{
		float:left;
		padding:0 10px 0 0;
		margin:0 10px 0 0;
		display:block;
	}
	
	.horizontal dfn.cpd{
		padding:6px 0 0 5px;
		margin:0;
	}
	
	#featured dfn.cpd{
		width:22px;
	}
	
dl.contact_details{
    
}

dl.contact_details dt, dl.contact_details dd{
    color:#006797;
    float:left;
    line-height:1.3;
}

dl.contact_details dt{
    clear:left;
}

dl.contact_details dd{
	width:150px;
}	

dl.search{
    padding-top:3px;
}

dl.search dt{
	width:100%;
	font-weight:normal;
}
	
dl.search dd{
	width:100%;
	padding: 0 0 6px;
	margin:0 0 8px;
	line-height:1.4;
}	
	
	

/* link styles
--------------------------------------------------------------------------*/
a img {
	border:none;
}

a:link, a:visited {
	color:#9C0532;
}


a:hover {
	
}

a:active {
	
}

.skip {
	position: absolute;
	left: -9999px;
}

.link_news{
	margin:-5px 0 20px 0;
}

/*image replacement*/
/*--------------------------------------------------------------------------*/
.replace{ 
	position:relative; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden;
	 /* */
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

/*example usage:

	#hdr_news, #hdr_news span{ 	 
		width:43px; 
		height:11px;
		background: url(/images/hdr_news.gif) no-repeat; 
	}
	
	<h1 id="head_news" class="replace">News headline<span></span></h1>
	
*/

/* bug workarounds */
/*--------------------------------------------------------------------------*/

/*easy clearing*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* general custom classes
--------------------------------------------------------------------------*/
.dotrule {
	height:1px; 
	font-size:1px;
	background:url(/images/dot.gif) repeat-x; 
	clear:both;
	margin:5px 0;
}

.hrule {
	height:1px; 
	font-size:1px;
	background:url(/images/hrule.gif) repeat-x; 
	clear:both;
	margin:5px 0;
}
	
.right{
	float:right;
}

.left{
	float:left;
}

.thumb{
	border:1px solid #D9DCD0;
	padding:1px;
}

.thumb.left{
	margin:0 15px 15px 0;
}

.thumb.right{
	margin:0 0 15px 15px;
}

.clear{
	clear:both;
}

.flash{
	color:#9C0532;
	font-weight:bold;
}

.course{
	border-bottom:1px solid #CEDEE6;
	margin:0 0 10px;
	position:relative;
	width:205px;
}

#cancel_link{
    font-size:1.2em;
    font-weight:bold;
    margin-left:140px;
   }

.course a:link, .course a:visited{
	color:#006797;
}

.course dd{
	width:110px;
	margin:0 0 5px 55px;
}

.marginBelow {
	margin-bottom: 30px!Important;
}

.bookingDetail dt {
	width: 200px!Important;
}

.horizontalRuleTop {
	border-top:1px solid #D8DAD0;
	padding-top: 10px;
}

.horizontalRuleBottom {
	border-bottom:1px solid #D8DAD0;
	padding-bottom: 10px;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.halfWide {
	width: 45%;
}

.noBullets {
	list-style: none;
	margin-left: 0;
}

.clear.noBullets {
	padding-top: 10px;
}
* html .clear.noBullets {
	padding-top: 0;
}

.dtWider dt {
	width: 8em;
}

.ddSpaced dd {
	padding-bottom: 6px;
}

.editDetailsBtn a {
	background: url(../images/bg_confirm_details.gif) no-repeat 0 0;
	width: 81px;
	height: 22px;
	display: block;
	text-indent: -5000px;
	margin-left: 8.2em;
	margin-top: 20px;
}

.courseHistory dt {
	border-top: 1px solid #D9DCD0;
	padding-top: 7px;
	margin-top: 7px;
	margin-bottom: 0;
}

.courseHistory dt, .courseHistory dd {
	line-height: 1.4em;
}

.topDt {
	border-top: none!Important;
}

.courseHistory dd a {
	background: url(../images/bg_course_history.gif) no-repeat 0 50%;
	height: 16px;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}

.dlBlock dt, .dlBlock dd {
	display: block!Important;
	width: 100%;
}


.dudley{
	background:url(/images/icon_dudley.gif) no-repeat;
	padding: 0 0 3px 20px;
	font-size:1.3em;
	margin:0 0 2px;
}

.event{
	background:url(/images/icon_event2.gif) no-repeat;
	padding: 0 0 3px 20px;
	font-size:1.3em;
	margin:0 0 2px;
}

.rhs_panel_blue a:link, .rhs_panel_blue a:visited{
    color:#006797;
}




/* pagination */
/*--------------------------------------------------------------------------*/

#pagination{
	float:right;
	margin:0 0 20px;
	width:auto;
}

#pagination p{
	float:left;
	margin:0 5px 0 5px;
}

#pagination ul{
	margin:0;
	padding:0;
	float:left;
}

#pagination li{
	float:left;
	background:none;
	padding:0;
	margin:0 1px;
	list-style:none;
}

#pagination li a:link, #pagination li a:visited{
	display:block;
	padding:0px 3px 1px 3px;
	background-color:#CB0018;
	color:#FFF;
}

#pagination a:link, #pagination a:visited{
	text-decoration: none;	
}

#pagination li a:hover{
	background-color:#9C0532;
	color:#FCF304;
}

#pagination li.selected a:link,
#pagination li.selected a:visited{
	background-color:#9C0532;
}

#pagination li.selected a:hover{
	color:#FFF;
}

.image_container{
	overflow:hidden;
	float:right;
	width:105px;
	text-align:center;
	margin:0 0 0 7px;
}

.image_container .thumb.right{
	margin-bottom:5px;
}

.image_container p{
	margin:0 0 0 11px;

	width:90px;
}