/* CSS Document */
body{
	background:#EFEEEB url(/Images/bkgd_diagonal.gif) repeat fixed;
	margin:0;
}
/* START font styles */
body, div, p, li, table, span, h1, h2, h3, h4, h5, h6{	/*a, td,*/
	color:#585756;
	font-family:helvetica,arial,sans-serif;
	/*font-size:15px;
	line-height:20px;*/
}
p, h2, h3, h4, h5, h6{	/*li,*/
	margin:0 0 10px 0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	letter-spacing:-1px;
}
h1{
	font-size:24px;
	line-height:24px;
}
h2{
	font-size:24px;
	line-height:24px;
	padding:10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #DDD;
}
h3{
	font-size:13px;
	line-height:17px;
	letter-spacing:normal;
	font-weight:normal;
}
h4{
	font-size:24px;
	line-height:24px;
	padding:0 0 7px 0;
	margin:0;
	color:#FEB835;
}
h4 a{
	font-size:15px;
	text-decoration:underline;
	color:#FEB835;
	padding:0 0 0 5px;
}
h5{
	font-size:24px;
	line-height:24px;
	padding:0 0 7px 0;
	margin:0;
	color:#3F96BA;
}
hr{
	background:#FFF;
	border-bottom:2px solid #FFF;
	border-top:1px dotted #3097B9;
	border-left:0;
	border-right:0;
	color:#FFF;
	height:4px;
}
a{
	color:#5890AA;
	text-decoration:none;
}
a:hover{
	color:#5890AA;
	text-decoration:underline;
}
img{
	border:0;
}
/* END font styles */
.clear{
	clear:both;
	height:0;
}
.content{
	font-size:13px;
}
#page{
	width:750px;
	padding:0 10px 10px 10px;
	background:#FFF;
	margin:0 auto;
}
/* START eyebrow */
#page #eyebrow{
	display:block;
	padding:5px 0 2px 0;
	margin:0 0 5px 0;
	background-color:#e8eced;
	text-align:right;
	height:22px;
	overflow:hidden;
	vertical-align:middle;
}
#page #eyebrow #logged-out{
	float:left;
}
#page #eyebrow #logged-in{
	padding:0 0 0 10px;
	color:#3097B9;
	font-size:13px;
	float:left;
}
#page #eyebrow #logged-in a{
	color:#385989;
	font-size:13px;
	text-decoration:none;
}
#page #eyebrow #link{
	padding:4px;
}
#page #eyebrow #link a{
	font-size:12px;
	line-height:15px;
	color:#585754;
	padding:4px;
	letter-spacing:-1px;
}
#page #eyebrow #link a:hover{
	text-decoration:none;
}
#page #eyebrow #logged-out p{
	display:inline;
	padding:0 0 0 7px;
	margin:0;
	color:#385989;
}
#page #eyebrow a{
	font-size:12px;
	line-height:12px;
	color:#385989;
	text-decoration:none;
	padding:4px;
}
#page #eyebrow a:active,
#page #eyebrow a:hover{
	text-decoration:none;
	color:#385989;
	background:#d3dadc;
}
#page #eyebrow input{
	font:13px helvetica,arial,sans-serif;
	background:#FFF;
	border:1px solid #B0C1C5;
	border-bottom-width:2px;
	color:#3097B9;
	margin:0 2px;
	width:110px;
	margin-left:6px;
}
#spanPassword{
	color:#3097B9;
	font:13px helvetica,arial,sans-serif;
	margin:-2px 0 0 -129px;
	top:11px;
	width:70px;
	z-index:1000;
}
#page #eyebrow .loginbutton{
	font-family:helvetica,arial,sans-serif;
	font-size:13px;
	background:#3097B9;
	border:1px solid #385989;
	border-bottom-width:2px;
	color:#FFF;
	width:50px;
	padding:0 2px;
	margin-left:6px;
}
/* END eyebrow */
/* START navbar */
#page #nav-top{
	background:#E8ECED;
	padding:5px 5px 0 5px;
	margin:0 0 5px 0;
	color:#FFF;
	border-bottom:8px solid #FFF;
	float:left;
	width:740px;
}
#page #nav-top a{
	font-size:13px;
	line-height:20px;
	color:#385989;
	padding:4px 35px 4px 8px;
	margin-right:3px;
	background:#d3dadc;
	display:block;
	float:left;
	text-decoration:none;
	font-weight:normal;
}
#page #nav-top a:hover{
	background:#FFF;
}
#page #nav-top a.current{
	background:#FFF;
	color:#385989;
}
#page #nav-top a:hover.current{
	background:#FFF;
	color:#3d6678;
}
#page #nav-top p{
	display:inline;
	padding:0;
	margin:0;
	color:#FFF;
}
#page #nav-top input{
	background:#9eb9c4;
	border-width:0;
	color:#FFF;
	margin-left:4px;
	width:114px;
}
#page #nav-sub{
	width:750px;
	padding:0 0 5px 0;
	margin:0;
	border-bottom:dashed 1px #3097B9;
	display:block;
}
#page #nav-sub a{
	color:#3097B9;
	font-size:13px;
	padding:0 20px 0 13px;
	margin:0;
	text-decoration:none;
	font-weight:bold;
	display:inline;
	background:url(/Images/icon_arrow_nav_sm.gif) no-repeat 0 2px;
}
#page #nav-sub a:hover{
	color:#355059;
	text-decoration:underline;
}
/* END navbar  */
/* START nav-bot  */
.nav-bot ul{
	padding:10px 0 15px 0;
	margin:0;
}
.nav-bot li{
	color:#3097B9;
	font-size:19px;
	font-weight:normal;
	padding:0 20px 10px 20px;
	margin:0;
	letter-spacing:-1px;
	background:url(/Images/icon_arrow_nav_big.gif) no-repeat 1px 3px;
	list-style:none;
}
.nav-bot a{
	color:#3097B9;
	font-size:19px;
	padding:0;
	margin:0;
	text-decoration:underline;
}
.nav-bot a:hover{
	color:#104D7E;
	text-decoration:underline;
}
.nav-bot-sm ul{
	padding:10px 0 15px 0;
	margin:0;
}
.nav-bot-sm li{
	color:#3097B9;
	font-size:16px;
	font-weight:normal;
	padding:0 20px 6px 15px;
	margin:0;
	letter-spacing:-1px;
	background:url(/Images/icon_arrow_nav_sm.gif) no-repeat 1px 3px;
	list-style:none;
}
.nav-bot-sm a{
	color:#3097b9;
	font-size:16px;
	padding:0;
	margin:0;
	text-decoration:underline;
}
.nav-bot-sm a:hover{
	color:#104D7E;
	text-decoration:underline;
}
/* END nav-bot  */
/* START content columns  */
#page #header{
    background:#508ca6 url(/Images/hdr_main.jpg) no-repeat;
    height:105px;
    padding:0;
    margin:0 0 3px 0;
    text-align:left;
    color:#FFF;
    font-size:49px;
    font-weight:bold;
    letter-spacing:-4px;
}
#content-area{
	background:#FFF;
	padding:0;
	margin:0;
}
#content-column{
	width:750px;
	margin:0 0 7px 0;
}
#content-area .column-full{
	float:left;
	font-size:15px;
	line-height:20px;
	width:750px;
	padding:0;
}
#content-area .column-left{
	float:left;
	font-size:15px;
	line-height:20px;
	width:490px;
	padding:0;
}
#content-area .column-left #header-left{
	height:139px;
	padding:0;
    background-color:#E8ECED;
    background-repeat:no-repeat;
	width:auto
}
#content-area .column-left-half{
	float:left;
	width:370px;
	padding:0;
}
#content-area .column-right-half{
	float:right;
	width:370px;
	padding:0;
}

#content-area .column-left-help{
	float:left;
	width:350px;
	padding:0;
}

#content-area .column-right{
	float:right;
	font-size:15px;
	line-height:20px;
	width:250px;
}
#content-area .column-right .col-sponsor{
	width:100%;
	margin:0;
	padding:0;
}
#content-area .column-right .col-sponsor-top{
	font-size:13px;
	color:#385989;
	padding:10px 0 10px 8px;
	margin:0;
    background:#D1EAF2 url(/Images/col-rt-sponsor-top.gif) no-repeat top left;
	border-bottom:1px #FFF solid;
}
#content-area .column-right .logo{
	color:#385989;
	padding:10px 0 10px 10px;
	margin:0;
    background-color:#D1EAF2;
	border-bottom:1px #FFF dashed;
	width:auto;
}
#content-area .column-right .col-sponsor-bot{
	font-size:13px;
	color:#385989;
	padding:0;
	margin:0;
    background:#D1EAF2 url(/Images/col-rt-sponsor-bot.gif) no-repeat bottom left;
	height:15px
}
#content-area .column-right .col-yellow{
	width:100%;
	margin:0;
}
#content-area .column-right .col-yellow-top{
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#3097B9;
	padding:10px 0 4px 8px;
	margin:0;
    background:#FFF8C7 url(/Images/col-rt-yellow-top.gif) no-repeat top left;
}
#content-area .column-right .col-yellow-mid div{
	font-size:13px;
	line-height:15px;
	color:#585756;
	padding:10px 10px 3px 10px;
	margin:0;
    background-color:#FFF8C7;
}
#content-area .column-right .col-yellow-mid img{
	margin-bottom:13px;
}
#content-area .column-right .col-yellow-bot{
	font-size:13px;
	color:#FFF8C7;
	padding:0;
	margin:0;
    background:#FFF8C7 url(/Images/col-rt-yellow-bot.gif) no-repeat bottom left;
	height:4px
}
#ttl-small{
	font-size:13px;
	line-height:17px;
	letter-spacing:normal;
	font-weight:normal;
	padding:10px 0 4px 0;
	margin:0 0 8px 0;
	border-bottom:1px solid #DDD;
}
#ttl{
	padding:10px 0 4px 0;
	margin:0 0 12px 0;
	border-bottom:1px solid #DDD;
	display:block;
}
#ttl h1{
	padding:0 0 4px 0;
	margin:0;
	font-size:24px;
	letter-spacing:-1px;
	border-bottom:none;
}
#ttl h2{
	padding:0 0 4px 0;
	margin:0;
	font-size:24px;
	letter-spacing:-1px;
	color:#3F96BA;
	border-bottom:none;
}
#ttl h3{
	padding:0;
	font-size:13px;
	line-height:17px;
	letter-spacing:normal;
	font-weight:normal;
	margin:0;
}
#ttl p{
	padding:0 0 4px 0;
	margin:0;
	font-size:15px;
}
#ttl a{
	color:#7F7E7D;
	float:right;
	display:inline;
	font-weight:bold;
	padding:4px 0 0 13px;
	background:url(/Images/icon_arrow_nav_sm_gray.gif) no-repeat 1px 10px;
	letter-spacing:-1px;
}
.steps{
	color:#FFA600;
	font-weight:bold;
}
/* END content columns  */
/* START dashboard */
#dashboard{
	padding:0;
	margin:0;
}
#dashboard #ttl{
	padding:5px 0 0 0;
	margin:0;
	border-bottom:none;
	border-bottom:1px solid #DDD;
	float:left;
}
#dashboard #ttl h1{
	padding:0 10px 5px 0;
	margin:0;
	font-size:24px;
	line-height:24px;
	letter-spacing:-1px;
	float:left;
}
#dashboard #ttl a{
	color:#3e9ebe;
	font-weight:normal;
	float:left;
	padding:4px 0 0 10px;
	letter-spacing:0;
	text-decoration:underline;
	background:none;
}
#dashboard #ttl a:hover{
	color:#3E9EBE;
	text-decoration:none;
}
#dashboard h2{
	padding:20px 0 5px 0;
	margin:0 0 5px 0;
	font-size:22px;
	line-height:24px;
	letter-spacing:-1px;
	border-bottom:1px dashed #FFA600;
	color:#3E9EBE;
}
#dashboard h3{
	padding:10px 10px 5px 0;
	margin:0;
	font-size:22px;
	line-height:22px;
	letter-spacing:-1px;
	/*display:inline;
	float:left;*/
	font-weight:bold;
}
#dashboard h3 a{
	color:#3E9EBE;
	font-size:15px;
	font-weight:normal;
	padding:4px 0 0 5px;
	background:none;
	text-decoration:underline;
	letter-spacing:0;
}
#dashboard h3 a:hover{
	text-decoration:none;
}
#dashboard .regbutton{
	font-family:helvetica,arial,sans-serif;
	font-size:13px;
	background:#3097B9;
	border:1px solid #385989;
	border-bottom-width:2px;
	color:#FFF;
	width:70px;
	padding:0 2px;
}
/* END dashboard */
/* START alerts  */
.alert-enrolled-y{
	padding:0 0 10px 22px;
	background:url(/Images/alert_enrolled_y.gif) no-repeat 1px 2px;
	letter-spacing:-1px;
	font-size:16px;
	color:#3097B9;
}
.alert-enrolled-n{
	padding:0 0 10px 22px;
	background:url(/Images/alert_enrolled_n.gif) no-repeat 1px 2px;
	letter-spacing:-1px;
	font-size:16px;
	color:#3097B9;
}
.alert-completed{
	padding:0 0 10px 22px;
	background:url(/Images/alert_star_yellow.gif) no-repeat 1px 1px;
	letter-spacing:-1px;
	font-size:16px;
	color:#3097B9;
}
.alert-congratulations{
	padding:10px 0 10px 22px;
	background:url(/Images/alert_green_check.gif) no-repeat 1px 12px;
	letter-spacing:-1px;
	font-size:16px;
	color:#3097B9;
}
.alert-enrolled-y a,
.alert-enrolled-n a,
.alert-completed a,
.alert-congratulations a,
.alert-warning a{
	letter-spacing:-1px;
	font-size:16px;
	color:#3097B9;
	text-decoration:underline
}
.alert-enrolled-y a:hover,
.alert-enrolled-n a:hover,
.alert-completed a:hover,
.alert-congratulations a:hover,
.alert-warning a:hover{
	color:#3097B9;
	text-decoration:none
}
.alert-info{
	padding:0 0 10px 22px;
	background:url(/Images/alert_enrolled_y.gif) no-repeat 1px 2px;
	letter-spacing:-1px;
	font-size:16px;
	color:#3097B9;
}
.alert-warning{
	padding:0 0 10px 22px;
	background:url(/Images/alert_enrolled_y.gif) no-repeat 1px 2px;
	letter-spacing:-1px;
	font-size:16px;
	color:#3097B9;
}
/* END alerts  */
/* START courses  */
.course-level{
	background-color:#DFF6FD;
	padding:0;
	margin:0 0 10px 0;
}
.course-level a{
	cursor:pointer;
}
.course-level h1{
	color:#666;
	font-size:22px;
	line-height:22px;
	padding:0 0 3px 0;
	margin:0;
	letter-spacing:-1px;
}
.course-level p{
	color:#666;
	font-size:15px;
	line-height:20px;
	padding:0;
	margin:0;
}
.course-level a .bl{background:url(/Images/course-bl.gif) 0 100% no-repeat #DFF6FD; width:370px;}
.course-level a .br{background:url(/Images/course-br.gif) 100% 100% no-repeat;}
.course-level a .tl{background:url(/Images/course-tl.gif) 0 0 no-repeat;}
.course-level a .tr{background:url(/Images/course-tr.gif) 100% 0 no-repeat; padding:15px;}
.course-level a:hover .bl{background:url(/Images/course-bl-on.gif) 0 100% no-repeat #CDE1E9; text-decoration:none; width:370px;}
.course-level a:hover .br{background:url(/Images/course-br-on.gif) 100% 100% no-repeat;}
.course-level a:hover .tl{background:url(/Images/course-tl-on.gif) 0 0 no-repeat;}
.course-level a:hover .tr{background:url(/Images/course-tr-on.gif) 100% 0 no-repeat; padding:15px;}
/* END courses  */
/* START screencast */
.screencast{
	background-color:#DFF6FD;
	padding:0;
	margin:0 0 10px 0;
}
.screencast a{
	cursor:pointer;
}
.screencast h1{
	color:#666;
	font-size:18px;
	line-height:20px;
	padding:0 0 3px 0;
	margin:0;
	letter-spacing:-1px;
}
.screencast p{
	color:#666;
	font-size:13px;
	line-height:16px;
	padding:0;
	margin:0;
}
.screencast a .bl{background:url(/Images/course-bl.gif) 0 100% no-repeat #DFF6FD; width:350px;}
.screencast a .br{background:url(/Images/course-br.gif) 100% 100% no-repeat;}
.screencast a .tl{background:url(/Images/course-tl.gif) 0 0 no-repeat;}
.screencast a .tr{background:url(/Images/course-tr.gif) 100% 0 no-repeat; padding:10px;}
.screencast a:hover .bl{background:url(/Images/course-bl-on.gif) 0 100% no-repeat #CDE1E9; text-decoration:none; width:350px;}
.screencast a:hover .br{background:url(/Images/course-br-on.gif) 100% 100% no-repeat;}
.screencast a:hover .tl{background:url(/Images/course-tl-on.gif) 0 0 no-repeat;}
.screencast a:hover .tr{background:url(/Images/course-tr-on.gif) 100% 0 no-repeat; padding:10px;}
/* END screencast */
/* START registration*/
#registration{
	padding:15px;
	margin:0;
	background-color:#FFF8C7;
}
#registration h1{
	padding:0 0 5px 0;
	margin:0;
	font-size:24px;
	line-height:24px;
	letter-spacing:-1px;
}
#registration p{
	padding:0 0 10px 0;
	margin:0;
	font-size:15px;
	line-height:15px;
}
#registration .req{
	color:#FFA600;
	font-weight:bold;
}
.regbutton{
	font-family:helvetica,arial,sans-serif;
	font-size:13px;
	background:#3097B9;
	border:1px solid #385989;
	border-bottom-width:2px;
	color:#FFF;
	width:125px;
	padding:0 2px;
}
.blue{
	color:#3097B9;
}
/* END registration */
/* START dashboard */
.profile{
	padding:10px;
	margin:0;
	background-color:#FFF8C7;
}
.profile h1{
	padding:0;
	margin:0 0 3px 0;
	font-size:12px;
	line-height:12px;
	color:#3F96BA;
}
.profile h2{
	padding:0;
	margin:0 0 10px 0;
	font-size:15px;
	line-height:17px;
	border-bottom:none;
	font-weight:normal;
}
/* END dashboard  */
/* START quiz */
#quiz{
	padding:10px;
	margin:0;
}
#quiz #ttl{
	padding:10px 0 4px 0;
	margin:0 0 12px 0;
	border-bottom:1px solid #DDD;
	width:750px;
}
#quiz #ttl h1{
	padding:0 0 4px 0;
	margin:0;
	font-size:24px;
	letter-spacing:-1px;
	border-bottom:none;
	color:#3F96BA;
}
#quiz #ttl h2{
	padding:0 0 4px 0;
	margin:0;
	font-size:24px;
	letter-spacing:-1px;
	color:#585756;
	border-bottom:none;
}
#quiz ol div{
	font-weight:bold;
}
#quiz ol p{
	padding:6px 0 10px 0;
	margin:0;
}
#quiz input{
	padding:0 10px 0 10px;
	margin:0 5px 0 0;
}
#quiz-alert{
	background-color:#FFF8C7;
	padding:10px;
	margin:0;
}
#quiz-alert h1{
	padding:20px 0 0 0;
	margin:0;
	font-size:24px;
	line-height:24px;
	letter-spacing:-1px;
	border-bottom:none;
	color:#585756;
}
#quiz-alert p{
	padding:0 0 6px 0;
	margin:0;
}
/* END quiz  */
/* START enroll */
#enroll{
	background-color:#FFF8C7;
	padding:15px;
	margin:0;
}
#enroll h1{
	padding:0 0 15px 0;
	margin:0;
	font-size:24px;
	line-height:24px;
	letter-spacing:-1px;
	border-bottom:none;
	color:#585756;
}
#enroll p.blue{
	color:#3097B9;
	font-size:16px;
	letter-spacing:-1px;
	line-height:19px;
}
#enroll h4{
	font-size:16px;
	padding:0 0 6px 22px;
	margin-left:20px;
	background:url(/Images/alert_green_check.gif) no-repeat 1px 4px;
	letter-spacing:-1px;
	font-size:16px;
	color:#3097B9;
}
/* END enroll*/
/* START tables  */
table.list{
	padding:0;
	margin:0 0 10px 0;
	width:100%;
	text-align:left;
	vertical-align:middle;
	font-size:15px;
	line-height:15px;
}
table.list a{
	color:#585756;
	text-decoration:none
}
table.list  a:hover{
	color:#585756;
	text-decoration:underline
}
table.list td{
	padding:5px 8px;
	border-bottom:1px dashed #5BBFE7;
}
table.list th{
	padding:3px 8px;
	font-size:11px;
	color:#3097B9;
	text-transform:uppercase;
	background-color:#FFF;
	border-bottom:1px dashed #5BBFE7;
}
table.list th a{
	padding:3px 8px;
	font-size:11px;
	color:#3097B9;
	text-transform:uppercase;
	background-color:#FFF;
	text-decoration:underline;
}
table.list tr.yellow th{
	padding:3px 8px;
	font-size:13px;
	color:#FFA600;
	background-color:#FFF;
	border-bottom:1px dashed #5BBFE7;
	text-transform:none;
}
table.list tr.yellow th a{
	padding:3px 8px;
	font-size:13px;
	color:#FFA600;
	text-transform:none;
	text-decoration:underline;
}
table.list tr.big-w{
	background-color:#FFF
}
table.list tr.big-b{
	background-color:#E8F6FC
}
table.list div.small{
	font-size:13px;
	line-height:16px;
	padding-left:20px;
}
table.list div.small a{
	font-size:13px;
	line-height:16px;
	color:#3097B9;
	text-decoration:underline
}
table.list div.small a:hover,
table.list td.small a:hover{
	text-decoration:none
}
table.list td.small{
	padding-left:20px;
	font-size:13px;
	line-height:16px;
	background-color:#FFF
}
table.list div.small-passed{
	padding-left:20px;
	font-size:13px;
	line-height:16px;
	background:url(/Images/alert_green_check.gif) no-repeat -1px 2px;
}
/*-------------------*/
table.reg{
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
	vertical-align:middle;
	font-size:15px;
	line-height:17px;
	color:#585756;
}
table.reg td{
	padding:4px 6px;
	border-top:1px dashed #5BBFE7;
}
/* END tables  */
/* START footer  */
#page #footer{
	clear:both;
	display:block;
	height:34px;
	background:url(/Images/footer_bg.jpg) top no-repeat;
	padding:0;
	font-size:12px;
	margin:20px 0 7px 0;
}
#legal{
	background:#F7F6F5;
	display:block;
	padding:10px;
	font-size:10px;
	line-height:13px;
	color:#A7A6A5;
	margin:0;
}
#legal p{
	margin:0;
	font-size:inherit;
	line-height:inherit;
	color:inherit;
}
/* END footer  */

