
html, body {
	margin: 0;
	padding: 0;
	background-color: #ededed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
	text-align: center;
	font-size: 76%;
}
/* in the html the class names are "left column" and "right column", css only needs to match part of the classname, ie "column" */
.column { 
	width: 50%; 
	position: absolute; 
	top: 0; 
	z-index: 10;
} 

.left {left: 0;} 
.right {right: 0;}

.clearBoth {clear:both;}
.leftFloat {float: left;}
.rightFloat {float: right;}

#accessibility {
	position: absolute;
	left: -10000px;
}

#leftcol {
	text-align: right;
	margin-right: 367px; 
	background: #ededed;
	height: 750px;
} 

#rightcol {
	text-align: left;
	margin-left: 372px;
	background: #ededed;
	height: 750px;
}






h1 {
	font-size: 1.4em;
	background: url(../images/pointer.gif) no-repeat left center;
	text-indent: 25px
}

h2 {
	font-family: "Arial Narrow", sans-serif, verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #949599;
	text-align: left;
	margin:0 0 10px 0;
}

h3 {
	font-size:0.8em;
	color:#333333;
	margin:20px 0 -8px 0;
	}

h1, .contentRPanelBody a {
	color: #92ca44;
}

.contentRPanelBody a {
	font-size: 0.95em;
	font-weight: bold;
	background: url(../images/pointerSmall.gif) no-repeat left center;
	text-transform: capitalize;
	display: block;
	padding: 0 0 0 20px;
}

.contentRPanelBody a:hover {
	color: #949599;
	background: url(../images/pointerSmall-grey.gif) no-repeat left center;
}

select {
	margin-bottom: 5px;
}

p, label {
	font-size: 0.9em;
	color: #505050;
	text-align: left;
}

.strongText {
	font-weight: bold;
}


a img {
	border: none;
}

a {
	color:#92CA44;
	}
	
a:hover {
	color:#949599;
	}


#navigation {
	width: 117px;
	margin: 0 auto;
	text-align: right;
	float:right;
}

#navigationTop {
	height: 20px;
	margin: 0 auto;
	background: url(../images/navigation-bg-top.png) no-repeat top center;
	font-size: 0;
}

#navigationBody {
	width: 97px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: right;
	background: url(../images/navigation-bg-body.png) repeat-y;
	float: left;
}

#navigationBottom {
	height: 15px;
	margin: 0 auto;
	background: url(../images/navigation-bg-bottom.png) no-repeat bottom center;
	clear: both;
}

#navigation a {
	font-family: "Arial Narrow", sans-serif, verdana;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #505050;
	background: url(../images/pointerSmall-lightgrey.gif) no-repeat right center;
	padding: 0 20px 0 0;
	line-height: 1.75em;
}

#navigation a:hover {
	color: #949599;
	background: url(../images/pointerSmall-grey.gif) no-repeat right center;
}

#navigation a#currentPage {
	color: #92ca44;
	background: url(../images/pointerSmall.gif) no-repeat right center;
}

#navigation a#currentPage:hover {
	color: #92ca44;
	background: url(../images/pointerSmall.gif) no-repeat right center;
}






.leftPanel {
	width: 210px;
	margin: 0 auto;
	text-align: right;
	clear:both;
	float:right;
}

.leftPanelTop {
	height: 20px;
	margin: 0 auto;
	background: url(../images/leftPanel-bg-top.png) no-repeat top center;
	font-size: 0;
}

.leftPanelBody {
	width: 170px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	text-align: right;
	vertical-align: top;
	background: url(../images/leftPanel-bg-body.png) repeat-y;
	float: left;
}

.leftPanelBottom {
	height: 15px;
	margin: 0 auto;
	background: url(../images/leftPanel-bg-bottom.png) no-repeat bottom center;
	clear: both;
}






#phone {
	width: 178px;
	margin: 0 auto;
	padding: 22px 0;
	text-align: center;
	vertical-align: middle;
	background: url(../images/phone-bg.png) no-repeat;
	clear:both;
	float:right;
} 






#contentTop { 
	width: 744px;
	height: 25px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg-top.png) no-repeat top center;
	z-index: 99;
	position: relative;
	font-size: 0;
}

#contentBody { 
	width: 704px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: left;
	background: url(../images/bg-body.png) repeat-y;
	/*overflow: auto;*/
	z-index: 99;
	position: relative;
}

#contentBottom { 
	width: 744px;
	height: 30px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg-bottom.png) no-repeat bottom center;
	position: relative;
	z-index: 99;
}

#contentFooter { 
	width: 684px;
	height: 27px;
	margin: 0 auto;
	padding: 5px 30px;
	text-align: left;
	background: #ededed url(../images/footer.png) no-repeat bottom center;
	z-index: 99;
	position: relative;
}

#contentFooter ul {
	list-style-type: none;
	float: right;
	margin: 0;
}

#contentFooter li {
	float: left;
	padding: 0;
	margin: 0 0 0 1em;
}
	

#contentFooter img {
	display: block;
}

#contentLSide, #terms {
	width: 450px;
	float: left;
}

#contentRSide {
	width: 250px;
	float: right;
}

#search {
	float: left;
}

.contentRPanel {
	width: 240px;
	margin: 0 auto 15px 0;
	text-align: left;
	clear:both;
	float:right;
}

.contentRPanelTop {
	height: 7px;
	margin: 0 auto;
	font-size: 0;
	background: url(../images/contentRPanel-bg-top.gif) no-repeat top center;
}

.contentRPanelBody {
	width: 210px;
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
	vertical-align: top;
	background: url(../images/contentRPanel-bg-body.gif) repeat-y;
	float:right;
}

.contentRPanelBody h2 {margin-top: 8px;}

.contentRPanelBody p {margin-top: 0;}

.contentRPanelBottom {
	height: 7px;
	margin: 0 auto;
	font-size: 0;
	background: url(../images/contentRPanel-bg-bottom.gif) no-repeat bottom center;
	clear: both;
}

.clearer {
	display: block;
	line-height: 0;
	font-size: 0;
	clear: both;
}


#contentLSide ul.list {
	font-size: 0.8em;
	color:#333333;
	font-weight:bold;
	margin:20px 0;
}

#contentLSide ul.list li{
	margin:0 0 5px 0;
}

#contentLSide ul.list ul{
	font-size:1em;
	margin:10px 0;
	}

#contentLSide dl {
	margin:20px 0;
	font-size: 0.8em;
	color:#333333;
	}
	
#contentLSide dd {
	margin:0 0 10px 0;
	}
	
#contentLSide dt {
	font-weight:bold;
	}
	
#searchBox {
	width: 704px;
	margin: 0 auto 10px auto;
	text-align: right;
	clear:both;
}

#searchBoxTop {
	height: 7px;
	margin: 0 auto;
	background: url(../images/searchBox-bg-top.gif) no-repeat top center;
	font-size: 0;
}

#searchBoxBody {
	width: 674px;
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
	background: url(../images/searchBox-bg-body.gif) repeat-y;
	overflow: hidden;
}

#searchBoxBody fieldset {
	padding: 0;
	margin: 0;
	border: none;
	float: left;
}

#searchBoxBody legend {
	position: absolute;
	left: -10000px;
	font-size: 0;
	line-height: 0;
}

#searchBoxBottom {
	height: 7px;
	margin: 0 auto 5px auto;
	background: url(../images/searchBox-bg-bottom.gif) no-repeat bottom center;
}

#searchBoxBody label {
	font-size: 0.75em;
	margin-right: 5px;
	float: left;
}

#searchBoxBody select{
	width: 100px;
}

.contentRPanelBody fieldset {
	border: none;
	padding: 0;
	margin: 0;
	float: left;
}

.contentRPanelBody legend {
	position: absolute;
	left: -10000px;
	font-size: 0;
	line-height: 0;
}

.contentRPanelBody label {
	font-size: 0.75em;
}

.contentRPanelBody select, .contentRPanelBody input {
	width: 205px;
	margin-bottom: 7px;
}

 .contentRPanelBody input {
 	width: 201px;
 }

#newsletterSignupForm fieldset {
	border: none;
	padding: 0;
	margin: 0;
	float: left;
}

#newsletterSignupForm legend {
	position: absolute;
	left: -10000px;
	font-size: 0;
	line-height: 0;
}

#newsletterSignupForm label {
	font-size: 0.75em;
}

#newsletterSignupForm input {
	width: 165px;
	margin-bottom: 7px;
	border:1px solid #999999;
}

#newsletterSignupForm input.button, .contentRPanelBody input.button {
	width: 92px !important;
	float: right;
	border:0px;
}

form {
	text-align: left;
	overflow: hidden;
}

/* Contact form */
#contact-form label {
	display: block;
	font-size: 0.75em;
}

#contact-form input,
#contact-form textarea,
#contact-form select {
	width: 250px;
	margin-bottom: 7px;
	border:1px solid #999999;
}

#contact-form textarea {
	height: 100px;
	width: 446px;
}

#contact-form input.button {
	background: #FFF;
	padding: 0;
	width: 98px !important;
	float: right;
	border:0px;
}

#contact-form fieldset{
	border: none;
	margin: 0;
	padding: 0;
	float: left;
}

div.vcard{
	color:#505050;
	font-size:0.8em;
	text-align:left;
}


#logo {
	float: left;
}

#headerSplashImg {
	float:right;
	margin-right: -20px;
	margin-bottom: 10px;
}

#search a {
	color:#FFFFFF;
	text-decoration:none;
	}

#search h2 {
	margin-bottom: -15px;
	position: relative;
}

#search div.driver-skills h3 {
	color:#FFFFFF;
	background-color:#3491AE;
	padding:5px;
	margin: 20px 0 0 0;
	border-right:5px solid #FFFFFF;
	}

#search div.compliance h3 {
	color:#FFFFFF;
	background-color:#D09123;
	padding:5px;
	margin: 20px 0 0 0;
	border-right:5px solid #FFFFFF;
	}
	
#search div.health-safety h3 {
	color:#FFFFFF;
	background-color:#AA34AE;
	padding:5px;
	margin: 20px 0 0 0;
	border-right:5px solid #FFFFFF;
	}
	
#search div.service-skills h3 {
	color:#FFFFFF;
	background-color:#A1D023;
	padding:5px;
	margin: 20px 0 0 0;
	border-right:5px solid #FFFFFF;
	}


#search div.administration h3 {
	color:#FFFFFF;
	background-color: #983d66;
	padding:5px;
	margin: 20px 0 0 0;
	border-right:5px solid #FFFFFF;
}

#search div.management h3 {
	color:#FFFFFF;
	background-color: #4db848;
	padding:5px;
	margin: 20px 0 0 0;
	border-right:5px solid #FFFFFF;
}

#search div.vehicle-equipment h3 {
	color:#FFFFFF;
	background-color: #516cca;
	padding:5px;
	margin: 20px 0 0 0;
	border-right:5px solid #FFFFFF;
}

#search div.vehicle-loads h3 {
	color:#FFFFFF;
	background-color: #e55c1b;
	padding:5px;
	margin: 20px 0 0 0;
	border-right:5px solid #FFFFFF;
}

#search ul {
	float:right;
	list-style:none;
	padding:0;
	margin:-38px 0 0 0;
	}
	
#search ul li {
	margin:0 0 0 3px;
	float:left;
	}
	
#search p.location {
	font-weight:bold;
	margin:0 0 20px 0;
	color: #505050;
	}	
	
div.driver-skills p {
	color:#3491AE;
	margin:15px 0 0 0;
	}
	
div.compliance p {
	color:#D09123;
	margin:15px 0 0 0;
	}
	
div.health-safety p {
	color:#AA34AE;
	margin:15px 0 0 0;
	}
	
div.service-skills p {
	color:#A1D023;
	margin:15px 0 0 0;
	}

div.administration p {
	color:#983d66;
	margin:15px 0 0 0;
}

div.management p {
	color:#4db848;
	margin:15px 0 0 0;
}

div.vehicle-equipment p {
	color:#516cca;
	margin:15px 0 0 0;
}

div.vehicle-loads p {
	color:#e55c1b;
	margin:15px 0 0 0;
}

#search table {
	width:100%;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	font-size: 0.8em;
	color: #505050;
	text-align: left;
	vertical-align:top;
	margin:15px 0;
	text-transform:capitalize;
	}
	

#search table td {
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	vertical-align:top;
	}
	
#search table td.column1 {
	width:200px;
	font-weight:bold;
	}
	
#search img.logo {
	float:left;
	margin:10px 10px 5px 0;
	}

#contentLSide img.newsImage {
	float:left;
	margin:10px 10px 5px 0;
	}
	
#contentLSide ul.skills {
	list-style-type:none;
	padding:0;
	margin:10px 0 10px 50px;
	}
	
#contentLSide ul.skills li {
	float:left;
	margin:0 3px 0 0;
	}

/* Course Details */
div#courseDetails h2 {
	color: #FFFFFF;
	padding: 5px;
	margin: 0;
	border-right: 5px solid #FFFFFF;
	background: #CCCCCC;
}

div#courseDetails p {
	margin: 15px 0 0 0;
}

div#courseDetails div {
	margin-top: 15px;
	border: 1px solid #CCCCCC;
	border-top: none;
}

div#courseDetails dl {
	font-size: 0.8em;
	color: #505050;
	margin: 0;
	position: relative;
}

div#courseDetails dt {
	width: 200px;
	font-weight: bold;
	float: left;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-transform: capitalize;
	clear: both;
}

div#courseDetails dd {
	margin-left: 210px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

div#courseDetails dt, div#courseDetails dd {
	padding: 5px;
}

div#courseDetails img.logo {
	float: left;
	margin: 10px 10px 5px 0;
}

div#courseDetails ul {
	float: right;
	list-style: none;
	padding: 0;
	margin: -38px 0 0 0;
}
	
div#courseDetails ul li {
	margin: 0 0 0 3px;
	float: left;
}

div#courseDetails.health-safety h2 {
	background: #AA34AE;
}

div#courseDetails.health-safety p {
	color: #AA34AE;
}

div#courseDetails.driver-skills h2 {
	background: #3491AE;
}

div#courseDetails.driver-skills p {
	color: #3491AE;
}

div#courseDetails.compliance h2 {
	background: #D09123;
}

div#courseDetails.compliance p {
	color: #D09123;
} 

div#courseDetails.service-skills h2 {
	background: #A1D023;
}

div#service-skills.health-safety p {
	color: #A1D023;
}

div#courseDetails.administration h2 {
	background: #983d66;
}

div#courseDetails.administration p {
	color: #983d66;
}

div#courseDetails.management h2 {
	background: #4db848;
}

div#courseDetails.management p {
	color: #4db848;
}

div#courseDetails.vehicle-equipment h2 {
	background: #516cca;
}

div#courseDetails.vehicle-equipment p {
	color: #516cca;
}

div#courseDetails.vehicle-loads h2 {
	background: #e55c1b;
}

div#courseDetails.vehicle-loads p {
	color: #e55c1b;
}

#noResults
{
	margin-bottom: 15px;
}

div.courseLocation {
	margin: 10px 0px;
	border: 1px solid #CCCCCC;
	border-top: none;
}

div.courseLocation dl {
	font-size: 0.8em;
	color: #505050;
	margin: 0px;
	position: relative;
}

div.courseLocation dt {
	width: 200px;
	font-weight: bold;
	float: left;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0px;
	text-transform: capitalize;
	clear: both;
}

div.courseLocation dd {
	margin-left: 210px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

div.courseLocation dt, div.courseLocation dd {
	padding: 5px;
}

div#terms div {
	margin-top: 15px;
	border: 1px solid #CCCCCC;
	border-top: none;
}

div#terms dl {
	font-size: 0.8em;
	color: #505050;
	margin: 0;
	position: relative;
}

div#terms dt {
	width: 200px;
	font-weight: bold;
	float: left;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-transform: capitalize;
	clear: both;
}

div#terms dd {
	margin-left: 210px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

div#terms dt, div#terms dd {
	padding: 5px;
}

#pagination ul
{
	margin : 0px;
	padding: 0px;
}

#pagination li
{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
}

#pagination li.selected
{
	font-weight: bold;
}

div#webDesign {
	width: 684px;
	margin: 5px auto 0 auto;
	text-align: right;
	color: #AAA;
	font-size: 0.7em;
}

div#webDesign a {
	color: #AAA;
}

div#webDesign a:link {
	text-decoration: none;
}

div#webDesign a:visited {
	text-decoration: none;
}

div#webDesign a:hover {
	text-decoration: underline;
}

/* Search Panel */

div.durationPanel {
	overflow: hidden;
}

	div.durationPanel input.searchDurationValue {
		float: left;
		width: 40px;
	}

	div.durationPanel select.serchDurationUnit {
		float: left;
		margin-left: 8px;
		width: 150px;
	}

/* Search Bar */

div.durationBar {
	float: left;
	margin-right: 5px;
	overflow: hidden;
	width: 100px;
}

	div.durationBar input.searchDurationValue {
		float: left;
		width: 20px;
	}

	div.durationBar select.serchDurationUnit {
		float: left;
		margin-left: 2px;
		width: 72px !important;
	}

/* Search Results */

p.description {
	overflow: hidden;
}

	p.description img {
		float: right;
		margin:0 0 10px 10px;
	}