#subtitle{
color: #FF0000;
font-size: 16px;
font-weight: bold;
margin-bottom: 3px;
}
.subprice{
color: #FF0000;
}

#toplist{
float: left;
margin: -130px 0 0 330px;
}

#toplist ul {
text-align:left;
}

#toplist li {
line-height: 18px;
margin-bottom: 3px;
}

/* Global */
*{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
}
html, body{
	border: 0;
	font-size: 12px;
}
a{
	color: #037abc;
	text-decoration: none;
	outline: none;
}
a:hover{
	color: #037abc;
	text-decoration: underline;
}
img{
	behavior: url(iepngfix.htc);
}
blockquote{
	margin-left: 10px;
}

/* Layout */
#container{
	width: 740px;
	margin: 0 auto;
}
#breadcrumb, #footer{
}
.clear{
	clear: both;
	height: 0;
}

/* Header */
#header{
	margin: 20px 0 0 0;
}
#header h1 a{
	width: 740px;
	height: 155px;
	display: block;
	background: transparent url(../images/header.jpg) no-repeat;
	text-indent: -2000px;
}

/* Nav */
#nav{
	background: #037abc;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
#nav ul{
	list-style: none;
}
#nav li{
	float: left;
}
#nav a{
	display: block;
	float: left;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	background: #037abc;
	border-right: 1px solid #fff;
	padding: 3px 4px 3px 0;
}
#nav a:hover{
	color: #037abc;
	background: #fff;
	text-decoration: none;
}
#nav a span{
	padding: 0 5px 0 10px;
}

/* Breadcrumb */
#breadcrumb{
	color: #333;
	font-weight: bold;
	padding: 5px 0;
}

/* Content */
#content{
	/*height: 350px;*/
	min-height: 350px;
	border: 2px solid #037abc;
}
#contentspacer{
	margin: 10px;
}
#content h2{
	color: #333;
	font-size: 14px;
}

/* Content Home */
.contenthome{
	background: transparent url(../images/bg_home.jpg) no-repeat top left;
	width: 735px;
	height: 350px;
	border: 0;
	vertical-align: top;
}
.contenthome #contentspacer{
	margin: 25px;
}
.contenthome h2{
	font-size: 20px;
	font-weight: bold;
	text-align: right;
}
.contenthome p{
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	float: right;
	margin: 5px 0 30px 0;
}
.contenthome a{
	float: right;
	margin-left: 15px;
}
.homenavspacer{
	height: 6px;
}

/* Content Left */
#contentleft{
	width: 550px;
	height: 100%;
	min-height: 350px;
	float: left;
	border: 0px;
	border-right: 2px solid #037abc;
}
#contentleft h1{
	color: #037abc;
	font-size: 18px;
	margin-bottom: 5px;
}
#contentleft h2{
}
#contentleft h3{
	color: #333;
	font-size: 22px;
}
#contentleft h4{
	color: #333;
}
#contentleft p, #contentleft li{
	color: #666;
	line-height: 18px;
	margin-bottom: 10px;
}
#contentleft ul, #contentleft ol{
	margin: 5px 0 5px 20px;
	padding: 5px 0 5px 20px;
}

/* q&a */
#QnAs{
	margin-left: 10px;
	padding-left: 10px;
}
#QnAs li{
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}
#QnAs dd{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#QnAs dt{
	color: #037abc;
	margin-bottom: 3px;
	cursor: pointer;
}
#QnAs dt:hover{
	color: #333;
}
#QnAs dd{
	display: none;
	color: #000;
	font-weight: normal;
	line-height: 18px;
	background: #fff;
	padding: 0 5px;
	margin-bottom: 5px;
	border-left: 2px solid #999;
}
#QnAs dd:first-letter{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

/* register page styles */
.register{
	background: transparent url(../images/bg_register.jpg) no-repeat top right;
}
.registerleft{
	float: left;
	width: 385px;
}
.registerleft h2{
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
}
.registerleft h3{
	color: #037abc;
	font-size: 13px;
	margin-bottom: 10px;
}
.registerleft .courses{
	color: #7F7F7F;
	margin-left: 10px;
	padding-left: 10px;
}
.courses li{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 15px;
}
.courses li:hover{
	color: #333;
}
.register .falselist{
	color: #7F7F7F;
	font-size: 12px;
	margin-bottom: 10px;
}
.register p{
	color: #333;
	font-weight: bold;
	margin: 0 0 10px 20px;
}
.register .large{
	font-size: 15px;
	line-height: 15px;
	letter-spacing: -1px;
	font-weight: bold;
}
.registerright{
	float: left;
	width: 150px;
}
.registerright .idrivesafely{
	margin-top: 20px;
}
.registerright a{
	margin: 0 auto;
}

/* prices page */
#pricelist{
	color: #037abc;
	border: 1px solid #037abc;
	background: #c6ecff;
}
#pricelist td{
	border: 1px solid #037abc;
	padding: 3px 5px;
}
#pricelist .tdhighlight{
	background: #037abc;
	color: #fff;
	font-weight: bold;
}
#pricelist .tdhighlight a{
	color: #fff;
	font-weight: bold;
}
#pricelist .tdwhite{
	background: #fff;
	color: #333;
	font-weight: bold;
}
#pricelist .largetext{
	font-size: 14px;
}

/* service page */
.service{
	padding: 5px 10px;
	line-height: 18px;
}
.service label{
	display: block;
	float: left;
	width: 170px;
	font-weight: bold;
	margin-bottom: 5px;
}
.service .text{
	border: 2px solid #037abc;
	background: #c6ecff;
	font-size: 12px;
}
.service input.text{
	float: left;
	width: 300px;
	margin-bottom: 5px;
}
.service select.text{
	float: left;
	width: 305px;
	margin-bottom: 5px;
}
.service textarea.text{
	width: 470px;
	margin-bottom: 5px;
}
.service div label{
	float: none;
	width: auto;
}
.service .submit{
	background: #c6ecff;
	border: 2px solid #037abc;
	width: 64px;
	margin-left: 410px;
	color: #037abc;
	font-weight: bold;
	cursor: pointer;
}
.service input:hover, .service input:focus, .service select:hover, .service select:focus, .service textarea:hover, .service textarea:focus{
	background: #fff;
}
.service .right{
	float: right;
	width: 100px;
	border: 1px solid red;
	padding-top: 250px;
}

/* inner */
.inner{
	background: transparent url(../images/bg_inner.jpg) no-repeat top right;
}

/* sitemap */
#sitemap dt{
	font-size: 14px;
	font-weight: bold;
}
#sitemap dd{
	margin-bottom: 10px;
}

/* Content Right */
#contentright{
	width: 184px;
	height: 100%;
	float: left;
	border: 0;
}
#contentright h2{
	color: #037abc;
	font-size: 14px;
	background: #c6ecff;
	padding: 3px 0 3px 10px;
}
#contentright p{
	color: #333;
	padding: 5px 5px 10px 10px;
	font-size: 10px;
}

/* Tabs */
ul#tab{
	margin: 30px -10px 20px 0;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #037abc;
	list-style-type: none;
	padding: 0;
}
ul#tab li{
	display: inline;
	border-bottom: 2px solid #fff;
	background-color: #fff;
	line-height: 21px;
}
ul#tab li span{
	background-color: #fff;
	position: relative;
	top: 1px;
	padding: 2px 10px 1px 5px;
	border: 2px solid #037abc;
	color: #f00;
	margin-right: 0px;
	text-decoration: none;
	border-bottom: none;
}

/* Footer */
#footer{
	font-size: 10px;
	text-align: center;
	padding: 10px 0 5px 0;
}
#footer a{
	color: #000;
}

/* Buttons */
.registerbutton, .coursedetailsbutton, .coursepricebutton{
	width: 124px;
	height: 49px;
	display: block;
	text-indent: -2000px;
	background-repeat: no-repeat;
	background-position: top left;
}
* html .registerbutton{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/registerbutton.png');
	cursor: pointer;
}
* html .coursedetailsbutton{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/coursedetailsbutton.png');
	cursor: pointer;
}
* html .coursepricebutton{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/coursepricebutton.png');
	cursor: pointer;
}
.registerbutton[href]{
	background: transparent url(../images/registerbutton.png);
}
.coursedetailsbutton[href]{
	background: transparent url(../images/coursedetailsbutton.png);
}
.coursepricebutton[href]{
	background: transparent url(../images/coursepricebutton.png);
}
.registerbutton[href]:hover, .coursedetailsbutton[href]:hover, .coursepricebutton[href]:hover{
	background-position: bottom left;
}
