body {
	background-color: #222932;
	font-family: Arial;
	margin: 0;
	padding: 0;
}


#outer {
	width: 999px;
	margin: 0 auto;	
	background-color: #fff;	
	border: 1px solid #73655e;	
	margin-top: 30px;
}

#inner {
	width: 995px;
	background: #fff;
	border: 2px solid #fff;	
}


#header {
	height: 161px;
	
}

	#header img.ileft {
		padding-top: 15px;
		float: left;
	}
	
	#header img.iright {
		float: right;
	}	
#menu {
	border-bottom: 1px solid #c9cacc;
	padding-bottom: 2px;
	
}


#menu ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: .65em;	
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 177px;
	background-color: #d7d2c3;
}

#menu ul li
{
	display: inline;
	margin-left: -4px;
}

#menu ul li a
{
	padding: 4px 14px;
	color: #000;
	letter-spacing: .6px;
	text-decoration: none;
	border-right: 1px solid #928d7e;
}

#menu ul li a.hred:hover
{
	background-color: #e20a16;
}

#menu ul li a.haqua:hover
{
	background-color: #51d3da;
}
#menu ul li a.hblue:hover
{
	background-color: #0f79bf;
}

#menu ul li a.holive:hover
{
	background-color: #b9b532;
}

#menu ul li a.hpurple:hover
{
	background-color: #6a2f91;
}

#menu ul li a.hgreen:hover
{
	background-color: #15aa90;
}



a {color: #525252}
#start a { border-left: 1px solid #928d7e; }

#leftcol {
	width: 172px;
	float: left;
}
	#leftcol ul {
		margin: 10px 0;
		padding: 0;
		list-style-type: none;
			
	}

	/** 1st level nav**/	
	#leftcol ul li {
		padding-left: 38px;
		font-size: .8em;
		letter-spacing: 1px;
		line-height: 20px;
		font-weight: bold;
		
	}
	
	/** 2nd level nav**/
	#leftcol ul li ul li {
		padding-left: 16px;
		font-size: .8em;
		letter-spacing: 1px;
		line-height: 18px;
		font-weight: bold;
	}
	
	/** 3rd level nav**/

	#leftcol ul li ul li ul li {
		padding-left: 16px;
		font-size: 1em;
		letter-spacing: 1px;
		line-height: 18px;
		font-weight: bold;
	}
	
	
	#leftcol ul li a {
		text-decoration: none;
		color: #222932;
	}
	
	#leftcol ul li.current, #leftcol ul li#currentsection {
		background-color: #efede7;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		background-image: url("../images/li-bg.gif");
		background-repeat: no-repeat;
		background-position: 24px .3em;	
		
	}
	
	#leftcol ul li ul li.currentsubsection, li.currentsection {
		background-color: #efede7;
		background-image: url("../images/li-bg.gif");
		background-repeat: no-repeat;
		background-position: 2px .3em;	
	}	
	#leftcol ul li ul li.current {
		background-color: #efede7;
		background-image: url("../images/li-bg.gif");
		background-repeat: no-repeat;
		background-position: 2px .3em;	
		border: none;
	}

	
	#leftcol ul li.current a, #leftcol ul li#currentsection a.current {
		color: #e20a16;
	}

/*	#leftcol ul li.currentsection a {
		color: #222932;
	}
*/
	#leftcol ul li ul li.current a {
		color: #e20a16;
	}

#midcol {
	float: left;
	width: 630px;
	margin: 10px 10px 20px 10px;
	font-size: .7em;
	letter-spacing: .8px;
	line-height: 18px;
	color: #525252;

}	
	#midcol span.title {
		color: #222932;
		font-size: 1.5em;
		letter-spacing: 1px;
		display: block;
		line-height: 24px;
	}

	#midcol span.stitle {
		color: #222932;
		font-size: 1.5em;
		letter-spacing: 1px;
		line-height: 24px;
	}	
	
	#midcol p.title {
		color: #222932;
		font-size: 1.5em;
		letter-spacing: 1px;
		display: block;
		line-height: 24px;
	}
	
	#midcol span.subtitle {
		color: #222932;
		font-size: 1em;
		letter-spacing: 1px;
		display: block;
		line-height: 24px;
	}		


	#midcol img.right {
		padding: 5px 0px 5px 10px;
	}

	#midcol img.left {
		padding: 5px 10px 5px 0px;
		
	}	

	
#breadcrumb {
	/*color: #d1d2d4; */
	color: #aaa;

	margin-bottom: 5px;
	letter-spacing: .8px;
}
	 #breadcrumb a {
	 	text-decoration: none;
	 	color: #aaa;
	 	border-bottom: none;
	 }
	
#boxcontainer {
	width: 590px;
	margin: 0 auto;
	padding-top: 10px;
	clear: left;	
}
	#boxcontainer .box {
		min-height: 140px;
		width: 150px;
		background-color: #efede7;
		float: left;
		margin-right: 35px;
		margin-bottom: 10px;
		padding: 15px 10px;
	}
	
	#boxcontainer a {
		border: none;
	}
	
	#boxcontainer .boxlast {
		height: 140px;
		width: 150px;
		background-color: #efede7;
		float: left;		
		padding: 15px 10px;		
	}
	
	#boxcontainer span.boxtitle {
		color: #000;
		font-size: 1.1em;
		letter-spacing: .8px;
		display: block;
		line-height: 18px;	
	}
	
	
#rightcol {
	width: 168px;
	float: right;
	padding: 0 0 50px 0;
}
	
.clear { clear: both;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
		
	#rightcol #buttons { 
		padding-top: 30px;
	
	}
	
	#rightcol #buttons a {
		margin-bottom: 5px;
	}
	
	
#searchbox {
	width: 163px;
	height: 23px;
	margin: 4px 2px;	
}

	#searchbox span {
		font-size: .6em;
		color: #fff;
		letter-spacing: .5px;
		padding: 0px 3px;
		
	}
	
	#searchbox input.searchtext {
		width: 98px;
		height: 12px;
		font-size: 60%;
		border: 0;		
		vertical-align: middle;
	}

	
#footer {
	width: 993px;
	font-size: .6em;
	margin: 0 auto;
	color: #fff;
	padding: 8px 0px;
	text-align: center;
}	
	#footer ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		
	#footer ul li {
		display: inline;
		padding: 0px 8px;
		border-right: 1px solid #fff;
	}
	
	#footer ul li.last {
		border-right: none;
	}
	
	#footer ul li a {
		text-decoration: none;
		color: #fff;
	}
	
	img.face {
		vertical-align: top;
		padding-right: 5px;
	}

	
img {
	border: none;
}




#shopsearch, #shopbasket  {
	background-color: #efede7;
	width: 132px;	
	border: 1px solid #fff;
	margin: 5px 0px 0px 12px;
	padding: 5px;
}
	#shopsearch span {
		font-size: .6em;
		text-align: left;
		letter-spacing: .8px;
	}
	
	
	#shopsearch input.shopsearch {
		width: 105px;
		height: 12px;
		font-size: .3em;
		border: 1px solid #d1d2d4;		
	}


	#shopsearch input.shopsearchbtn {
		background: url("../images/li-bg.gif") bottom center no-repeat;
		height: 16px;
		width: 20px;
		border: none;
		cursor: pointer;
	}	
	
	#shopbasket a, .box a, .boxlast a {
		text-decoration: none
	}
	
.red, a.more {
	font-size: 1em;
	font-weight: bold;
	color: #e20a16;
	letter-spacing: .8px;
	text-decoration: none
}

 .red a {
 	font-size: 1em;
	font-weight: bold;
	color: #e20a16 !important;
	letter-spacing: .8px;
 	text-decoration: none
 }
 
 
.prod { 
	vertical-align: bottom;
}

/** product page **/

#product {
	width: 70%;
	float: left;
	margin-right: 2%;
}

#imagebox {
	width: 25%;
	float: left;
	margin-top: 35px;
}

	#imagebox img {
		border: 1px solid #ededee;
		padding: 5px;
		margin-bottom: 10px;
	}	
	
/** category items page **/
	
.itembox {
	width: 150px;
	height: 160px;
	float: left;
	border: 1px solid #ededee;
	margin: 10px 5px 0 0;
	text-align: center;
}
	
	.itembox .imgcontainer {
		height: 85px;
		text-align: center;
		clear: left;
	
		
	}
	.itembox .coursedesc {
		height: 85px;
		text-align: left;
		clear: left;
		line-height: 13px;	
		padding: 0px 5px;
	}
	
	.coursedesc a {
		text-decoration: none;	
	}
	.coursedesc span.redtitle {
		color: #e20a16;
		font-weight: normal;
	}
	
	.moreinfo {
		float: left;
		padding: 5px 4px;
	}
	
	.buy {
		float: right;
		padding: 5px 4px;
	}
	
	.buy a, .moreinfo a {	
		color: #e20a16;
		text-decoration:none !important;
		font-size: 11px;
		cursor: pointer;
	}	
	
	input.sno {
		color: #e20a16;
		border: none;
		background: none;
		font-size: 11px;
		cursor: pointer;
	}
	

	.itembox a {
		border-bottom: none !important;
	}
	
	.itemtitle {
		display: block;
		color: #e20a16;		
	}
	.itemdesc {
		text-align: left;
		line-height: 14px;
		padding: 0px 12px;
	}	
	
	.itembox:hover {
		border: 1px solid #e20a16;	
	}
	
/* browser specific */
input:focus {
 outline: none;
}

/** donate page**/

#midcol form a { border-bottom: none; }

#midcol form table tr {
	vertical-align: top;
}

#midcol form table td.line {
	border-bottom: 1px solid #ccc;
}


#donate td.tline {
	border-top: 1px solid #ccc;
}
#midcol form table .req {
	color: #e20a16
}

.tblhide {
	display: none;
}

#enquiry_details {
	margin-left: 13px
}

#cart a {
	border-bottom: none;
}

#courses {
	line-height: 16px;

}

.gb {
	color: #222932;
	font-weight: bold;
}


#midcol form input, #midcol form select {
	font-size: 10px;
letter-spacing: .8px;
	
}
#midcol form textarea {
	font-size: 11px;
letter-spacing: .8px;
	
}

#midcol .selectedText {
	font-weight: bold;

}

table thead th.title {
	color: #222932;
	font-size: 1.2em;
	letter-spacing: 1px;
	display: block;
	line-height: 24px;
}

.cartitem a  {
color:#222932;
font-weight:bold;
font-size: .6em;
letter-spacing: .8px;
}

#shopbasket img {
vertical-align: middle;
}

	
	table#orders, table#contactconfirm, table#participants {
		width: 100%;
		background: #efede7;
	}
	
	table#orders tr, table#contactconfirm tr, table#participants tr {
		background: #f6f5f0;
	}
	
	
	
	table#orders td {
		text-align: center;
	}
	
	table#orders td.name, table#contactconfirm td  {
		text-align: left;
	}
	
	table#orders input {
		text-align: center;
	}
	
	#orders thead, #contactconfirm thead {
		font-weight: bold;
		text-align: center;
	}
	
	table#checkout {
		background: #efede7;
	}
	table#checkout tr {
		background: #f6f5f0;
	}
	table#orders tr.brown,table#checkout tr.brown, table#course tr.brown, table#contactconfirm tr.brown, table#participants tr.brown {
		background-color: #efede7;
		color: #423a36;
	}

	table#course {
		background: #efede7;
	}
	table#course tr {
		background: #f6f5f0;
	}

	.srow {
		height: 30px;
		vertical-align: top;
	}

	.toggleDesc {
		color: #666666;
		padding: 2px 0px;
		height: 135px;
		overflow: hidden; 	 
		line-height: 12px;
	}

	.toggleDonate{
		color: #666666;
		padding: 2px 0px;
		height: 1px;
		overflow: hidden; 	 
		line-height: 12px;
	}
	
	.toggleDesc label, #paymentdetail1 label {
  	 display: block;
 	 float: left;
 	 width: 170px;
 	 padding: 0px 5px; 	 
 	 text-align: left;
 	
	}

	.toggleDesc input, .oinput {
		width: 220px;
		display: block;
	}
	
	img.toggleBtn {
		border: 0px;	
		text-align: left;
		margin: 3px 5px 0px 0px;
	}
	
	
	
	#layout_table  {
		text-align: left;
	}
	
	.total {
		text-align: right; 
		margin-right: 15px;
	}
	
	.subtotal {
		text-align: right; 
		padding-right: 10px;
	}
	
	.highlight {
	background-color: #ccc;
	}	
	.divhide {
		display: none;
	}
	
	.ind {
		padding-left: 20px;
	}
	
	.inright {
		text-align: right !important;
	}
	
	.sm { 
		font-size: 6px;
	}
	
	.showmore a {
		text-decoration: none;
		color: #e20a16;
	}
	
#SearchResults li.page {
	list-style-image: url('../images/page_icon.gif');
}
	
#SearchResults li.download {
	list-style-image: url('../images/download_icon.gif');
}

#SearchResults li.shop {
	list-style-image: url('../images/shop_icon.gif');
}

/*********************************** forms *****************************************/

label { font-weight: bold; }

#midcol input, #midcol select {
  width:200px;
}

#midcol input, #midcol textarea, #midcol select {
  border:1px solid #bbb;
  padding:2px;
  background:#ffffff url(../images/formbg.gif) top left no-repeat;
  margin-top:2px;
}

#midcol input.checkbox {
  width: 5px;
  background:none;
  border:0;
}

#midcol input.rad {
  width:20px;
  background:none;
  border:0;
}

input.nobg {
	background: none;
}

#midcol input.xsmall, #midcol select.xsmall {
  width:30px;
}

#midcol input.small, #midcol select.small {
  width:50px;
}

#midcol input.med, #midcol select.med {
  width:120px;
}
#midcol input.large, #midcol select.large {
  width:200px;
}

#midcol input.extra_large, #midcol select.extra_large {
  width:300px;
}

#midcol input:hover, #midcol textarea:hover,#midcol select:hover {
  border:1px solid #888888;
}

#midcol input:active,#midcol textarea:active, #midcol select:active {
  border:1px solid #888888;
}

	
#midcol	input.snoadd {
		color: #e20a16;
		border: none;
		background: none;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		text-align: left;
		margin: 0;
		padding: 0;
		letter-spacing: .8px;		
	}	
#midcol input.submit:hover {
  
  cursor: pointer;
}

#midcol textarea {
  width:200px;
  height: 100px;
}

#midcol textarea.deep {
  height:350px;
}

#midcol textarea.shallow {
  height:50px;
}

#midcol fieldset {
  background:#f7f7f7;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
}

#midcol legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
}
	#midcol input.del_button {
		background: url("../images/delete_small.gif") bottom center no-repeat;
		height: 10px;
		width: 10px;
		border: none;		
		cursor: pointer;
		vertical-align:middle; 

	}	

a.rembtn {
		color: #e20a16;
		border: none !important;
		background: none !important;
		font-size: .8em;
		font-weight: bold;
		cursor: pointer;
		text-align: left;
		margin: 0;
		padding: 0;
		letter-spacing: .8px;	
		margin-left: 10px;	
		text-decoration: none;
		
	}		
	
/*** for training centre map***/	
.maincourse {
	float: left;
	width: 230px;
}
.course-contain {
	border-bottom: 1px solid #eee;
	cursor:pointer;
	padding: 2px;
}
.bookcourse {
	float:right; 
	width:80px;

}

.course-contain:hover{
	background: #efede7;
}
.course-contain .booknow {
	color: #e20a16;
	text-decoration: none;
	cursor: pointer;
	text-align: right;
}


/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
    font-size: 8px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}


/*** news items***/

.newscontainer {
	min-height: 150px;
}

.newsimage {
	float: left;
	padding: 0px 10px 10px 0px;
}

.newsitem {
	float: left;

}

.newscontainer {
	padding: 6px 0px; 
}

a.rmore {
	text-decoration: none !important;
	letter-spacing: .8px;
	color: #333;
}

a.rmore:hover {
	color: #e20a16;
}


td.radio input { width:20px !important; margin-left: 20px }
td.checkbox input { width:20px !important; margin-right:10px; }
#job_application textarea { height: 50px !important }
#tbl_rw input {margin-left: 33px;width: 150px !important; }
#tbl_other input { margin-left: 33px;width: 110px !important; }

#jobform label.error { display: none;color:#CC0000; }