@charset "utf-8";
/* CSS Document */

/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}

html, body {height: 100%;}

body {
	background:#ffffff;
	font: 12px/20px Arial, Helvetica, sans-serif; color:#222326;}

strong {font-weight: bold;} 
em {font-style: italic;}
hr {display: none;}
small {font-size:10px;}
:focus {outline: 0;}

.page-container {
	width:960px;
	min-height: 480px;
	height:auto !important;
	margin:0px auto 0px auto;}
	
.left {float:left; overflow:hidden;}
.right {float:right; margin-left:20px; overflow:hidden;}
.columns {overflow:hidden;}
.spacer {
	margin:20px 0px 40px 0px; 
	width:760px; 
	height:80px;
	background:url(images/spacer-bg.png) no-repeat;
	background-position:-160px 0px;}

.w180 {width:180px;}
.w240 {width:240px;}
.w260 {width:260px;}
.w320 {width:320px;}
.w480 {width:480px;}


h1 {font: 14px/24px Arial, Helvetica, sans-serif; color:#21329e; font-weight:bold;}
h2 {font: 12px/24px Arial, Helvetica, sans-serif; color:#21329e; font-weight:bold;}
h3 {font: 12px/24px Arial, Helvetica, sans-serif; color:#21329e; font-weight:bold;}
h4 {font: 12px/24px Arial, Helvetica, sans-serif; color:#222326; font-weight:bold;}
h5 {font: 10px/24px Arial, Helvetica, sans-serif; color:#21329e; font-weight:bold;}

.nav h2 { padding-left:7px; font: 12px/24px Arial, Helvetica, sans-serif; color:#21329e; font-weight:bold;}

a:link {color:#21329e;}
a:visited {color:#21329e;}
a:hover {color:#f17607;}
a:focus {border:0;}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% HEADER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#header {
	width:960px; 
	height:180px; 
	margin:0 auto 0 auto;
	background:url(images/header-bg.jpg) top center no-repeat #0b118b;
	text-align:center;}

.logo {margin-top:35px;}

#header p {
	color:#ffffff; 
	line-height:24px; 
	position:absolute; 
	top:116px; left:50%; 
	margin-left:-200px; 
	width:400px;}
	
#header span { margin-left:94px;}
	
#header a, #header a:link, #header a:hover, #header a:visited {
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration:none;
	line-height:24px;}
	
#header a:link {color:#ffffff;}
#header a:visited {color:#ffffff;}
#header a:hover {color:#21329e;}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% FOOTER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#footer {
	width:920px; 
	height:60px;
	padding:20px 20px 0px 20px;
	margin:0 auto 0 auto;
	background:url(images/footer-bg.jpg) top center repeat-y #0b118b;
	color:#ffffff;
	font-size:11px;
	line-height:18px;
	clear:both;}
	
.footer-nav {list-style:none;}
	
.footer-nav li {display:inline;}
	
		
.footer-nav a:link {color:#ffffff; text-decoration:none;}
.footer-nav a:visited {color:#ffffff; text-decoration:none;}
.footer-nav a:hover {color:#f17607; text-decoration:none;}
	
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% NAVIGATION %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
div.left-nav {
	float:left;
	clear:left;
	width:180px;
	overflow:hidden;}

div.nav {
	background:url(images/subnav-bg.png) bottom center no-repeat;
	width:180px; 
	min-height:320px; 
	height:auto !important; 
	border:0px solid #c5c5c5;
	border-top:0px; 
	margin-right:20px; 
	margin-bottom:20px;
	padding-bottom:5px;}
	
div.sub-nav {
	background:url(images/subnav-white-bg.png) bottom center no-repeat;
	width:170px; 
	min-height:60px; 
	height:auto !important; 
	float:left;
	border:0px solid #c5c5c5; 
	margin-right:20px; 
	margin-bottom:20px;
	clear:left;
	padding:5px;
	line-height:18px;}
	
div.sub-nav h3 {
	margin:-5px -5px 0 -5px;
	height:24px;
	padding:5px 5px 0px 5px;
	background: url(images/subnav-white-bg-top.png) top center no-repeat;}
	
div.sub-nav p {margin-bottom:10px;}

.nav ul {
	list-style:none; margin:0px auto 0px auto; width:170px;}
	
.nav ul ul {
	list-style:none; margin:10px 0px 10px 0px; width:170px; display:block; overflow:hidden;}
	
.nav li {
	width:170px;
	margin-bottom:3px;}
	
	
.nav a, .nav a:link, .nav a:hover, .nav a:visited {
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration:none;
	display:block;
	width:160px;
	height:24px;
	line-height:24px;
	background:url(images/nav-bg.jpg) no-repeat;
	padding-left:10px;}
	
.nav a:link {background-position: 0px 0px; color:#21329e;}
.nav a:visited {background-position: 0px 0px; color:#21329e;}
.nav a:hover {background-position: 0px -24px ; color:#ffffff;}

.nav ul ul a, .nav ul ul a:link, .nav ul ul a:hover, .nav ul ul a:visited {
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration:none;
	display:block;
	width:160px;
	height:24px;
	line-height:24px;
	background:url(images/nav-bg.jpg) no-repeat;
	padding-left:10px;}
	
.nav ul ul a:link {background-position: 0px -24px; color:#ffffff;}
.nav ul ul a:visited {background-position: 0px -24px; color:#ffffff;}
.nav ul ul a:hover {background-position: 0px 0px ; color:#21329e;}

.nav ul ul ul a, .nav ul ul ul a:link, .nav ul ul ul a:hover, .nav ul ul ul a:visited {
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
	display:inline;
	line-height:14px;
	background-image: none;
	padding-left:0px;}

.nav ul ul ul a:link {color:#21329e;}
.nav ul ul ul a:visited {color:#21329e;}
.nav ul ul ul a:hover {color:#ffffff;}

.class-select {width:170px; height:24px; margin:0px 5px 3px 5px;}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.content-container {width:760px; margin-left:200px; min-height:720px;}
.content-container ul {padding-left:20px; margin-bottom:10px;}
.content-container ol {padding-left:20px; margin-bottom:10px; font-weight:bold;}
.content-container p {margin-bottom:10px;}
.content-container ol span { font-weight:normal;}

ul.blank-list {list-style:none; margin:0 0 10px 0; padding:0;}

div.box {
	width:240px;
	padding:10px;
	background:url(images/sidebar-box-bg.png) bottom center no-repeat;
	margin-bottom:5px;}
	
div.box h3 {
	margin:-10px -10px 0 -10px;
	height:24px;
	padding:10px 10px 0px 10px;
	background:url(images/sidebar-box-top.png) top center no-repeat;}
	
p.item { 
	background:url(images/content-break.jpg) bottom center no-repeat;
	padding-bottom:40px;}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Testimonials %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
div.testimonials {
	width:240px; 
	height:230px;
	background:url(images/testimonials-bg.png) top center;
	padding:10px 10px 6px 10px;}

.testimonials p {line-height:16px; margin:0px 0px 10px 0px; padding-left:85px; font-size:11px;}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
a.register-hondros {
	display:block;
	width:605px; height:30px; text-indent:-9999px;
	background:url(images/register-hondros.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;}
a.register-hondros:hover {
	display:block;
	width:605px; height:30px; text-indent:-9999px;
	background:url(images/register-hondros.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;}
		
a.register-returning-students {
	display:block;
	width:303px; height:30px; text-indent:-9999px;
	background: url(images/register-returning.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;}
a.register-returning-students:hover {
	display:block;
	width:303px; height:30px; text-indent:-9999px;
	background: url(images/register-returning.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;}
	
a.register-dearborn {
	display:block;
	width:435px; height:30px; text-indent:-9999px;
	background:url(images/register-dearborn.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;}
a.register-dearborn:hover {
	display:block;
	width:435px; height:30px; text-indent:-9999px;
	background:url(images/register-dearborn.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;}
		
a.register-ce {
	display:block;
	width:268px; height:30px; text-indent:-9999px;
	background: url(images/button-ce-home.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:5px;}
	
a.register-ce:hover {
	display:block;
	width:268px; height:30px; text-indent:-9999px;
	background: url(images/button-ce-home.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:5px;}
a.register-ce.new {
width:240px;
display:inline;
float:right;
height:30px;
background:url(/images/home_ce.png) no-repeat top center!important;	
margin:10px 0;
}	
.left.w480 p em {
clear:both;
float:left;
display:inline;	
margin-top:10px;
}
a.course-license {
	display:block;
	width:339px; height:30px; text-indent:-9999px;
	background: url(images/button-course-license.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:10px;}

a.course-license:hover {
	display:block;
	width:339px; height:30px; text-indent:-9999px;
	background: url(images/button-course-license.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:10px;}
	
a.course-license.new {
	width:240px;
	display:inline;
	float:left;
	background: url(/images/home_cta.png) no-repeat top center!important; 
	margin:10px 0;
}
a.register-basic {
	display:block;
	width:220px; height:30px; text-indent:-9999px;
	background: url(images/button-signup-basic.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:10px;}

a.register-basic:hover {
	display:block;
	width:220px; height:30px; text-indent:-9999px;
	background: url(images/button-signup-basic.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:10px;}
	
a.register-premium {
	display:block;
	width:220px; height:30px; text-indent:-9999px;
	background: url(images/button-signup-premium.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:10px;}

a.register-premium:hover {
	display:block;
	width:220px; height:30px; text-indent:-9999px;
	background: url(images/button-signup-premium.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:10px;}
	
a.register-professional {
	display:block;
	width:220px; height:30px; text-indent:-9999px;
	background: url(images/button-signup-professional.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:10px;}

a.register-professional:hover {
	display:block;
	width:220px; height:30px; text-indent:-9999px;
	background: url(images/button-signup-professional.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:10px;}
	
a.register-online {
	display:block;
	width:220px; height:30px; text-indent:-9999px;
	background: url(images/button-signup-online.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:10px;}

a.register-online:hover {
	display:block;
	width:220px; height:30px; text-indent:-9999px;
	background: url(images/button-signup-online.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:10px;}
	
a.register-course {
	display:block;
	width:180px; height:30px; text-indent:-9999px;
	background: url(images/button-register-course.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;}

a.register-course:hover {
	display:block;
	width:180px; height:30px; text-indent:-9999px;
	background: url(images/button-register-course.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;}
	
a.register-button {
	display:block;
	width:180px; height:30px; text-indent:-9999px;
	background: url(images/button-register-course.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:2px;}

a.register-button:hover {
	display:block;
	width:180px; height:30px; text-indent:-9999px;
	background: url(images/button-register-course.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:2px;}
	
a.learn-more {
	display:block;
	width:180px; height:30px; text-indent:-9999px;
	background: url(images/button-learn-more.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;}

a.learn-more:hover {
	display:block;
	width:180px; height:30px; text-indent:-9999px;
	background: url(images/button-learn-more.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;}
	
h3.collapse-button {
	background:url(images/show-more.png) no-repeat top right #e6e6e6;
	color:#222326;
	margin-top:1px; 
	padding-left:5px;  
	font-size:12px; 
	line-height:24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;}
	
h3.collapse-button.active {
	background:url(images/show-less.png) no-repeat top right #e6e6e6;}
	
a.directions {
	display:block;
	width:191px; height:30px; text-indent:-9999px;
	background: url(images/button-map-directions.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:10px;}

a.directions:hover {
	display:block;
	width:191px; height:30px; text-indent:-9999px;
	background: url(images/button-map-directions.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:10px;}
	
a.alert-me {
	display:block;
	width:220px; height:30px; text-indent:-9999px;
	background: url(images/button-alert-me.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:10px;}

a.alert-me:hover {
	display:block;
	width:220px; height:30px; text-indent:-9999px;
	background: url(images/button-alert-me.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:10px;}
	
a.purchase {
	display:block;
	width:180px; height:30px; text-indent:-9999px;
	background: url(images/button-purchase.png) no-repeat; 
	background-position:0px 0px; overflow:hidden;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;}

a.purchase:hover {
	display:block;
	width:180px; height:30px; text-indent:-9999px;
	background: url(images/button-purchase.png) no-repeat; 
	background-position:0px -30px; overflow:hidden;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Course Index %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */	
.index ul { margin:0px 0px 20px 0px; padding:0px; list-style:none;}
.index li { margin-bottom:7px; border-bottom:1px dotted #CCC;}
.index h2 { 
	background-color:#21329e; 
	color:#ffffff; 
	padding-left:5px; 
	font-size:12px; 
	line-height:24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
	
.index a, .index a:link, .index a:visited, .index a:hover { text-decoration:none;}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Packages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.package { 
	background:url(images/package-bg.png) top center no-repeat #ffffff; 
	width:220px; 
	padding:10px;
	font-size:11px;
	line-height:18px;}	
	
.package div {text-align:center; color:#21329e; font-weight:bold;} 

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% PAGING %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

ul.paging {list-style:none; overflow:hidden; padding-left:0px;}
.paging li {float:left; margin-right:5px;}

.paging li a, .paging li a:link, .paging li a:hover, .paging li a:visited {
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration:none;
	display:block;
	height:24px;
	line-height:24px;
	background:#21329E;
	padding-left:6px;
	padding-right:6px;}
	
.paging li a:link {color:#ffffff;}
.paging li a:visited {color:#ffffff;}
.paging li a:hover {color:#21329E; background:#e6ecf7;}
.paging li a.selected {color:#21329E; background:#e6ecf7;}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Locations List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

ul.locations {list-style:none; overflow:hidden; margin:0px; padding-left:0px;} 
.locations li {float:left; width:340px; height:200px; overflow:hidden; margin-right:20px;}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Media List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
ul.recommended_reading {list-style:none; overflow:hidden; margin:0; padding:0;}
ul.recommended_reading li { width:300px; height:110px; float:left; font-size:12px;}
ul.recommended_reading li a { text-decoration:none;}
ul.recommended_reading img { border:5px solid #dddddd;}

#vlanding.content-container {
	background: url("images/bg-vlanding.png") no-repeat right top transparent;
}
#vlanding h1 {
    color: #0b118b;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 25px;
    padding-top: 25px;
}
#vlanding h2 {
	font-weight: bold;
    font-size: 16px;
    padding-bottom: 25px;
}
#vlanding p {
	font-size: 12px;
	padding-bottom: 25px;
}
#vlanding img {
	cursor: pointer;
	margin-bottom: 30px;
	padding-right: 30px;
}
#vlanding a {
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin-top: 3px;
    text-indent: -9999px;
}
#vlanding a.offer {
    background: url("images/btn-offer.png") no-repeat left top transparent;
    margin-right: 15px;
    width: 375px;
}
#vlanding a.holders {
    background: url("images/btn-holders.png") no-repeat left top transparent;
    width: 299px;
}
.lightbox {
	background: url("images/bg-modal-vlanding.png") repeat left top;
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 9;
}
a.close-vid {
	color: #fff;
	display: none;
    font-size: 11px;
    left: 7px;
    opacity: 0.45;
    position: absolute;
    text-decoration: none;
    top: 0;
    z-index: 99;
}
.video {
	display: none;
	height: 225px;
	position: relative;
	width: 400px;
}