html { overflow-y:scroll; } body { margin:0; padding:0; height:100%; background: #261b0f; } #outerwrap { overflow:hidden; width: 100%; background: url(/Assets/skin/bg-top.jpg) repeat-x 0 0; } #outerwrap.welcome { overflow:hidden; width: 100%; background: url(/Assets/skin/welcome-bg-top.jpg) repeat-x 0 0 }  #wrap { margin: 0 auto; width:960px; background: #f8f3e5; }   #header { width:963px; height:248px; background-image:url(/Assets/skin/banbg.jpg); background-repeat:repeat-x; background-position:top left; position:absolute; top:0px; z-index:2; } .welcome #header { background-image:url(/Assets/skin/frontbanbg.jpg); height:400px; } #header img.logo { position:absolute; left:0; border: 0; } #header img.feature { position:absolute; right:40px; top:91px; } .welcome #header img.feature { top:105px; } #header h1 p { margin:0; padding:0; } #header h1 { position:absolute; top:137px; left:60px; font-size:31px; color:#fff; font-family: GraublauWeb Regular, Arial Narrow, Helvetica, Arial, Sans-Serif; margin:0; padding:0; } .welcome #header h1 { margin-top:30px; line-height:45px; font-size:36px; } #header .nav ul { font-family: Helvetica, Arial, Sans-Serif; font-size:13px; letter-spacing: -1px; font-weight:bold; list-style:none; margin:0; padding:10px 0 0 400px; } #header .nav ul ul { display:none; } #header .nav li { float:left; padding-left:20px; } #header .nav ul li a { color:#333; text-decoration:none; display:block; height:40px; float:left; } #header .nav ul li.active a, #header .nav ul li a:hover { color:#BD6F59; background-image:url(/Assets/skin/menustar.jpg); background-repeat:no-repeat; background-position:center bottom; } #welcomemain {width:50%;} #welcomefeature {width:50%;float:right;}   #content { position:relative; top:0px; margin:0; padding-top:252px; z-index:1; width:100%; background-image:url(/Assets/skin/pagebg.jpg); } .welcome #content { padding-top:370px; } #content div.gutter { margin:0 100px 60px 80px; font-family:Sans-Serif; font-size:12px; } .welcome #content div.gutter { margin:0 0 60px 0; }   .subcolumns { width:100%; overflow:hidden; } .c50l { float:left } .c50r { width:50%;float:right; margin-left:-5px; }   #contactform div {margin:1.5em 0;position:relative} #contactform label.long {text-align:left} #contactform label {float:left;margin-right:1em;text-align:right;width:70px} #contactform input, #contactform textarea {font-size:11px;border:solid 1px #999;} #contactform input[type=text] {width:170px} #contactform label.error {font-size:10px;float:right;color:Red;position:relative;bottom:0;text-align:left;width:80px} #contactform input.error {border-color:Red} #contactform input.submit {margin-left:7.5em;}   #footer {width:100%;background:#261b0f url(/Assets/skin/footer-bg.jpg) repeat-x 0 0;color:#F8F2E3;font-family:Sans-Serif;font-size:11px;overflow:hidden;padding:40px 0;} #footer div.gutter {margin:0 auto;width:960px;} #footer p {float: left;margin-left:10px;} #footer a {color:#A9644F;} #footer img {border:none;} #footer .login input {width:135px;height:16px;background-image:url(/Assets/skin/pagebg.jpg);} #footer .login label {width:60px;} #footer div.login {float: right;width:270px;padding: 0;} #footer .copyright {padding-left:10px;}   h1,h2,h3,h4 { font-family:GraublauWeb Regular, Arial Narrow, Sans-Serif; } h1 { color:#BD6F59; margin:0 0 10px 0; padding:0; font-size:25px; font-weight:normal; } h2 { color:#7ABAC9; font-size:20px; font-weight:bold; margin:0 0 10px 0; padding:0 0 4px 0; background-image:url(/Assets/skin/hdash.jpg); background-repeat:repeat-x; background-position:bottom left; } h2 a, h3 a { color: #7ABAC9; text-decoration: none; } h2 a:hover, h3 a:hover { color: #BD6F59; } h3 { font-size:16px; } h4 { font-size:13px; } .welcome h1 { font-size:35px; } .welcome h2 { color:#BD6F59; margin:0 0 10px 0; padding:0; font-size:25px; font-weight:normal; background:none; } .welcome h3 { color:#BD6F59; font-size:20px; font-weight:bold; margin: 0; padding: 0; } .welcome h3.alt { color:#7ABAC9; width: 460px; } .welcome p.alt { width: 460px; } .welcome p.big { font-size:18px; }   .welcome .featureblock { float:right; padding: 0 40px; width:400px; } .welcome select { width:240px; } .welcome .featureblock h2 { margin:0 0 10px 0; } .welcome .featureblock h4 { color:#336699; margin:5px 0 0 0; } .welcome .featureblock p { margin-top:0; } .welcome .featureblock td.box { padding: 15px; } .welcome div.homeblocks { clear:both; width:950px; height:140px; } .welcome .homeblocks div.block { float:left; margin:0 15px 0 0; background-position:left top; background-repeat:no-repeat; width:222px; height:117px; } .welcome .homeblocks div.block p { margin:60px 20px 0 20px; } .welcome .homeblocks div.browse { background-image:url(/Assets/skin/browseblock.jpg); } .welcome .homeblocks div.register { background-image:url(/Assets/skin/registerblock.jpg); } .welcome .homeblocks div.view { background-image:url(/Assets/skin/viewblock.jpg); } .welcome .homeblocks div.cecredit { background-image:url(/Assets/skin/cecreditblock.jpg); } ul.courses { list-style-image: url(/Assets/skin/refmark.jpg); padding-right: 160px; } ul.courses li { padding-left:5px; margin-bottom:20px; } div.course { margin-bottom:20px; } div.course p { background-image:url(/Assets/skin/refmarkforwhite.jpg); background-position:left top; background-repeat:no-repeat; padding-left:20px; } div.course p.selected { background-position:5px 12px; padding-top:10px; padding-bottom:10px; padding-right:20px; border: 3px solid #f8f3e5; } ul.confirmCoupons { list-style:none; margin:0; padding:0; } #ccHelp { display:none; left:280px; top:-250px; width:360px; position:absolute; background-color:white; border:2px solid black; } #ccHelp p { margin:15px; } #ccHelp p.image { height:149px; background-image:url(/Assets/skin/ccHelp.gif); background-repeat:no-repeat; background-position:top left; }   .form p, .login p, .profile p { padding:0; margin:0 0 3px 0; } .form label, .login label, .profile label { display:inline-block; width:120px; } .form input, .login input, .profile input { background-color:#f6f6f6; border:1px solid #ccc;  } .login input[type=text], .login input[type=password], .profile input[type=text], .profile input[type=password] { width:175px; } a.action, a.next, a.cancel, .login a.action, .profileForm a.action { display:inline-block; margin: 10px 0 0 0; padding: 5px 0 0 0; text-align: center; text-decoration: none; height: 20px; width: 100px; color: #346697; background: url(/assets/skin/button-bg.gif) no-repeat top left; } .login a.forgot { padding-left: 23px; } button.action, button.cancel, button.next { padding-left:15px; padding-right:15px; margin-right:10px; cursor:pointer; } .login a.action, .profileForm a.action, .forgotPasswordForm a.action { display:none; } .login button.action, .profileForm button.action .forgotPasswordForm button.action { margin: 10px 0 0 0; } a.next,a.cancel { margin-right: 10px; } #footer .login a.action { display:block; padding: 0; margin-left: 60px; width:142px; height: 25px; background:url(/Assets/skin/footerloginbtn-bg.jpg) no-repeat 0 0; } #footer .login a:hover.action { background:url(/Assets/skin/footerloginbtn-bg.jpg) no-repeat 0 -25px; } #footer .login a.forgot { padding:none; display:block; margin:10px 0 0 35px; } #footer .login button.action { display:none; } #footer .login a.action span { display:none; } #footer .login a.action img { } p.error { color: Red; } #footer .login p.error { margin:15px 0 0 50px; font-weight:bold; color: White; } label.error { font-size:.9em; color:Red; padding-left:5px; } label em { font-size:1.3em; font-weight:bold; float:right; color:#900; } .box label.error { font-weight:normal; color:red; display:block; }   table.box { background-image: url(/Assets/skin/boxbg.jpg); border-collapse:collapse; margin-bottom:20px; } .box tr.top, .box tr.bottom, .box tr.top td, .box tr.bottom td { height:5px; background-image:url(/Assets/skin/boxt.jpg); background-repeat:repeat-x; background-position:top; margin:0; padding:0; } .box tr.bottom, .box tr.bottom td { background-image:url(/Assets/skin/boxb.jpg); background-position:bottom; } .box td.left, .box td.right { width:5px; background-image:url(/Assets/skin/boxl.jpg); background-repeat:repeat-y; background-position:left; margin:0; padding:0; } .box td.right { background-image:url(/Assets/skin/boxr.jpg); background-position:right } .box tr.top td.left, .box tr.bottom td.left { width:5px; background-image:url(/Assets/skin/boxtl.jpg); background-repeat:no-repeat; background-position:left top; margin:0; padding:0; } .box tr.bottom td.left { background-image:url(/Assets/skin/boxbl.jpg); background-position:left bottom; } .box tr.top td.right, .box tr.bottom td.right { width:5px; background-image:url(/Assets/skin/boxtr.jpg); background-repeat:no-repeat; background-position:right top; margin:0; padding:0; } .box tr.bottom td.right { background-image:url(/Assets/skin/boxbr.jpg); background-position:right bottom; } .box table, .box table tr, .box table td { background:none; width:auto; height:auto; } .box .first {width:120px} .box td.box { padding:10px; } .box label { font-weight:bold; color:#7ABAC9; }   #trace { margin:10px 0 10px 0; border:2px solid #ccc; background-color:#eee; max-height:250px; overflow:auto; width:960px; } #trace p { margin:0; padding:4px; border-bottom:1px dotted #ccc; font-size:10px; color:#666; } #trace p.selected { color:#222; background-color:#f6f6f6; } #flashContainer { position:absolute; z-index:100; } #flashContainer.movie { border:1px solid black; top:80px; left:120px; width:400px; height:300px; } #flashContainer.quiz { border:none; top:0px; left:0px; width:955px; height:700px; overflow:auto; } #flashContainer.quiz object {  margin:20px; color:#000; } #flashContainer.pause { top:130px; left:660px; width:auto; height:auto; border:none; background:none; } div#silverlightContainer { position:absolute; top:0px; left:0px; z-index:0; } div#courseContainer { position:relative; left:-100px; } div#mediaContainer { width:960px; height:600px; margin:0; margin-bottom:10px; background-image:url(/Assets/skin/attendbg.jpg); background-repeat:no-repeat; background-position:top left;   } div#mediaContainer.quiz { background-image:url(/Assets/skin/attendquizbg.jpg); } div#supportingContent, div#resourcesContent, div#overviewContent { position:absolute; z-index:3; top:20px; left:660px; width:280px; height:435px; overflow:auto; padding-right:10px; } #courseContainer div#tabs { position:absolute; z-index:4; top:460px; left:660px; width:280px; height:auto; } #courseContainer #tabs ul { list-style:none; margin:0; padding:0; position:relative; } #courseContainer #tabs li { list-style:none; margin: 0 5px 0 0; padding:0; width:80px; height:25px; background-color:#261b0f; color:White; border:1px solid #261b0f; float:left; cursor:pointer; } #courseContainer #tabs li span { display:block; text-align:center; padding-top:5px; font-size:.9em; text-decoration:underline; } #courseContainer #tabs li.course { } #courseContainer #tabs li.resources { } #courseContainer #tabs li.overview { } #courseContainer #tabs li.selected { background-color:White; color:#261b0f; }   .faq { margin:0; } .faq h1,h2,h3 { font-family:GraublauWeb Regular, Arial Narrow, Sans-Serif; } .faq h2 { color:#7ABAC9; font-size:20px; font-weight:bold; margin:0 0 10px 0; background: none; padding:0 0 15px 0; cursor: pointer; margin:0; } .faq h3 a { color:#BD6F59; font-size:16px; text-decoration: none; } .faq h2:hover { color:#BD6F59; } .faq h2.active { color:#BD6F59; text-decoration: none; background-image:url(Assets/skin/hdash.jpg); background-repeat:repeat-x; background-position:bottom left; } .faq p { margin: 0; padding: 0 0 15px 10px; display: none; }   div.testimonials { } .testimonials p { } .testimonials p.reference { font-style:italic; padding-left:20px; background:url(/Assets/skin/refmark.jpg) no-repeat top left; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #BD6F59; } .testimonials hr { display:none; }   a.bigbutton { float: left; display: block; width: 173px; height: 43px; padding-right: 0; background: url(/Assets/skin/large-btn-bg.jpg) no-repeat top left; } a.bigbutton:hover { background: url(/Assets/skin/large-btn-bg.jpg) no-repeat bottom left; } a.bigbutton img { border: 0; }