* {margin:0;padding:0}
ul{list-style:none}
img{border:none;display:block;}
body{
	color:#000; 
	background:#f0f4f7;
	font-size: 90%; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;/* for ie5.+*/
	padding:15px 0;
}

/* #outer holds all page content */
#outer{
	width:750px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	background:#f0f4f7 url(../images/lnav-bg.gif) repeat-y left top;
}
body#home #outer{background-color:#fff}
#header{
	width:750px;
	height:177px;
	background:#f0f4f7 url(../images/top-img2.jpg) no-repeat right top;
}
/* use this format below for different ../images in the header - 
  just add the body class for the relevant image - 
 Note home page has white background only.
		
	I'v named the ../images from 1 to 43 but obviously they don't exist yet.
	Just change then to valid names or delete the style if no image is required
	
	*/
	

.a0 #header{background:#fff url(../images/home-1.jpg) no-repeat right top;}

.b0 #header{background:#f0f4f7 url(../images/profile.jpg) no-repeat right top;}

.C0 #header{background:#f0f4f7 url(../images/top-img1.jpg) no-repeat right top;}

.c1 #header{background:#f0f4f7 url(../images/big-scaffolding.jpg) no-repeat right top;}
.c2 #header{background:#f0f4f7 url(../images/top-img2.jpg) no-repeat right top;}
.c3 #header{background:#f0f4f7 url(../images/first-aid2.jpg) no-repeat right top;}
.c4 #header{background:#f0f4f7 url(../images/big-powered.jpg) no-repeat right top;}
.c5 #header{background:#f0f4f7 url(../images/top-img1.jpg) no-repeat right top;}
.c12 #header{background:#f0f4f7 url(../images/ladders.jpg) no-repeat right top;}
.c13 #header{background:#f0f4f7 url(../images/big-scaffolding.jpg) no-repeat right top;}
.c14 #header{background:#f0f4f7 url(../images/big-scaffolding.jpg) no-repeat right top;}
.c15 #header{background:#f0f4f7 url(../images/big-scaffolding.jpg) no-repeat right top;}

.d0 #header{background:#f0f4f7 url(../images/handshake.jpg) no-repeat right top;}

.e0 #header{background:#f0f4f7 url(../images/location.jpg) no-repeat right top;}

.f0 #header{background:#f0f4f7 url(../images/location.jpg) no-repeat right top;}

.g0 #header{background:#f0f4f7 url(../images/links.jpg) no-repeat right top;}



#header h1{
	width:186px;
	height:177px;
	position:relative;
	z-index:1;
}
#header h1 a{
	display:block;
	width:186px;
	height:177px;
	position:absolute;
	left:0;
	top:0;
	background:#fff url(../images/logo.jpg) no-repeat right top;
	z-index:2;
}
#main{
	float:right;
	width:564px;
	margin-top:1px;
}
ul#main-nav{
	width:564px;
	height:141px;
	background:#f0f4f7;
}
body  ul#main-nav{background:#fff}
ul#main-nav li,
ul#main-nav li a{
	width:140px;
	height:141px;
	display:block;
	float:left;
	text-decoration:none;

}
ul#main-nav li.pasma {background:transparent url(../images/pasma-over.jpg) no-repeat left top;}
ul#main-nav li.pasma a{background:transparent url(../images/pasma.jpg) no-repeat left top;}
ul#main-nav li.health {background:transparent url(../images/health-over.jpg) no-repeat left top;}
ul#main-nav li.health a{background:transparent url(../images/health.jpg) no-repeat left top;}
ul#main-nav li.other {background:transparent url(../images/other-over.jpg) no-repeat left top;}
ul#main-nav li.other a{background:transparent url(../images/other.jpg) no-repeat left top;}
ul#main-nav li.powered {background:transparent url(../images/powered-over.jpg) no-repeat left top;}
ul#main-nav li.powered a{background:transparent url(../images/powered.jpg) no-repeat left top;}
#main ul#main-nav li a:hover{background:transparent}

#main ul#main-nav li{text-indent:-999em;}
ul#main-nav li{	margin-left:1px;display:inline}
h2{
	font-size:160%;
	color:#399bcc;
	letter-spacing:2px;
}
h3{
	font-size:100%;
	color:#f26424;
	text-transform:uppercase;
	font-weight:normal;
 margin-bottom:22px;
}
h4 {
	color:#f06522;
	font-weight:bold;
	font-size:100%;
	margin-bottom:5px;
}
body  span.fline{color:#26678d;font-weight:bold}

#content p{margin-bottom:22px;}
#content{
	font-size:90%;	
	/*padding:65px 7px 5px 7px;*/
	padding:15px 7px;
	/*
	background:transparent url(../images/secondary-img1.jpg) no-repeat 8px 7px;
	*/
}
/* use the body id for the different secondary image in the content 
  I've used the same image this time but just change it to a valid image 
		or delete the style if no image is required an dreplace it with the style that 
		I have at the bottom of this list for the home page.*/
/*
body.a0 #content{	background:transparent url(../images/secondary-img1.jpg) no-repeat 8px 7px;}
*/

/* no secondary image on home page 
  add the class to this style etc if other opages require no image
*/
body.a0 #content {
	padding:15px 7px;
	background:transparent;
}


/* .block is use in home page with image to the left */
.block,.block2{ width:542px;margin:15px 0;}
.block p{margin-left:141px;color:#717171;}
.img1 {background:transparent url(../images/content-1.jpg) no-repeat 7px 0}
.img2 {background:transparent url(../images/content-2.jpg) no-repeat 7px 0}

/* block1 is used when there are no ../images as on training page */
.block1 p{margin-left:0;color:#717171;}

/* block2 is used when there are ../images on the right */
.block2 p {margin-right:200px;color:#717171;}

/* mac hide \*/
* html .block2,* html #content {height:1%}
/* end hide */

.block a {
	text-decoration:none;
	color:#f40000;
}
.block a:hover{color:#26678d}

.block1 a {
	text-decoration:none;
	color:#f40000;
}
.block1 a:hover{color:#26678d}

.block2 a {
	text-decoration:none;
	color:#f40000;
}
.block2 a:hover{color:#26678d}


a.more{
	font-size:115%;	
	color:#c60000;
	letter-spacing:1px;
	margin-bottom:10px;
	text-decoration: underline;
}
a.more:hover{color:#26678d}

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #fff;
	background:#a0a0a0;
	color:#fff;
	text-align:center;
	padding:7px 0;
	font-size:77%;
	width:750px;
}
#footer a{
	text-decoration:none;
	color:#fff;
}
#footer a:hover{color:#26678d;}
#footer ul{width:750px;}
#footer li {
	display:inline;
	border-right:1px solid #605daa;
	padding:0 6px;
	}
.ftop{margin-bottom:5px}
/* mac hide \*/
* html #footer li {padding-left:7px;height:1%;position:relative}
* html #footer li a{position:relative}
/* end hide*/
#footer li.end{border:none;}

/*.................. left column ...........................*/

#leftnav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:186px;
	float:left;
	border-top:1px solid #fff;
	padding-bottom:10px;
	position:relative;
}
/*..... left navigation ......*/
#leftnav ul{
	width:186px;
	font-size:78%;
}
* html #leftnav ul{margin-left:-16px;ma\rgin-left:0}/* ie5 bug*/
#leftnav li{
	width:186px;
	border-bottom:1px solid #fff;
}
#leftnav a {
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	display:block;
	width:171px;
	padding:4px 0 4px 15px;
}
* html #leftnav li a{width:186px;w\idth:171px;}
#leftnav a:hover{background:#8398CE url(../images/sub-arrow.jpg) no-repeat 0 5px }
#leftnav a span{
	display:block;
	color:#003575;
	text-transform:lowercase;
}
/**************************************************/
#latest-news a.news {
	text-decoration:none;
	color:#fff;
}
#latest-news a.news:hover {
	background:none;
}

#latest-news a.news span {
	color:#003575;
	text-transform:lowercase;
}

#latest-news a.news:hover{}


/**************************************************/

#leftnav ul ul {display:none}/* close all menus*/

/* open current menu using body id */
body#home #leftnav li.home ul {display:block}
body#profile #leftnav li.profile ul {display:block}
body#training #leftnav li.training ul {display:block}
body#order #leftnav li.order ul {display:block}
body#contact #leftnav li.contact ul {display:block}
body#location #leftnav li.location ul {display:block}
body#links #leftnav li.links ul {display:block}

/* open current menu using class open - by mazen */
#leftnav li.open ul {display:block}

/* set current nav image depending on class in the body and on the list */
/* just add more items in the same format if needed */
/* compltetly remove the sublist from the html if no sub menu is required */
/* first list*/

/* by mazen */
#leftnav li.currentmain{	background:transparent url(../images/main-arrow.jpg) no-repeat 0 5px;}

#leftnav li.currentsub{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
/*end*/

/*
No Need for these - by mazen

body.a0 #leftnav li.a0{	background:transparent url(../images/main-arrow.jpg) no-repeat 0 5px;}
body.a1 #leftnav li.a1{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.a2 #leftnav li.a2{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.a3 #leftnav li.a3{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.a4 #leftnav li.a4{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.a5 #leftnav li.a5{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}

*/

/* second list*/
/*
body.b0 #leftnav li.b0{	background:transparent url(../images/main-arrow.jpg) no-repeat 0 5px;}
body.b1 #leftnav li.b1{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.b2 #leftnav li.b2{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.b3 #leftnav li.b3{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.b4 #leftnav li.b4{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.b5 #leftnav li.b5{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
*/

/* third list*/
/*
body.c0 #leftnav li.c0{	background:transparent url(../images/main-arrow.jpg) no-repeat 0 5px;}
body.c1 #leftnav li.c1{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.c2 #leftnav li.c2{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.c3 #leftnav li.c3{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.c4 #leftnav li.c4{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.c5 #leftnav li.c5{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
*/
/* fourth list*/
/*
body.d0 #leftnav li.d0{	background:transparent url(../images/main-arrow.jpg) no-repeat 0 5px;}
body.d1 #leftnav li.d1{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.d2 #leftnav li.d2{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.d3 #leftnav li.d3{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.d4 #leftnav li.d4{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.d5 #leftnav li.d5{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
*/
/* fifth list*/
/*
body.e0 #leftnav li.e0{	background:transparent url(../images/main-arrow.jpg) no-repeat 0 5px;}
body.e1 #leftnav li.e1{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.e2 #leftnav li.e2{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.e3 #leftnav li.e3{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.e4 #leftnav li.e4{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.e5 #leftnav li.e5{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
*/
/* sixth list*/
/*
body.f0 #leftnav li.f0{	background:transparent url(../images/main-arrow.jpg) no-repeat 0 5px;}
body.f1 #leftnav li.f1{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.f2 #leftnav li.f2{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.f3 #leftnav li.f3{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.f4 #leftnav li.f4{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.f5 #leftnav li.f5{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
*/
/* seventh list*/
/*
body.g0 #leftnav li.g0{	background:transparent url(../images/main-arrow.jpg) no-repeat 0 5px;}
body.g1 #leftnav li.g1{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.g2 #leftnav li.g2{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.g3 #leftnav li.g3{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.g4 #leftnav li.g4{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
body.g5 #leftnav li.g5{	background:transparent url(../images/sub-arrow.jpg) no-repeat 0 5px;}
*/
/*...................finish ..............*/

/* .... style sub lists.....*/
#leftnav ul ul {
		background:#1dbaf1;
		background:#8398CE;
	 border-top:1px solid #fff;
}
#leftnav ul ul li.last{border-bottom:none}
#leftnav ul ul a{
 padding-top:11px;
	padding-bottom:11px;
	width:161px;
	padding-left:25px;
}
* html #leftnav ul ul a{width:186px;w\idth:161px;}
@media all and (min-width: 0px){/*opera bug*/
  #leftnav ul ul a {
	font-size:130%
  }
}


#latest-news {
	font-family: Arial, Helvetica, sans-serif;
	width:186px;
	color:#fff;
	/*background:#3ca1d5;*/
	padding:7px 0 6px 0;
}
#latest-news h5{
	color:#fff;
	font-size:105%;
	margin-bottom:2px;
}
#latest-news p{font-size:80%;margin-bottom:13px;}
#latest-news p.inputs{margin-bottom:0;}

#latest-news form{
	width:176px;
	margin-left:5px;
}
#latest-news input{
	border:1px solid #8398CE;
	background:#fff;
	color:#000;
	width:144px;
	padding:2px 1px;
}
#latest-news input#submit{
	width:21px;
	height:21px;
	border:0 none;
	background:transparent url(../images/submit.gif) no-repeat 0 0;
	margin:0 0 0 2px;
	padding:0;
}
p.img-fl {float:right;width:187px;height:135px;margin:0;padding:0}
p.interested {
	font-weight:bold;
	font-size:115%;	
	color:#c60000;
	letter-spacing:1px;
	margin-bottom:10px;
}
p.interested a{
	text-decoration:underline;
	color:#c70000;
	font-size:95%;
 font-weight:normal;
	padding:2px 0;
	display:block
}
p.interested a:hover{
	text-decoration:none;
	color:#3ca1d5;
}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

.floatleft {
   	float:left;
   	margin:0 10px 0 0;

}

div#content ul, div#content ol {
	margin: 0 0 0 1.5em;
}

div#content ul {
	padding: 0 0 1.5em;
	list-style-type: circle;
}

div#content ol {
	list-style-type: lower-alpha;
}

div.third {
	padding-right: 3%;
	width: 30%;
	float: left;
}

div.third img {
	margin-bottom: 1em;
}

p.link {
	clear: both;
}

p.link img {
	margin-bottom: 0.5em;
}

.terms {
color: #717171;
}

.terms li {
list-style-type: decimal;
}
/* added matt 26/06/09 */

.booking-form {
	color: #717171;
}

	.booking-form .field {
		width: 550px;
		overflow: hidden;
		margin: 0 0 10px 0;
	}

	.booking-form label {
		float: left;
		width: 150px;
	}
	
		.booking-form label.inline {
			float: none;
		}

	.booking-form .text {
		float: left;
		width: 300px;
	}
	
	.booking-form span.course {
		display: block;
		float: left;
		width: 150px;
	}
	
	.booking-form select.course-select {
		width: 305px;
	}

#course-pricing {
	position: relative;
}

.price-note {
	float: right;
}