/* HTML and CSS by Travis Repetto 2007 */

/* Global */
*{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
}
html, body{
	border: 0;
	font-size: 12px;
	background-color:#b3c3de;
}
a{
	color: #fa7c00;
	text-decoration: none;
	outline: none;
}
a:hover{
	color: #fa7c00;
	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.gif) no-repeat;
	text-indent: -2000px;
}

/* Nav */
#nav{
	background: #5479b6;
	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: #5479b6;
	border-right: 1px solid #fff;
	padding: 3px 4px 3px 0;
}
#nav a:hover{
	color: #5479b6;
	background: #fff;
	text-decoration: none;
}
#nav a span{
	padding: 0 5px 0 10px;
}

/* Breadcrumb */
#breadcrumb{
	color: #000;
	font-weight: bold;
	padding: 5px 0;
}

/* Content */
#content{
	/*height: 350px;*/
	min-height: 350px;
	border: 2px solid #5479b6;
	background-color: #fff;
}
#contentspacer{
	margin: 10px;
}
#content h2{
	color: #404040;
	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 #5479b6;
}

/* q&a */
#QnAs{
	margin-left: 10px;
	padding-left: 10px;
}
#QnAs li{
	color: #404040;
	font-weight: bold;
	margin-bottom: 10px;
}
#QnAs dd{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#QnAs dt{
	color: #fa7c00;
	margin-bottom: 3px;
	cursor: pointer;
}
#QnAs dt:hover{
	color: #404040;
}
#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: #404040;
	font-size: 14px;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
.registerleft h3{
	color: #fa7c00;
	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: 10px;
	margin-bottom: 15px;
}
.register p{
	color: #404040;
	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: #fa7c00;
	border: 1px solid #fa7c00;
	background: #F6EABB;
}
#pricelist td{
	border: 1px solid #fa7c00;
	padding: 3px 5px;
}
#pricelist .tdhighlight{
	background: #fa7c00;
	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;
}
#courceprice-box {
	position: float: left;
	width: auto;
	/*border: 1px solid #000;  For Testing Purposes */
	/* margin: 135px 0 0 370px; */
	margin: 0px 0 10px 20px;
}
#courceprice-box h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -.5px;
	color: #000;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
#courceprice-box h2 span {
	position: absolute;
	font-size: 30px;
	margin: 0px 0 0 5px;
	color: #ff0000;
}
#footnote {
	float: left;
	width: auto;
	margin: 20px 0 10px 0;
}
#footnote p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin: auto 0 0 10px;
	padding: 0;
	line-height: 1.1em;
}

/* 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 #fa7c00;
	background: #f9ebbb;
	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: transparent url(../images/btn_submit.gif) no-repeat;
	border: 0;
	width: 72px;
	height: 20px;
	margin-left: 400px;
	cursor: pointer;
}
.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: #fa7c00;
	font-size: 14px;
	background: #f9ebbb;
	padding: 3px 0 3px 10px;
}
#contentright p{
	color: #404040;
	padding: 5px 5px 10px 10px;
	font-size: 10px;
}

#commonquestions a {
	color: #FA7C00;
	padding: 5px 5px 10px 10px;
	font-size: 10px;
	font-weight: normal;
}

#commonquestions ul {
	float: left;
	display: block;
	list-style: none;	
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 10px;
}

#commonquestions li {
	margin: 0;
	padding: 0;
}

#commonquestions li.answer {
	margin: 0 0 0 10px;
	padding: 0 6px 0 5px;
	border-left: 2px solid #999;
}

/* 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;
}


/*################################################*?
NEW STYLES 2009
?*################################################*/

#contentright dl{
	padding: 20px 15px 0 15px;
}
#contentright dt{
	color: #73BA24;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 3px;
	cursor: pointer;
}
#contentright dt:hover{
	color: #333;
}
#contentright dt span{
	color: #333;
}
#contentright dd{
	display: none;
	color: #333;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	background: #fff;
	padding: 0 5px;
	margin-bottom: 5px;
	border-left: 2px solid #ccc;
}
.courses dd{
	display: none;
	color: #333;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	background: #fff;
	padding: 0 5px;
	margin-bottom: 10px;
	border-left: 2px solid #ccc;
}
.courses dt{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 5px;
	cursor: pointer;
}
.courses dt:hover{
	color: #333;
}