body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: 'Times New Roman', Arial, Helvetica, sans-serif; 
	color: #000; 
	font-size: 12px;
}

img { border: 0; }

a img { border: 0; }

.contact { color: #3590BF; }

h1 {
	font-size: 26px;	
}

h2 {
	color: #3590BF;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Times New Roman';
}

h3 { 
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0;
	font-size: 16px;
	display: block;
}

p {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 4px 0;
}

a {
	text-decoration: none;
	color: #39bdeb;
}

a.arrows:link, a.arrows:visited, a.arrows:hover, a.arrows:active  {
	padding-right: 30px;
	background: url('../img/arrows.gif') no-repeat bottom right;
}


.clearfix:after { content: " "; display: block; height: 0; font-size:0; clear: both; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#container { width: 1000px; }

/**
 * Navigation
 */
#banner { width: 1000px; margin: 0; padding: 0; height: 150px; }
	#logo {
		width: 150px;
		height: 131px;
		float: left;
		display: inline;
		margin: 0;
		padding: 20px 0px 0px 50px;
		background: #fff url('../img/logo.gif') right center no-repeat;
	}
	#address { 
		float: left;
		display: inline;
		width: 450px;
		margin: 40px 0px 0px 40px;
		padding: 0;
	}

/**
 * Navigation
 */
#nav { display: none; }

/**
 * Content
 */
#content-wrapper{
	width: 1000px;
	margin: 0;
	padding: 0;
	clear: both;
	}

	#content {
		width: 740px;
		}

		#content h2 {
			padding-bottom: 20px;
			border-bottom: 1px solid #3590BF;
			margin: 10px 0 20px;
			}

		#content p { font-size: 15px; }
		#content p.date { margin: 0 0 15px; color: #00b3ee; }

/**
 * Callouts
 */
#callouts {
		/*padding: 10px;*/
		margin: 10px 0 0 20px;
		clear: both;
		
		}

		.callout-item {
			background: url('../img/callout_bg.gif') no-repeat;
			padding: 0 15px 20px 0;
			margin: 0;
			width: 235px;
			float: left;
			display: inline;
			}
			.callout-item h3 {
				font-weight: normal;
				text-transform: uppercase;
				padding: 10px 0 0;
				margin: 10px 0;
				font-size: 17px;
				}

/**
 * Footer
 */
#footer { display: none; }

/**
 * Courses
 */
#subnav { display: none; }

#courses-area {
	padding: 10px;
	margin: 0 0 0 40px;
	width: 630px;
	float: left;
	display: inline;
	}

	.course {
		margin: 10px 0;
		padding: 10px;
		border-bottom: 1px solid #124b77;
		}

	.coursealt {
		margin: 10px 0;
		padding: 10px;
		border-bottom: 1px solid #124b77;
		}

		.course .info, .coursealt .info {
			float: left;
			width: 300px;
			margin: 40px 0 20px;
			}

        .course .image, .course .image {
			float: right;
			width: 300px;
			text-align: right;
			}

		.course h3, .coursealt h3 {
			font-size: 16px;
			font-weight: bold;
			margin: 0;
			padding: 0;
			}

		.course h4, .coursealt h4 {
			font-size: 14px;
			font-weight: bold;
			margin: 0;
			padding: 5px 0;
			}

	.course ul, .coursealt ul { list-style: none; margin: 0; padding: 0; }
	.course ul li, .coursealt ul li{ padding: 2px 0; }
	.course ul li.dates, .coursealt ul li.dates { font-size: 13px; color: #000; }
	.course ul li.price, .coursealt ul li.price { font-size: 13px; color: #000; }
	.course .course-description, .coursealt .course-description { clear: both; }
	.course .course-description, .coursealt ul li.price { padding: 10px 0; }
	.course .course-description p, .coursealt .course-description p { padding: 2px 0 8px; font-size: 13px; }
	
/**
 * Equipment List
 */
#equipment { clear: right; margin: 10px 0 30px; width: 740px; }
	#equipment thead th.head { margin: 0; padding: 10px 0; font-size: 17px; background: #fff; text-align: left; border-bottom: 1px solid #000; }
	#equipment thead { margin: 0; padding: 0; }
		#equipment thead th { margin: 0; padding: 5px 0 5px 10px; background: #fff; text-align: left; border-bottom: 1px solid #000;}
	#equipment tbody { margin: 0; padding: 0; }
		#equipment tbody tr td { background: #fff; border-bottom: 1px solid #000; }
		#equipment tbody tr.alt td { background: #fff; border-bottom: 1px solid #000; }
			#equipment tbody td { margin: 0; padding: 7px 0 5px 10px; text-align: left; }
	#equipment .right { text-align: right; padding: 0 10px 0 0;}
			
#newsletter-area {
	padding: 10px;
	margin-left: 10px;
	width: 630px;
	float: left;
	display: inline;
}

/**
 * Notice
 */
.notice { border-top: 1px solid #000; }
.notice h3 { color: #39bdeb; display: block; margin: 10px 0;}
.notice h4 { color: #39bdeb; display: block; font-size: 14px; }

#notice-contact-details {
	margin: 20px 0 0;
	width: 740px;
	border-top: 1px solid #000; 
	}
	.ncd-left { float: left; width: 260px; padding: 9px 0; }
	.ncd-right { float: left; width: 260px; padding: 9px 0; /*background: #122c42;*/  }
	.ncd-right p { width: 400px; }
	.ncd-right .email .txt { width: 120px; float: left; text-align: left; }
		.ncd-right .email a { float: left; text-align: left; }
	.ncd-right .phone .txt { width: 120px; float: left; text-align: left; }
		.ncd-right .phone span.value { float: left; text-align: left; }
	.ncd-right .url .txt { width: 120px; float: left; text-align: left; }
		.ncd-right .url a { float: left; text-align: left; }

/**
 * Forms
 */
form h3 { width: 670px; display: block; background: url('../img/header_bg_blue.gif') no-repeat center right; color: #39BDEB; }
#noticeboard { width: 650px; }
form label { display: block; padding: 10px 0 0; font-size: 13px; }
form label.hide { visibility: hidden; }
form .textbox { display: block; width: 465px; font-size: 13px; margin: 0 0 5px; }
form .left { float: left; display: block; }
#noticeboard .right { float: right; display: block; margin: 6px 0 0; text-align: right; }
.clear { clear: both; }
form textarea { display: block; width: 467px; font-size: 13px; }
form select { display: block; width: 470px; font-size: 13px; }
form select.small { display: block; width: 50px; font-size: 13px; float: right; margin: 0 0 5px; }
form select#showemail { visibility: hidden; }
form .submit { margin: 10px 0 0; display: block; clear: both; }
.your-info { clear: both; padding: 0 0 10px;}
form .note { font-size: 12px; }

form div.even { width: 650px; background: #122c42; margin: 5px 0; padding: 0 10px 10px; border: 1px solid #22425d;}
form div.odd { width: 650px; background: #020f19; margin: 5px 0; padding: 0 10px 10px; border: 1px solid #092236; }

p.success { background: #37790A; border: 1px solid #37990A; width: 650px; font-size: 15px; padding: 10px; }
p.errors { background: #911316; border: 1px solid #ab1316; width: 650px; font-size: 15px; padding: 10px; }
form div.error { background: #911316; border: 1px solid #ab1316; }
form .error_text { clear: both; border: 1px solid #ab1316; background: #561316; padding: 5px; margin: 10px -11px -11px -11px; display: block; text-align: center; }