body { 
	font-family:Arial,Helvetica,sans-serif;
	background-image: url(layout/background.png);
	background-repeat:repeat-x;
	background-color:#BDE3D4;
	margin:0;
	height:1049px;
}

#outer-wrapper {
	width:972px;
	height:1049px;
	background-position:top;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	color:#666;
}

#header {
	height:208px;
	width:972px;
	background-image: url(layout/header.png);
	background-repeat:no-repeat;
	background-position:top;
}

#logo {
	height:100px;
	width:343px;
}

#contact {
	font-size:23px;
	position:relative;
	left:60px;
	top:160px;
	float:left;
}

body#home a#homenav,
body#whytrain a#whynav,
body#courses a#coursesnav,
body#links a#linksnav,
body#supplies a#suppliesnav,
body#booking a#bookingnav,
body#contactus a#contactnav {
	text-decoration:none;
	color:#00a890;
}

#navigation {
	clear:both;
	height:36px;
	width:972px;
	font-size:15px;
	float:left;
	position:relative;
	text-align:center;
	top:80px;
}

#navigation a {
	text-decoration:none;
	color:#666;
	line-height:36px;
} 

#navigation a:link {
	text-decoration:none;
	color:#666;
	line-height:36px;
} 

#navigation a:visited {
	text-decoration:none;
	color:#666;
	line-height:36px;
} 

#navigation a:hover {
	text-decoration:none;
	color:#00a890;
	line-height:36px;
}

#navigation img {
	position:relative;
	top:11px;
}

.green {
	text-decoration:none;
	color:#00a890;
} 

.linksgrey a {
	font-size:20px;
	color:#666;
	text-decoration:none;
}

.linksgrey a:link {
	font-size:20px;
	color:#666;
	text-decoration:none;
}

.linksgrey a:visited {
	font-size:20px;
	color:#666;
	text-decoration:none;
}

.linksgrey a:hover {
	font-size:20px;
	color:#00a890;
	text-decoration:none;
}

.linksgrey {
	font-size:16px;
	color:#00a890;
}

#mainareatop {
	position:relative;
	top:37px;
	left:1px;
}


#mainarea {
	background-image:url(layout/main-bg.png);
	background-repeat:repeat-y;
	position:relative;
	top:37px;
	height:830px;
}

#mainbody {
	position:relative;
	width:600px;
	left:60px;
}

#mainbody2 {
	position:relative;
	width:520px;
	left:60px;
}

#mainheader {
	font-size:26px;
	font-weight:bold;
	color:#00a890;
	position:relative;
	top:15px;
}

.mainsub1 {
	font-size:23px;
	color:#00a890;
	position:relative;
	top:18px;
}

.mainsub2 {
	font-size:15px;
	color:#666;
	position:relative;
	top:18px;
}

.mainsub3 {
	font-size:22px;
	color:#00a890;
}

.mainsub4 {
	font-size:13px;
	color:#666;
	position:relative;
	top:18px;
}

.mainsub5 {
	font-size:14px;
	color:#666;
	position:relative;
	top:18px;
	padding-left:60px;
	padding-right:60px;
}

.mainarea2col {
	clear:both;
	float:left;
	width:40%;
	padding-left:60px;
}

.mainarea2colc {
	clear:both;
	float:left;
	width:55%;
	padding-left:60px;
}

.mainarea2colb {
	float:right;
	padding-top:25px;
	padding-right:40px;
}

.mainarea2cold {
	float:right;
	padding-top:0px;
	padding-right:40px;
}

#subtext {
	background-image:url(layout/subtext-bg.png);
	background-repeat:repeat-y;
	width:578px;
	height:334px;
	position:relative;
	top:60px;
	left:60px;
}

#subtext1 {
	padding-left:15px;
	font-size:23px;
	color:#00a890;
	position:relative;
	top:18px;
}

#subtext2 {
	padding-left:15px;
	font-size:15px;
	color:#666;
	position:relative;
	top:28px;
}

#subtextbullet { 
	list-style-image: url(layout/bullet1.png);
	position:relative;
	top:23px;
	left:-7px;
	line-height:23px;
}

.up8 {
	position:relative;
	top:-28px;
}

.booking_header {
	float:right;
	background-image:url(layout/booking_header_middle.png);
	background-repeat:repeat-x;
	height:32px;	
	line-height:32px;
	color:#00a890;
	font-size:25px;
}

.booking_input {
	float:right;
	background-image:url(layout/input_middle.png);
	background-repeat:repeat-x;
	height:23px;	
	line-height:23px;
	color:#00a890;
	font-size:15px;
}

#bookingform {
	width:850px;
	height:800px;
}

#bookingform div{
	clear:both;
	padding:.2em 0;
	}	

#bookingform label{
	float:left;
	width: 100px;
	background: url(layout/booking_middle.gif) repeat-x;
	}	

.label_box {
	float:left;
	width:150px;
	background: url(layout/input_middle.png) repeat-x;
	height:23px;	
	line-height:23px;
	color:#00a890;
	font-size:15px;
	}

.label_box1 {
	float:left;
	width:70px;
	padding:1px;
	background: url(layout/input_middle.png) repeat-x;
	height:23px;	
	line-height:23px;
	color:#00a890;
	font-size:15px;
	}

.course_box {
	float:left;
	width:82px;
	padding:1px;
	background: url(layout/input_middle.png) repeat-x;
	height:23px;	
	line-height:23px;
	color:#00a890;
	font-size:15px;
	}

.input_field1 {
	float:left;
	width:200px;
	padding:1px;
	background: url(layout/input_middle.png) repeat-x;
	height:23px;	
	line-height:23px;
	color:#00a890;
	font-size:15px;
	border-style:none;
}

.input_field2 {
	float:left;
	width:160px;
	padding:1px;
	background: url(layout/input_middle.png) repeat-x;
	height:23px;	
	line-height:23px;
	color:#00a890;
	font-size:15px;
	border-style:none;
}

.input_field3 {
	float:left;
	width:350px;
	padding:1px;
	background: url(layout/input_middle.png) repeat-x;
	height:23px;	
	line-height:23px;
	color:#00a890;
	font-size:15px;
	border-style:none;
}

.input_field4 {
	float:left;
	width:92px;
	padding:1px;
	background: url(layout/input_middle.png) repeat-x;
	height:23px;	
	line-height:23px;
	color:#00a890;
	font-size:15px;
	border-style:none;
}

.input_field5 {
	margin:0;
	float:left;
	width:82px;
	padding:1px;
	background: url(layout/input_middle.png) repeat-x;
	height:23px;	
	line-height:23px;
	color:#00a890;
	font-size:15px;
	border-style:none;
}

#bookingform .field, #bookingform .area{
	float:left;
	width:230px;
	padding:1px;
	background: url(layout/input_middle.png) repeat-x;
	height:23px;	
	line-height:23px;
	color:#00a890;
	font-size:15px;
	}	

#bookingform .area{
	height:120px;
	overflow:auto;
	}	

#bookingform .submit{
	padding:1em 0;
	text-align:right;
	}	

#bookingform button{
	text-indent:-8000px;
	text-align:left;
	border:0;
	overflow:hidden;
	width:164px;
	height:33px;
	background:url(layout/booking_submit.png) no-repeat 0 0;
	cursor:pointer;
	}

.boxstyle3 {
	background-image:url(layout/coursesbox3.png);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:15px;
	height:152px;
	width:438px;
	font-size:13px;
}

.boxstyle2 {
	background-image:url(layout/coursesbox2.png);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:15px;
	height:153px;
	width:417px;
}

.boxstyle2text {
	font-size:13px;
	color:#666;
}

.boxstyle1 {
	background-image:url(layout/coursesbox1.png);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:15px;
	height:214px;
	width:436px;
}

.boxstyle4-5 {
	background-image:url(layout/coursesbox4-5.png);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:15px;
	height:130px;
	width:433px;
	font-size:13px;
}

.suppliesbox {
	background-image:url(layout/suppliesbox.png);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-right:20px;
	padding-top:25px;
	height:545px;
	width:399px;
}

.suppliesbox img {
	position:relative;
	top:-40px;
	left:-20px;
}

.suppliesboxtext {
	width:350px;
	height:247px;
	font-size:13px;
	color:#666;
}

.div2col {
	float:left;
	width:205px;
}

#colright {
	width:275px;
	height:37px;
	position:relative;
	top:-560px;
	left:690px;
	z-index:2;
}

#colright2 {
	width:325px;
	height:250px;
	position:relative;
	top:-560px;
	left:650px;
	z-index:2;
}

.colrighttxt1 {
	width:200px;
	position:relative;
	padding:10px;
	top:-75px;
	font-size:13px;
	color:white;
}

.submit_button {
	background-image:url(layout/submit_button.png);
	line-height:24px;
	align:center;
	text-align:center;
}

#footer{
	width:972px;
	height:77px;
	padding-top:25px;
	padding-left:50px;
	background-image:url(layout/footer.png);
	background-repeat:no-repeat;
	position:relative;
	top: 35px;
	left:1px;
	font-size:15px;
	color:#666;
	z-index:1;
}

#footer a {
	text-decoration:none;
	color:#666;
}

#footer a:link {
	text-decoration:none;
	color:#666;
} 

#footer a:visited {
	text-decoration:none;
	color:#666;
} 

#footer a:hover {
	text-decoration:none;
	color:#00a890;
}

#urbansouldesign {
	width:100%;
	text-decoration:none;
	text-align:center;
	z-index:10;
}

#urbansouldesign a {
	width:100%;
	text-decoration:none;
	color:#10B0D2;
	text-align:center;
	z-index:10;
}

#urbansouldesign a:link {
	width:100%;
	text-decoration:none;
	color:#10B0D2;
	text-align:center;
	z-index:10;
}

#urbansouldesign a:hover {
	width:100%;
	text-decoration:none;
	color:#10B0D2;
	text-align:center;
	z-index:10;
}

#urbansouldesign a:visited {
	width:100%;
	text-decoration:none;
	color:#10B0D2;
	text-align:center;
	z-index:10;
}
