@import url("reset.css");
#printheader{
	display:none;
}
/* Main Styles */
body {
	font: 0.75em/1.35 Arial, Helvetica, sans-serif;
	color: #333;
	background: #DDD;
}
h2 { font-size: 1.4em; }
h2 span { color: #00B1B0; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.4em; font-weight: normal; color: #000; }
#content #leftCol h5 { font-size: 1.2em; }
hr {
	width: 90%;
	margin: 10px auto;
	border: none;
	border-top: 1px solid #CCC;
	color: #CCC;
}
/* Wrapper div */
#wrap {
	background: #FFF;
	border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}
a { color: #00B1B0; text-decoration: none; }
a:hover { text-decoration: underline; }
a.button {
	background: url(../images/bg-button-right.png) no-repeat right top;
	color: #FFF;
	text-decoration: none;
	padding: 2px 0 3px 0;
}
a.button span {
	background: url(../images/bg-button.png) no-repeat left top;
	margin-right: 4px;
	padding: 2px 0.6em 4px 0.9em;
}
a.button:hover { background: url(../images/bg-button-right-on.png) no-repeat right top; }
a.button:hover span { background: url(../images/bg-button-on.png) no-repeat left top; }
/* This is the image below the main H2 */
.mainBanner { float: left; margin-top: -10px; margin-bottom: 15px; }

/* Header area */
#header { background: #231F20 url(../images/bg-header.png) no-repeat right top; overflow: hidden; width: 960px; }
#header h1 { float: left; }
#header form { float: right; margin: 15px 10px 0 0; }

/* Site-wide top navigation */
#header #mainNav {
	background: #282525 url(../images/bg-main-nav.png) repeat-x left top;
	clear: both;
	float: left;
	margin-top: 18px;
	width: 100%;
}
#header #mainNav li {
	float: left;
	border-right: 1px solid #000;
	border-left: 1px solid #5D5D5D;
}
#header #mainNav li a {
	color: #FFF;
	float: left;
	font-weight: bold;
	padding: 0.3em 20px 0.3em 20px;
	text-decoration: none;
}
#header #mainNav li a:hover { background: #5D5D5D; }
#header #mainNav li a:active { background: #555; }

#header #mainNav li a.on,
#header #mainNav li a.on:hover,
#header #mainNav li a.on:active { background: #7B7979 url(../images/bg-main-nav-on.png) repeat-x left top; color: #FFF; }

#header #mainNav li.first { border-left: none; }
#header #mainNav li.last { border-right: none; }
/*#header #mainNav li.last a { padding: 0.3em 20px; }*/
#header #mainNav li.last a { padding: 0.3em 18px; }
#header #mainNav li.last a:hover,
#header #mainNav li.last a.on { border-right: 1px solid #000; }

/* Rotating Feature Area */
#featureArea {
	clear: left;
	color: #FFF;
	margin-top: 8px;
	overflow: hidden;
	position: relative;
	width: 596px;
	background-color: #FFF;
}
#featureArea img.topRight {
	 position: absolute;
	 top: 0;
	 right: 0;
}
#featureArea img.bottomRight {
	 position: absolute;
	 bottom: 0;
	 right: 0;
}
#featureArea #featureList { position: relative; }
#featureArea #featureList a { color: #FFF; }
#featureArea #featureList li {
	height: 65px;
	background-color: #FFF;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 232px 0 0 15px;
	position: absolute;
	width: 341px;
}
#featureArea #rightList {
	border-left: 1px solid #868485;
	float: right;
	margin: 1px 1px 1px 0;
	padding: 0;
	width: 238px;
}
#featureArea #rightList li {
	background: #686667 url(../images/bg-feature-tab.png) repeat-x left top;
	border-bottom: 1px solid #868485;
	display: block;
	height: 73px;
}
#featureArea #rightList li.last { border: none; }
#featureArea #rightList li a {
	color: #FFF;
	display: block;
	font-weight: bold;
	font-size: 1.3em;
	height: 3.7em;
	text-decoration: none;
	padding: 0.5em 1em 0.5em 0.7em;
}
#featureArea #rightList li a span {
	background: url(../images/bullet-large-green.gif) no-repeat left;
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	padding-left: 10px;
}
#featureArea #rightList li a:hover { background: #555; }
#featureArea #rightList li.on { background: #231F20 url(../images/bg-feature-tab-on.png) repeat-x left top; margin-left: -1px; }
#featureArea #rightList li#on { background: #231F20 url(../images/bg-feature-tab-on.png) repeat-x left top; margin-left: -1px; }
#featureArea #rightList li#on a,
#featureArea #rightList li#on:hover a { background: #231F20 url(../images/bg-feature-tab-on.png) repeat-x left top; padding-left: 0.74em; }
#featureArea #rightList li.on:hover a { background: #231F20 url(../images/bg-feature-tab-on.png) repeat-x left top; padding-left: 0.74em; }
/* Accreditation Area */
#accreditation {
	background: url(../images/bg-accreditation-top.png) no-repeat left top;
	float: right;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	width: 355px;
}
#accreditation ul {
	background: url(../images/bg-accreditation-bottom.png) no-repeat left bottom;
	padding-bottom: 5px;
}
#accreditation li { display: inline; margin-left: 9px; }

/* Course Search Area */
#courseSearch {
	background: url(../images/homepage/bg-course-search.png) no-repeat left top;
	clear: right;
	float: right;
	margin: 10px 0 0 0;
	width: 355px;
}
#courseSearch h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 4px 0 0 10px;
}
#courseSearch h4 {
	color: #00B3B1;	
	font-size: 1.2em;
	font-weight: normal;
	margin: -2px 0 0 10px;
}
#courseSearch form {
	background: url(../images/homepage/bg-course-search-bottom.png) no-repeat left bottom;
	margin: 10px 0 0 0;
	overflow: hidden;
	padding: 0 0 10px 10px;
}
#courseSearch label {
	color: #231F20;
	display: block;
	font-size: 1.2em;
	margin: 8px 0 3px 1px;
}
#courseSearch input,
#courseSearch select {
	background: #FFF;
	border: 1px solid #D9D3DE;
	margin-bottom: 5px;
}
#courseSearch select { width: 250px; }
#courseSearch input.button { border: none; margin: 0 0 -5px 0; }
#courseSearch a { clear: both; float: left; margin: 9px 0 0 2px; }
#courseSearch .button { padding-top: 1px; }

/* Middle Row - Banner and Find us */
#middleRow {
	margin-top: 10px;
	overflow: hidden;
	width: 960px;
}
#middleRow .banner { float: left; padding-top: 1px; }
#middleRow #howToFindUs {
	background: url(../images/homepage/bg-findus.png) no-repeat left top;
	float: right;
	height: 80px;
	width: 355px;
}
#middleRow #howToFindUs h3 {
	float: left;
	font-size: 1.8em;
	font-weight: normal;
	margin: 15px 0 0 13px;
	width: 170px;
}
#middleRow #howToFindUs h4 {
	clear: left;
	color: #00B3B1;	
	float: left;
	font-size: 1.2em;
	font-weight: normal;
	margin: -2px 0 0 13px;
	width: 170px;
}
#middleRow #howToFindUs ul { margin-top: 15px; }

/* Bottom Row - Offers, Popular and About us */
#bottomRow .icon {
	position: absolute;
	right: 0;
	top: 0;		
}
#bottomRow div {
	background: url(../images/homepage/bg-bottomfeature-left.png) no-repeat top left;
	float: left;
	margin: 6px 10px 0 0;
	position: relative;
 	width: 293px;
}
#bottomRow .bot2{
	background:none;
	margin:0 10px 0 0;
}
#bottomRow .bot21{
	clear:left;
}
#bottomRow .bot22{
	clear:left;
}
#bottomRow #aboutUs,  #bottomRow .botR22{
	background: url(../images/homepage/bg-bottomfeature-left-wide.png) no-repeat top left;
	margin: 6px 0 0 0;
	width: 354px;
}
#bottomRow h3 {
	color: #FFF;
	display: block;
	float: left;
	font-size: 1.7em;
	font-weight: normal;
	margin: 5px 0 0 13px;
	width: 90%;
}
#bottomRow h4 {
	clear: left;
	color: #00B3B1;	
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: normal;
	margin: -1px 0 0 13px;
	width: 90%; 
}
#bottomRow ul {
	background: url(../images/homepage/bg-bottomfeature-bottom.png) no-repeat bottom left;
	float: left;
	margin: 7px 0 0 0;
	padding: 0 10px 45px 10px;
}
#bottomRow ul li {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	padding: 0.6em 0;
}
#bottomRow ul li a { color: #231F20; }
#bottomRow .button {
	float: left;
	margin: -33px 10px 10px;
	padding-top: 2px;
}
#bottomRow .button span { padding-top: 2px; padding-bottom: 3px; }
#bottomRow .rss {
	background: url(../images/icon-rss.png) no-repeat right;
	color: #231F20;
	float: right;
	font-weight: bold;
	margin: -30px 10px 10px;
	padding-right: 20px;
}
#bottomRow ul li span { color: #00B1B0; font-weight: bold; }
#bottomRow #aboutUs p, #bottomRow .bot2 .botR22 p { float: left; margin: 15px 0 0 10px; }
#bottomRow #aboutUs ul, #bottomRow .bot2 .botR22 ul {
	background: url(../images/homepage/bg-bottomfeature-bottom-wide.png) no-repeat bottom left;
	margin: 0;
	padding: 10px 10px 30px 10px;
	width: 334px;
}
#bottomRow #aboutUs ul li, #bottomRow .bot2 .botR22 ul li {
	background: url(../images/bullet-large-green.gif) no-repeat 0 5px;
	border: none;
	padding: 0 0 0 11px;
	margin: 0 0 5px 2px;
}

#bottomRow .bot2 .botR22 p{
	float: left; margin: 15px 0 0 10px;
}

/* Main Content Area */
#content { margin-top: 10px; }
#content #leftCol { float: left; width: 635px; }
#content #rightCol { margin-top: -10px; float: right; width: 318px; }

/* Inner Column */
#content #leftCol .innerCol { margin: 0 0 0 15px; clear: both; float: right; width: 236px; }
#content #leftCol .innerCol h3 {
	background: url(../images/bg-h3-inner.png) no-repeat top left;
	color: #FFF;
	width: 216px;
	font-size: 1.5em;
	padding: 5px 10px; }
#content #leftCol .innerCol div { background: #EAEAEA url(../images/bg-inner-div.png) no-repeat bottom left; padding: 0 0 10px 0; margin-bottom: 10px; }
#content #leftCol .innerCol div.outline {
	background: #EAEAEA url(../images/bg-inner-div-outline-top.png) no-repeat top left;
	float: right;
	margin: -5px 0 25px 0;
	padding: 0 0 10px 0;
	position: relative;
	width: 202px;
	height: auto;
}
#content #leftCol .innerCol div.outline div.btm { background: #EAEAEA url(../images/bg-inner-div-outline-bottom.png) no-repeat bottom left; margin: 0 0 -10px 0; padding: 5px 0; }
#content #leftCol .innerCol div.outline h3 { margin-bottom: 0; }
#content #leftCol .innerCol div.outline p { margin: 0 15px 5px 10px; }
#content #leftCol .innerCol div.outline .icon { position: absolute; top: 0; right: 0; }
#content #leftCol .innerCol div ul li { background-position: 0 3px; margin: 0 0 10px 0; }
#content #leftCol .innerCol .trainerFeature {
	background: url(../images/bg-trainer-feature.png) no-repeat top left;
	margin: 5px 0 0 -4px;
	padding: 0;
	height: auto;
	width: 239px;
}
#content #leftCol .innerCol .trainerFeature div { background: url(../images/bg-trainer-feature-bottom.png) no-repeat bottom left; margin-top: 10px; }
#content #leftCol .innerCol .trainerFeature p { padding: 10px 20px 0 10px; margin: 0; }

/* Right Column Features */
#content #rightCol .contactUs {
	background: url(../images/bg-contactus.jpg) no-repeat bottom left;
	clear: both;
	font-size: 1em;
	height: 229px;
	margin-top: 10px;
	float: right;
}
#content #rightCol .contactUs h3 {
	background: url(../images/bg-h3-right.png) no-repeat top left;
	color: #FFF;
	font-size: 1.8em;
	margin: 0;
	width: 296px;
}
#content #rightCol p span { color: #00B3B1; }
#content #rightCol p { font-weight: bold; width: 270px; }

#content #rightCol .feature {
	clear: both;
	float: right;
/*	height: 149px;*/
	margin: 10px 0 0 0;
	width: 315px;
}

#content #rightCol .featureTrainers {
	background: url(../images/feature-trainers.jpg) no-repeat top left;
	clear: both;
	float: right;
	height: 149px;
	margin: 10px 0 0 0;
	width: 315px;
}
#content #rightCol .featureTrainers p.quote {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 5px 0 0 7px;
	width: 160px;
	color:#FFFFFF;
}
#content #rightCol .featureTrainers a { background: url(../images/bullet-large-white.gif) no-repeat 0 3px; color: #FFF; margin-left: 8px; padding-left: 10px; text-decoration: underline; }

/* Content 'H' styles */
#content h2, #content h1 {
	background: #231F20 url(../images/bg-h2.png) no-repeat top left;
	color: #FFF;
	display: block;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 615px;
}
#content h3 {
	background: #FFF url(../images/bg-h3.png) repeat-x bottom left;
	clear: both;
	color: #333;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 615px;
}
#content h4 {
	color: #00B1B0;
	font-size: 1.5em;
	margin: 10px 10px 0 10px;
}
#content h5 { margin: 10px 10px 0 10px; }
#content p { margin: 10px; }

/* Left Col List styles */
#content #leftCol ul,
#content #leftCol ol { margin: 10px 10px 10px 15px; }
#content #leftCol ul li {
	background-image: url(../images/bullet-large-green.gif);
	background-repeat:no-repeat;
	background-position:1px 3px;
	margin: 5px 0 5px 0;
	padding-left: 12px;
}

/* Course Listing */
#content #leftCol .courseList { margin: 0; }
#content #leftCol .courseList li { border-bottom: 1px dotted #CCC; padding: 0 160px 10px 0; margin: 0; background: none; position: relative; }
#content #leftCol .courseList li.last { border: none; }
#content #leftCol .courseList .logo { position: absolute; top: 5px; right: 10px; }
#content #leftCol .courseList h4 { font-size: 1.2em; font-weight: bold; }

#content #leftCol #pagination { background: url(../images/bg-pagination.png) repeat-x top left; overflow: hidden; }
#content #leftCol #pagination ul { float: right; }
#content #leftCol #pagination ul li { background: none; display: inline; margin: 0; padding: 0; }
#content #leftCol #pagination ul li a {
	background: url(../images/bg-button-small.png) repeat-x top left;
	color: #FFF;
	font-weight: bold;
	padding: 1px 4px;	
}
#content #leftCol #pagination ul li a.on { color: #000; }

/* Form Styles */
#content form { clear: left; margin: 10px 0; width: 635px; }
#content form h3 { background: none; color: #000; font-size: 1.4em; margin: 0 0 -5px 0; width: 275px; }
#content form input,
#content form select { margin-left: 12px; }
#content form input { width: 265px; }
#content form input.button { border: none; margin: 0 0 -5px 10px; width: auto; }
#content form p { margin: 12px; padding-right: 60px; }

#content form.contact {
	border: 1px solid #CCC;
	background: #F9F9F9;
	padding-bottom: 15px;
	width: 630px;
}
#content form.contact h5 { clear: both; margin-bottom: 10px; }
#content form.contact div { clear: both; padding-top: 5px; }
#content form.contact label {
	clear: left;
	display: block;
	float: left;
	margin-left: 10px;
	margin-bottom: 15px;
	width: 80%;
}
#content #leftCol form.contact div label span {	display: block;	float: left; width: 150px; }
#content #leftCol form.contact div label span em { color: #00B3B1; font-weight:  normal; text-transform: none; }
#content #leftCol form.contact div label em { color: #00B3B1; font-weight:  normal; text-transform: none; }
#content #leftCol form.contact div label input { float: left; border: 1px solid #CCC; padding: 2px; }
#content #leftCol form.contact div textarea { border: 1px solid #CCC; margin-left: 10px; width: 96.5%; }
#content #leftCol form.contact p { clear: left; width: 93%; }
#content #leftCol form.contact input.button {
	background: #FFF;
	border: 1px solid #CCC;
	border-bottom-color: #AAA;
	border-right-color: #AAA;
	font-size: 1.1em;
	padding: 3px 15px;
}
#content #leftCol form.contact label { margin-left: 10px; }
#content #leftCol form.contact label.fl { float: left; clear: none; margin: 0 15px 0 0; width: auto; }
#content form .radio { clear: none; float: none; width: 15px; }

/* Right Column - Course Search */
#content #rightCol #courseSearch h3 {
	background: none;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0; padding-bottom: 0; padding-top: 6px;
	width: 275px;
}
#content #rightCol #courseSearch h4 {
	color: #00B3B1;	
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 0; padding-top: 0;
	width: 275px;
}
#content #rightCol #courseSearch {
	background: url(../images/bg-course-search.png) no-repeat left top;
	clear: both;
	float: right;
	height: 205px;
	margin: 10px 0 0 0;
	width: 315px;
}
#content #rightCol #courseSearch form { background: url(../images/bg-course-search-bottom.png) no-repeat left bottom; width: 315px; }
#content #rightCol #courseSearch form input.textInput { margin: 0; width: 195px; }
#content #rightCol #courseSearch form select { margin-left: 0; }
#content #rightCol #courseSearch form .button { padding-top: 1px; }

.split { background: #EDEDED url(../images/bg-search-split.png) no-repeat top left; float: left; }
.split #keywordSearch { background: url(../images/bg-keyword.png) no-repeat 235px 80px; }
.split #subjectSearch { background: url(../images/bg-courses.png) no-repeat 10px 80px; }
.split div { float: left; height: 12em; width: 307px }
.split div a.button {
	border: none;
	clear: both;
	float: right;
	margin: 47px -5px 0 0;
	padding-top: 1px;
}
.split .btm {
	background: #EDEDED url(../images/bg-search-split-bottom.png) no-repeat bottom left;
	clear: left;
	float: none;
	height: 11px;
	width: 100%;
}
#content #leftCol .split div .button { border: none; padding-right: 0; padding-top: 2px; padding-bottom: 3px; }
#content #leftCol .split input.button { padding: 0; }
#content #leftCol .split h3 { padding-top: 10px; padding-left: 0; }

/* A-Z List */
#content #leftCol .atoz {
	display: block;
	overflow: auto;
	width: 100%;
	margin: 0;
	padding-bottom: 7px;
	border-bottom: 1px dotted #CCC;
}
#content #leftCol .atoz li { background: none; float: left; margin: 0 0 0 10px; padding: 0; width: 14px; }
#content #leftCol .atoz li a { font-size: 1.2em; font-weight: bold; }
#content #leftCol .atoz li a.on { background: #00B3B1; color: #FFF; padding: 0 3px; }
#content #leftCol .atoz li a.on:hover { text-decoration: none; }

/* Map */
.map { margin-top: -10px; margin-bottom: 20px; position: relative; }
.map .shadow { position: absolute; z-index: 99; }

/* Footer */
#footer {
	border-top: 1px solid #CCC;
	clear: both;
	float: left;
	font-size: 0.9em;
	line-height: 1.6em;
	margin: 15px 10px;
	padding: 5px 0 15px 0;
	width: 940px;
}
#footer .copyright { float: right; text-align: right; }
#footer .copyright img { padding-top: 3px; }
.preofferprice{
	color:#FF0000;

}
.offerprice {
	text-decoration:line-through;
	color:#FF0000;
}
.imgFloatRight{
	float:right;
}
.imgFloatLeft{
	float:left;
	padding-right:10px;
}
.clearleft{
	clear:left;	
	padding-top:15px;
}
#septable tr{
	border-bottom:1px #666666 solid;
	padding-bottom:2px;
}
.box{
	float:left;
	border:5px solid #CCC;
	background-color:#FFF;
	margin: 5px;
	width: 280px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	padding-bottom:20px;
	background-image: url(../images/box-back-grad.png);
	background-repeat: repeat-x;
}
.boxEnd{
	clear:left;
	float:left;
	border:5px solid #CCC;
	background-color:#E4E4E4;
	margin: 5px;
	width: 280px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	padding-bottom:20px;
}
h4.top{
	padding-top:30px;
}
.floatbox{
	width:250px;
	float:left;	
}
#content #leftCol h3.sub{
	background-image:none;
	font-size: 1.5em;
	padding: 0px 10px;
	border-bottom:dashed 1px #999;
}
.stripe{
	background-color:#E4E4E4;
}
#leftCol table.stripedTable{
	border-collapse:separate;
	border-spacing:5px;
}
#leftCol table.stripedTable tr{
}
#nowWith{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:right;
	text-align:center;
	padding:5px;
	margin:10px;
 	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg); 
	background-color:#FC0;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	width:100px;
	-webkit-box-shadow: 5px 5px 4px #302d30;
	-moz-box-shadow: 5px 5px4px #302d30;
	box-shadow: 5px 5px 4px #302d30; 
	font-weight:bold;
}