@charset "UTF-8";
/*-------General reset to all CSS Browser elements DO NOT ALTER!!-------*/
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th {margin:0; padding:0;}
p {margin:0px;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul,li {list-style:none; text-indent:0px; margin:0px; padding:0px;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix, *:first-child+html .clearfix {zoom: 1; display: block; /* resets display for IE/Win */}

/*-General layout and theme--
------------------------------------------------*/
body{background:#FFFFFF url(<<$output->getSkinFile("image","bg.png")>>) repeat-x; font-size:12px;}
#subject-list a{color:#FB8542; text-decoration:none;}
#subject-list a:hover{text-decoration:underline;}
#subject-list a:visited{color:#FB8542;}
#subject-list a:focus{outline:none;}

/*(Site wrapper)*/
.siteWrp{margin:0px auto; width:957px; position:relative;}

/*--Top-Container--
-----------------------------------*/
.wrpTop{background:url(<<$output->getSkinFile("image","fin.png")>>) no-repeat left top; width:957px; height:auto; position:relative;}
.wrpTop .upper{height:140px; width:100%; position:relative;}

/*(login)*/
.wrpTop .upper .login{background:#017EBC; width:161px; height:20px; float:right; position:relative; padding:13px 29px; margin-right:93px; margin-bottom:200px;}
.wrpTop .upper .login .left{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -835px top; height:17px; width:14px; position:absolute; bottom:0px; left:0px;}
.wrpTop .upper .login .content{width:173px; height:21px; position:relative;}
.wrpTop .upper .login .content .bg{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -770px -54px; width:101px; height:12px; position:absolute; right:0px; top:3px;}
.wrpTop .upper .login .content a.loginBtn{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -770px 0px; width:65px; height:21px; display:block;}
.wrpTop .upper .login .smLogo{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -770px -66px; width:144px; height:15px; position:absolute; bottom:-35px; right:-17px;}
.wrpTop h1{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -770px -81px; width:358px; height:27px; text-indent:-9999999px; position:absolute; top:46px; left:113px; margin-bottom:100px;}

/*(Global Nav)*/
.wrpTop .NavWrp{width:800px; height:31px; margin:0px auto; position:absolute; top:108px; left:150px; z-index:2;}
ul.nav{width:auto;}
ul.nav li{float:left;}
a.home{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -333px -96px; height:32px; width:102px; display:block;}
a.home:hover{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -333px -64px; height:32px; width:102px; display:block;}
a.home.selected{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -333px -64px; height:32px; width:102px; display:block;}
a.homeScl{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -311px -32px; width:158px; height:32px; margin-left:-19px; display:block;}
a.homeScl:hover{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -311px 0px; width:158px; height:32px; display:block;}
a.homeScl.selected{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -311px 0px; width:158px; height:32px; display:block;}
a.WebLess{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat 0 -32px; width:137px; height:32px; display:block; margin-left:-19px;}
a.WebLess:hover{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat left top; width:137px; height:32px; display:block;}
a.WebLess.selected{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat left top; width:137px; height:32px; display:block;}
a.WebBase{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -153px -32px; width:137px; height:32px; display:block; margin-left:-19px;}
a.WebBase:hover{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -153px 0; width:137px; height:32px; display:block;}
a.WebBase.selected{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -153px 0; width:137px; height:32px; display:block;}
a.support{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat 0 -96px; width:102px; height:32px; display:block; margin-left:-19px;}
a.support:hover{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat 0 -64px; width:102px; height:32px; display:block; margin-left:-19px;}
a.support.selected{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat 0 -64px; width:102px; height:32px; display:block; margin-left:-19px;}
a.purchase{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -156px -96px; width:110px; height:32px; display:block; margin-left:-19px;}
a.purchase:hover{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -156px -64px; width:110px; height:32px; display:block; margin-left:-19px;}
a.purchase.selected{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -156px -64px; width:110px; height:32px; display:block; margin-left:-19px;}

/*(Main Banner)*/
.wrpTop .bannerWrp{background:url(<<$output->getSkinFile("image","main_image.png")>>) no-repeat; margin:0px auto; width:770px; height:260px; position:relative;}
.wrpTop .bannerWrp .inner{width:346px; height:75px; position:absolute; bottom:22px; right:26px; color:#fff;}
.wrpTop .bannerWrp .inner p{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.wrpTop .bannerWrp .inner a.butn{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -770px -21px; height:33px; width:123px; display:block; position:absolute; bottom:0; right:0;}

/*(Mid Section)*/
.wrpTop .mid{background:url(<<$output->getSkinFile("image","middle_bg.png")>>) repeat-x; width:770px; padding:6px 12px; height:140px; margin:0px auto;}
.wrpTop .mid .content{background-color:#C6EDED; width:770px; height:125px; margin:0px auto; position:relative; padding:0px;}
.wrpTop .mid .content .tl{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -893px 0; width:14px; height:14px; position:absolute; top:0; left:0;}
.wrpTop .mid .content .tr{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -909px 0; width:14px; height:14px; position:absolute; top:0; right:0;}
.wrpTop .mid .content .bl{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -893px -14px; width:15px; height:14px; position:absolute; bottom:0; left:0;}
.wrpTop .mid .content .br{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -908px -14px; width:15px; height:14px; position:absolute; bottom:0; right:0;}
.wrpTop .mid .content h2{color:#003F93; font-family:Georgia, "Times New Roman", Times, serif; font-size:23px;}
.wrpTop .mid .content .left{width:265px; height:85px; float:left; position:relative; margin:20px 0 0 20px;}
.wrpTop .mid .content .left p{color:#666; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.wrpTop .mid .content .left a.btn{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -770px -108px; width:117px; height:22px; display:block; margin-top:8px;}
.wrpTop .mid .content .rightFlash{background:url(<<$output->getSkinFile("image","flash_bg.png")>>) no-repeat left; width:470px; height:125px; float:left;}
.wrpTop .mid .content .rightFlash .arro{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -849px 0; width:15px; height:15px; position:absolute; top:55px; left:368px;}
.wrpTop .mid .content .rightFlash .handle{margin-left:100px; width:270px; height:105px;}

/*(Bottom Section)*/
.wrpBtm{ width:957px; height:auto; position:relative; z-index:5}
.wrpBtm .btm{background:url(<<$output->getSkinFile("image","bottom_bg.png")>>) no-repeat; width:730px; height:174px; margin:0px auto; margin-top:-15px; padding:20px;}
.wrpBtm .btm h3{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat left -175px; color:#003F93; font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; padding-left:45px; margin-bottom:7px;}
.wrpBtm .btm .left{width:328px; height:116px; border-top:dotted 2px #999; float:left; padding:12px 0px;}
.wrpBtm .btm .left .bg{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -661px 0px; float:left; height:127px; width:109px;}
.wrpBtm .btm .right{width:180px; height:116px; float:left; margin-left:14px; margin-right:25px; float:left;}
.wrpBtm .btm .right p{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#222; line-height:12px; margin-bottom:12px;}
.wrpBtm .btm .right h4{color:#008DC6; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; line-height:15px; margin-bottom:7px;}
.wrpBtm .btm .right .btn{width:116px; height:21px;}
.wrpBtm .btm .dif{height:116px; border-left:dotted 2px #999; width:2px; float:left; margin:20px 18px 0px 20px;}
.wrpBtm .btm .testimonials{float:left; width:358px; height:100px; border-top:dotted 2px #999; position:relative; font-family:Arial, Helvetica, sans-serif; color:#222;}
.wrpBtm .btm .testimonials h3{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat 0 -128px; font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; padding-top:3px; padding-left:20px; margin-top:-40px; display:inline-block; float:left; margin-left:-35px;}

/*pagination for testimonials*/
/*
.sliderwrapper{position: relative; overflow: hidden; width: 347px; height: 130px; padding:6px;}
.sliderwrapper .contentdiv{visibility: hidden; position: absolute; left: 0; top: 0; padding: 5px; width: 347px; height:100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-top:13px;}
.sliderwrapper .contentdiv p.name{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; margin-top:8px; float:right;}
.sliderwrapper p a{font-size:11px;}
.pagination{width:300px; height:17px; position:absolute; top:-30px;left:219px; }
.pagination a{}
.pagination a:hover, .pagination a.selected{}
*/
#slider1 { position: relative; width: 347px; height: 130px; padding:6px; overflow: auto; }
#controls { position: absolute; display: block; width: 120px; left: 0; top: 40px; padding: 10px; }

.contentdiv { display: block; width: 347px; height:100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-top:13px; }
.contentdiv h3 { font-size: 16px; margin: 10px; color: #0CF; }
.contentdiv p { font-size: 11px; }
.contentdiv p.name{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; margin-top:8px; float:right;}

#paginate-slider1 { width:300px; height:17px; position:absolute; top:-30px;left:219px; }
#paginate-slider1 ul li { display: inline; margin: 0 2px; font-family:"Times New Roman", Times, serif;}
#paginate-slider1 ul li a { background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -644px 0; width:17px; height:16px; text-decoration: none; color:#fff; display:block; float:left; margin-left:5px; text-align:center; line-height:16px; font-weight:bold; }
#paginate-slider1 ul li a.active, #paginate-slider1 ul li a:hover { color:#F93; text-align:center; background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -644px 0; width:17px; height:16px; line-height:16px; font-weight:bold; }

#news { position: relative; width: 130px; border-top:dotted 1px #666; height:500px; padding:6px; margin-left: -15px; }
#news .sl_content {
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#666; 
	font-size:14px; 
	margin:0;
	display: block;
	width: 130px;
	height: 100%;
}
#news .sl_content p {
	border-top: dotted 1px #666;
	margin-top: 8px;
	padding-top: 8px;
	font-size: 12px;
	font-weight:bold;
	float:right;
}

/*PAGE -- template/document styles---
----------------------------------------------------*/
.templateWrp{width:741px; height:auto; position:relative;}

/*header changes for different pages*/
.templateWrp .inHome{background:url(<<$output->getSkinFile("image","wb_inhome.png")>>) no-repeat; width:740px; height:78px; margin:0px auto; padding:30px 0px 2px 30px;}
.templateWrp .inHome h3{color:#002C7F; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:27px;}
.templateWrp .hsisa{background:url(<<$output->getSkinFile("image","hsisa_top.png")>>) no-repeat; width:770px; height:110px; margin:0px auto;}
.templateWrp .purchOpt{background:url(<<$output->getSkinFile("image","purch_opt.png")>>) no-repeat; width:740px; height:78px; margin:0px auto; padding:30px 0px 2px 30px;}
.templateWrp .purchOpt2{background:url(<<$output->getSkinFile("image","purchaseBG.png")>>) no-repeat; width:740px; height:78px; margin:0px auto; padding:30px 0px 2px 30px;}
.templateWrp .purchOpt p, .templateWrp .purchOpt2 p{color:#002C7F; font-family:Arial, Helvetica, sans-serif; font-size:18px; }
.templateWrp .purchOpt h3, .templateWrp .purchOpt2 h3{color:#002C7F; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:27px;}
.templateWrp .WebBased {background:transparent url(<<$output->getSkinFile("image","web_based.png")>>) no-repeat scroll 0 0; height:110px; margin:0px auto 0; width:770px;}
/*end*/

/*globalButtons*/
a.signUp{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -528px 0; width:116px; height:21px; display:block;}
a.signUp-panel{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -527px -105px; width:125px; height:29px; display:block;}
a.purchaseBtn{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -527px -21px; width:116px; height:21px; display:block;}
a.requestQuote{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -527px -42px; width:116px; height:21px; display:block;}
a.learnMore{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -527px -63px; width:116px; height:21px; display:block;}
a.clearForm{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -527px -84px; width:116px; height:21px; display:block; margin-left:10px;}
.buttonFloat{float:left;}/*-use when needing buttons to be inline next to eachother--*/

/*global headlines*/
 h5.social{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat left -254px; padding-left:30px; font-size:16px; font-weight:bold; color:#00B8F2; margin:15px 0px;}
 h5.computer{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat left -322px; padding-left:30px; font-size:16px; font-weight:bold; color:#00B8F2; margin:15px 0px;}
 h5.web{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat left -287px; padding-left:45px; font-size:16px; font-weight:bold; color:#00B8F2; margin:15px 0px 9px 0px; padding-bottom:5px; line-height:28px;}
 span.arrow{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -925px -62px; width:13px; height:13px; display:inline-block;}
 
/*content divs-----------------*/

/*content-1*/
.templateWrp .side{background:url(<<$output->getSkinFile("image","side.png")>>) no-repeat; width:35px; height:315px; position:absolute; right:50px; top:0px;}
.templateWrp .main{background:#fff url(<<$output->getSkinFile("image","swirl.png")>>) no-repeat right bottom; width:; min-height:440px; padding:0px 0px; width:770px; margin:0px auto; position:relative; z-index:99; font-family:Arial, Helvetica, sans-serif;}
.templateWrp .main .content{float:left; width:435px; margin:0px 25px; height:auto; font-family:Arial, Helvetica, sans-serif; color:#4C4C4C; font-size:12px; margin-bottom:40px;}
.templateWrp .main .content .dotted{border-top:dotted 1px #999; font-family:Arial, Helvetica, sans-serif; color:#7F7F7F; padding:10px 0px; clear:both; width:715px; margin-top:60px; font-size:11px;}
.templateWrp .main .content ul.indent li{margin-left:80px; color:#4C4C4C; list-style:none; line-height:18px;}
.templateWrp .main .content ul li{list-style:disc; color:#F60; margin-left:40px; line-height:18px;}
.templateWrp .main .content ul li span{color:#4C4C4C;}
.templateWrp .main h2{background:none; font-family:Arial, Helvetica, sans-serif; color:#00B8F2; font-size:22px; margin:20px 40px;}
.templateWrp .main .content h4.forLists{color:#00B8F2; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; margin:13px 0px; text-indent:30px;}
.templateWrp .main .content h3{background:none; font-family:Arial, Helvetica, sans-serif; color:#003F92; font-size:18px; font-weight:bold; margin-bottom:20px;}
.templateWrp .main .content p{margin:20px 0px;}

/*content-2*/
.templateWrp .main .content2{float:left; width:217px; height:auto; padding:0px 20px; color:#4C4C4C;}
.templateWrp .main .content2 h3{border-bottom:dotted 1px #333; font-size:14px; color:#00B8F2; font-weight:bold; padding-bottom:5px; margin-bottom:10px;}
.templateWrp .main .content2 p.text{text-indent:75px; font-style:normal; color:#999; font-size:10px; margin-bottom:25px; white-space:nowrap;}
.templateWrp .main .content2 select{margin-top:5px; margin-bottom:10px;}
.templateWrp .main .content2 label span{width:6em; float:left; line-height:23px; text-align:right; margin-right:5px;}
.templateWrp .main .content2 label.schoolTitle span{width:20em; float:left; line-height:23px; text-align:left;}
.templateWrp .main .content2 input{border:#BFBFBF 1px solid; width:132px; height:14px; margin-bottom:4px; padding:3px;}
.templateWrp .main .content2 input.schoolName{border:#BFBFBF 1px solid; width:210px; height:14px; margin-bottom:4px; padding:3px; margin-bottom:15px; margin-left:0;}
.templateWrp .main .content2 input.CCV{border:#BFBFBF 1px solid; width:25px; height:14px; margin-bottom:4px; padding:3px; margin-bottom:15px; margin-left:0;}
.templateWrp .main .content2 input.spacing{margin-bottom:25px;}

/*content-3*/
.templateWrp .main .content3{width:440px; float:right; height:auto; color:#4C4C4C; margin:10px 40px 50px 0px; #float:none; #margin-left:270px;}
.templateWrp .main .content3 h3{border-bottom:dotted 1px #333; font-size:14px; color:#00B8F2; font-weight:bold; padding-bottom:5px; margin-bottom:10px; width:217px; margin-top:20px;}
.templateWrp .main .content3 input{vertical-align:bottom;}
.templateWrp .main .content3 .TandA{background-color:#F2F2F2; border:solid 1px #BFBFBF; height:420px; height:190px; overflow:auto; padding:10px; color:#4C4C4C; margin:20px 0px;  font-size:11px;}
.templateWrp .main .content3 .TandA p{font-weight:bold; text-align:center; margin:5px 0px;}
.templateWrp .main .content3 .TandA p.revise{text-align:center; font-weight:normal; margin-top:5px; margin-bottom:25px;}

.TandA{background-color:#F2F2F2; border:solid 1px #BFBFBF; height:420px; height:190px; overflow:auto; padding:10px; color:#4C4C4C; margin:20px 0px;  font-size:11px;}
 .TandA p{font-weight:bold; text-align:center; margin:5px 0px;}
 .TandA p.revise{text-align:center; font-weight:normal; margin-top:5px; margin-bottom:25px;}

/*content-4*/
.templateWrp .main .content4{width:500px; float:right; margin-right:60px; height:auto; color:#4C4C4C; line-height:16px;}
.templateWrp .main .content4 h4{color:#003F92; font-size:18px; font-weight:bold; margin-bottom:12px;}

/*content-5*/
.templateWrp .main .content5{width:300px; float:left; height:auto; padding:0px 10px; margin-left:30px; margin-top:10px; color:#4C4C4C; line-height:16px;}

/*content-6*/
.templateWrp .main .content6{width:280px; float:left; height:auto; padding:0px 10px; margin-left:10px; margin-top:10px; color:#4C4C4C; line-height:16px;}
.templateWrp .main .content6 h3{text-transform:uppercase; color:#002C7F; font-weight:bold; font-size:18px; border-bottom:dotted 1px black; padding-bottom:7px; margin-bottom:7px;} 

/*bottom blue piece of main div --leave empty--*/
.templateWrp .btm{background:url(<<$output->getSkinFile("image","btm_bg.png")>>); width:770px; margin:0px auto; position:relative; height:35px; z-index:98}
/*striped alt color divs*/
.templateWrp .main .strips{background-color:#E8F2D5; width:770px; height:auto; padding:23px 0px; clear:both;}
.templateWrp .main .strips .title{width:178px; min-height:100px; text-align:right; float:left; font-family:Georgia, "Times New Roman", Times, serif; color:#003F93; font-size:24px; font-weight:bold; margin-right:25px;}
.templateWrp .main .strips .pic1{background:url(<<$output->getSkinFile("image","pix.png")>>) no-repeat top; width:150px; height:121px; float:left; margin-right:25px;}
.templateWrp .main .strips .pic2{background:url(<<$output->getSkinFile("image","pix.png")>>) no-repeat 0 -242px; width:150px; height:121px; float:left; margin-right:25px;}
.templateWrp .main .strips .rightWrp{width:354px; height:auto; float:left; padding:10px 0px;}
.templateWrp .main .strips .rightWrp p{color:#4C4C4C; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.templateWrp .main .strips .rightWrp .top{width:354px; height:auto;}
.templateWrp .main .strips .rightWrp .bttm{margin-top:15px; border-top:dotted 1px #666; width:354px; height:auto; padding:15px 0px;}
.templateWrp .main .strips .rightWrp .bttm p{color:#00B8F2; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; display:inline-block; float:right;}

.templateWrp .main .stripsWhite{width:770px; min-height:100px; padding:23px 0px; clear:both; margin-bottom:20px;}
.templateWrp .main .stripsWhite .title{width:178px; min-height:100px; text-align:right; float:left; font-family:Georgia, "Times New Roman", Times, serif; color:#003F93; font-size:24px; font-weight:bold; margin-right:25px;}
.templateWrp .main .stripsWhite .pic1{background:url(<<$output->getSkinFile("image","pix.png")>>) no-repeat 0 -121px; width:150px; height:121px; float:left; margin-right:25px;}
.templateWrp .main .stripsWhite .pic2{background:url(<<$output->getSkinFile("image","pix.png")>>) no-repeat 0 -363px; width:150px; height:121px; float:left; margin-right:25px;}
.templateWrp .main .stripsWhite .bttm .btn, .templateWrp .main .strips .bttm .btn{width:116px; height:21px; float:left; display:inline-block;}
.templateWrp .main .stripsWhite .rightWrp{width:354px; height:auto; float:left; padding:10px 0px;}
.templateWrp .main .stripsWhite .rightWrp p{color:#4C4C4C; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.templateWrp .main .stripsWhite .rightWrp .top{width:354px; height:auto;}
.templateWrp .main .stripsWhite .rightWrp .bttm{margin-top:15px; border-top:dotted 1px #666; width:354px; height:auto; padding:15px 0px;}
.templateWrp .main .stripsWhite .rightWrp .bttm p{color:#00B8F2; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; display:inline-block; float:right;}

/*side panels*/
.templateWrp .main .panel{background:#fff url(<<$output->getSkinFile("image","panel_bg.png")>>) no-repeat; width:211px; min-height:340px; padding:25px 30px; float:left; color:#4C4C4C; font-size:12px;}
.templateWrp .main .panel h3{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#003F92; margin-bottom:20px;}
.templateWrp .main .panel h4{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#003F92; margin-bottom:20px;}
.templateWrp .main .panel ul li{color:#008CC5; font-family:Arial, Helvetica, sans-serif; margin:20px 0px; padding-left:10px; text-indent:-10px; font-weight:bold; font-size:14px;}
.templateWrp .main .panel ul li span{color:#fff;}
.templateWrp .main .panel em{color:#7F7F7F; font-style:normal; font-size:11px;}
.templateWrp .main .panel .sec1{border-top:dotted 1px #999; border-bottom:dotted 1px #999; padding:20px 0px; width:auto; margin-top:20px;}
.templateWrp .main .panel .sec2{border-bottom:dotted 1px #999; padding:20px 0px; width:auto; margin-bottom:20px;}
.templateWrp .main .panel .sec1 h4, .templateWrp .main .panel .sec2 h4{color:#008CC5; font-size:14px; font-weight:bold; margin-bottom:3px;}
.templateWrp .main .panel .sec1 td.left, .templateWrp .main .panel .sec2 td.left{border-right:dotted 1px #666; padding-right:10px;}
.templateWrp .main .panel .sec1 td.right, .templateWrp .main .panel .sec2 td.right{padding-left:10px; font-weight:bold; font-size:13px;}

/*for thinner style to panel*/
.templateWrp .main .panel-sm{background:#fff url(<<$output->getSkinFile("image","panel_bg_sm.png")>>) no-repeat left top; width:110px; min-height:210px; float:left; color:#4C4C4C; font-size:12px;}
.templateWrp .main .panel-sm ul.arrowed li{background:url(<<$output->getSkinFile("image","dwn_arrow.png")>>) no-repeat bottom left; padding-bottom:20px; color:#008CC5; font-weight:bold; font-size:14px; margin-bottom:10px; margin-left:1px; padding-left:-1px; width:120px;}
.templateWrp .main .panel-sm ul.arrowed li.first{color:#003F92; font-weight:bold; font-size:14px;}
.templateWrp .main .panel-sm ul.ticker{border-top:dotted 1px #666; border-bottom:dotted 1px #666; width:130px; height:auto; margin-left:-10px; padding:20px 0px; position:relative;}
.templateWrp .main .panel-sm ul.ticker li{font-family:Georgia, "Times New Roman", Times, serif; color:#999; font-size:14px; margin:0;}
.templateWrp .main .panel-sm ul li{color:#00B8F2; font-family:Arial, Helvetica, sans-serif; margin:20px 0px; padding-left:10px; text-indent:-10px; font-weight:bold; font-size:14px;}
.templateWrp .main .panel-sm ul.ticker li p{position:absolute; bottom:-86px; color:#999; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;}
.templateWrp .main .panel-sm h4{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#00B8F2; margin-bottom:20px;}
.templateWrp .main .panel2{background-color:#00B9F3; min-height:190px; padding:25px 30px; width:182px; float:left; position:relative; float:right; color:#002C7F;}
.templateWrp .main .panel2 table.plan{border-bottom:dotted 1px #CCC; font-size:12px; color:#fff; padding-bottom:10px;}
.templateWrp .main .panel2 table.plan td.cell1{padding-right:15px;}
.templateWrp .main .panel2 table.total{border:none; font-size:12px; color:#fff; font-weight:bold; padding-top:10px;}
.templateWrp .main .panel2 table.total td.cell2{padding-right:107px;}
.templateWrp .main .panel2 p{color:#fff; margin:10px 0px; font-weight:bold; font-size:14px; margin:10px 0px;}
.templateWrp .main .panel2 p.bottom{border-top:dotted 1px #CCC; border-bottom:dotted 1px #CCC; color:#002C7F; padding:20px 0px; font-weight:normal; font-size:12px;}
.templateWrp .main .panel2 p.bottom span{color:#fff; margin:10px 0px; font-weight:bold; font-size:14px; text-transform:uppercase;}
.templateWrp .main .panel2 h3{color:#002C7F !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; margin-bottom:10px; text-indent:0 !important;}
.templateWrp .main .panel2 h3.Free{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat 0 -214px; color:#003F93; font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; padding-left:45px; margin-bottom:7px;}
.templateWrp .main .panel2 .tl{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -924px 0; width:14px; height:14px; position:absolute; top:0; left:0;}
.templateWrp .main .panel2 .tr{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -938px 0; width:14px; height:14px; position:absolute; top:0; right:0;}
.templateWrp .main .panel2 .bl{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -924px -14px; width:14px; height:14px; position:absolute; bottom:0; left:0;}
.templateWrp .main .panel2 .br{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -938px -14px; width:14px; height:14px; position:absolute; bottom:0; right:0;}
.templateWrp .main .panel2 a.buy{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -893px -28px; width:125px; height:29px; display:block; margin-top:15px; }


/*--TREE VIEW CONTROL--
----------------------------------------------*/
ul.treeControl{color:#002C7F; font-weight:bold; font-size:14px;}
ul.treeControl li{margin:5px 0px;}
.treeview, .treeview ul {padding: 0; margin: 0; list-style: none; color:#002C7F; margin-left:6px;}
.treeview ul {margin-top: 4px;}
.treeview .hitarea {background: url(images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer;}
/* fix for IE6 */
* html .hitarea {display: inline; float:none;}
span.primary a{color:#F90; display:block; padding:6px; width:202px; border-top: dotted 1px #999; margin-bottom:-6px !important; font-weight:normal;}
span.last{border-bottom:dotted 1px #999;}
span.primary:hover a{background-color:#999; display:block; cursor:pointer; color:#000; padding:6px;}
span.primary a:focus{background:url(images/tree_focus.png) no-repeat; width:236px; height:26px; display:block; border:none;}
.treeview li {margin: 0; padding: 3px 0pt 3px 16px; font-family:Arial, Helvetica, sans-serif; line-height:13px; font-size:12px;}
.treeview a.selected {background-color: #eee;}
#treecontrol { margin: 1em 0; display: none; }
.treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px ; width:300px;}
.treeview li.lastExpandable { background-position: -32px -67px; width:300px; }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
span.primary a{text-decoration:none; color:}
span.primary a:hover{color:#000; display:block;}
.livetree li span.root{color:#002C7F; font-weight:bold;}
.livetree{position:relative;}

#tree{
	color:#002C7F; 
}

#tree .root {
	font-weight:bold; 
	font-size:14px;
	cursor:pointer;
	margin-top: 10px;
}

#tree .folder {
	background: transparent url(images/treeview-default.gif) no-repeat scroll -32px -67px;
	padding-left: 22px;
	cursor: pointer;
	font-size:12px;
	height: 16px;
	vertical-align: middle;
}

#tree .folder.expanded {
	background: transparent url(images/treeview-default.gif) no-repeat scroll 0px -111px;
}

#tree .folder2 {
	background: transparent url(images/treeview-default.gif) no-repeat scroll -32px -67px;
	padding-left: 22px;
	cursor: pointer;
	font-size:12px;
	margin-left: 22px;
}

#tree .folder2.expanded {
	background: transparent url(images/treeview-default.gif) no-repeat scroll 0px -111px;
}

#tree .lesson {
	margin-left: 44px;
	cursor: pointer;
	padding: 6px;
	border-top: 1px dotted #999999;
	color: #FF9900;
}

#tree .lesson.bottom {
	border-bottom: 1px dotted #999999;
}

#tree .lesson:hover {
	color: #000000;
	background-color: #DDDDDD;
	padding: 6px;
}

#tree .lesson.selected {
	color: #000000;
	background-color: #999999;
	width:236px;
	display:block; 
}

/*--Content for Tree Controller--
-----------------------------------------------*/
.treeCont{width:230px; float:left; border-left:solid 1px #EBEBEB; min-height:400px; margin-top:8px; padding-left:30px; margin-bottom:40px;}
.treeCont h5{color:#008CC5; font-size:15px; font-weight:bold; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif;}
.treeCont .screen1{background:url(images/screenshot_sprite.png) no-repeat top; width:232px; height:186px;}
/*.treeCont .screen2{background:url(images/screenshot_sprite.png) no-repeat bottom; width:232px; height:186px;}*/
.treeCont p{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:20px 0px; color:#4C4C4C;}

/*(Footer)*/
.footerWrp{width:957px; height:auto; position:relative;}
.footerWrp .bg{background:url(<<$output->getSkinFile("image","btm_fin.png")>>) no-repeat; width:320px; height:173px; position:absolute; right:0px; top:-90px;}
.footerWrp .content{width:770px; margin:10px auto 0px auto; height:auto; position:relative;}
.footerWrp .content .left{width:width:239px; float:left; height:45px;}
.footerWrp .content .left a.SA{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -1070px 0; height:39px; width:130px; display:block; float:left; border-right:dotted 2px #333; padding-right:20px;}
.footerWrp .content .left a.ISASA{background:url(<<$output->getSkinFile("image","sprite.png")>>) no-repeat -1098px -155px; height:45px; width:102px; display:block; float:left; margin-left:20px; margin-right:20px; padding-right:20px; border-right:dotted 2px #333; }
.footerWrp .content .right{width:346px; float:left; height:45px; text-align:right; position:relative; z-index:99;}
.footerWrp .content .right p{color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.footerWrp .content .right p a{color:#000000; text-decoration:none;}
.footerWrp .content .right p a:hover{text-decoration:underline;}
.footerWrp .content .right span{font-size:10px; color:#000000; font-family:Arial, Helvetica, sans-serif;}


/* base.css, part of YUI's CSS Foundation */
/* namespaced off with main to give acceptable defaults */
.main_panel h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
.main_panel h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
.main_panel h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
.main_panel h1,.main_panel h2,.main_panel h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
.main_panel h1,.main_panel h2,.main_panel h3,.main_panel h4,.main_panel h5,.main_panel h6,.main_panel strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
.main_panel abbr,.main_panel acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
.main_panel em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
.main_panel blockquote,.main_panel ul,.main_panel ol,.main_panel dl { 
    /*giving blockquotes and lists room to breath*/ 
    margin:1em; 
} 
.main_panel ol,.main_panelul,.main_panel dl { 
    /*bringing lists on to the page with breathing room */ 
    margin-left:2em; 
} 

.main_panel ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
.main_panel ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}

.main_panel dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
.main_panel th,.main_panel td {
	padding:.5em;
}
.main_panel th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
.main_panel caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
.main_panel p,.main_panel fieldset,.main_panel table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

body
{
	color:#4C4C4C;
	font-family:Arial,Helvetica,sans-serif;
}


.generic_form
{
	color:#4C4C4C;
	height:auto;
}

.generic_form input,.generic_form textarea
{
	border:1px solid #BFBFBF;
	margin-bottom:4px;
	padding:3px;
	width:217px;
}

input.form_button 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	border: 1px #666666 solid;
	height: 22px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	clip: rect( );
	background-color: #F7D29A;
	padding:0px 6px;
	width:auto;
}

a.form_button 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	border: 1px #666666 solid;
	height: 22px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	clip: rect( );
	background-color: #F7D29A;
	padding:3px 8px;
	width:auto;
}

#page_header
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(<<$output->getSkinFile("image","purchaseBG.png")>>) no-repeat scroll 0 0;
	height:78px;
	margin:0px auto 0;
	padding:30px 0 2px 30px;
	width:740px;
}



#page_header p
{
	color:#002C7F;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
}
#page_header h3
{
	color:#002C7F;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:27px;
	font-weight:bold;
}
.main_panel
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF url(<<$output->getSkinFile("image","swirl.png")>>) no-repeat scroll right bottom;
	font-family:Arial,Helvetica,sans-serif;
	margin:0 auto;
	min-height:440px;
	padding:20px 0;
	position:relative;
	width:770px;
	z-index:99;
}

.body_text 
{
	padding:0 25px;
}

strong 
{
	font-weight:bold;
}

.errorText 
{
	color:red;
}

.errorText a 
{
	color:red;
}

.soft_em
{
	color:#7F7F7F;
	font-size:11px;
	font-style:normal;
}

.par_header
{
	font-size:120%;
	font-weight:bold;
	margin:10px 0px;
}

.agreement_header 
{
	color:#003F92;
	font-family:Arial,Helvetica,sans-serif;
	font-size:17px;
	font-weight:bold;
	margin-bottom:20px;	
}

.modal_dialog
{
	border:1px solid #AAAAAA;
	background:white;
	display:none;
	left:50%;
	margin-left:-170px;
	position:absolute;
	top:10%;
	width:330px;
	z-index:999;
	padding:10px 10px 0px 10px;
}

.modal_dialog .header
{
	font-weight:bold;
	font-size:120%;
	margin:0px 0px 10px 0px;
}
.modal_but
{
	cursor:pointer;
	font-size:8px;
	left:-6px;
	position:absolute;
	top:6px;
	width:100%;
}

.main_panel
{
	padding-bottom:50px;
}

.main_panel h2 {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	color:#00B8F2;
	font-family:Arial,Helvetica,sans-serif;
	font-size:22px;
	margin:10px 40px 20px 40px;
}

.main_panel h3 {
	color:#002C7F;
	font-size:18px;
	font-weight:bold;
	margin-bottom:7px;
	padding-bottom:7px;
	text-transform:uppercase;
}

.main_panel h4 {
	color:#00B8F2;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:13px 0;
	text-indent:30px;
}

.main_panel h5 {
	color:#002C7F;
	font-size:12px;
	font-weight:bold;
	margin:13px 0;

}


.main_panel .sample_lessons h3
{
	font-size:16px;
	text-indent:10px;
	margin-bottom:0px;
	padding-bottom:7px;
}

.main_panel .sample_lessons h4
{
	text-indent:25px;
	margin:0px;
	padding-bottom:7px;
}

.main_panel .sample_lessons p
{
	text-indent:50px;
	margin-bottom:0px;
	padding-bottom:7px;
}

.main_panel .sample_lessons a
{
	display:block;
	text-indent:85px;
	margin-bottom:15px;
	padding-bottom:8px;
	text-decoration:underline;
	font-weight:bold;
}

.main_panel .panel-sm
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF url(<<$output->getSkinFile("image","panel_bg_sm.png")>>) no-repeat scroll left top;
	color:#4C4C4C;
	float:left;
	font-size:12px;
	min-height:210px;
	padding:15px 15px;
	width:150px;
}

.main_panel .panel-sm ul li
{
	list-style:none; 
	text-indent:0px; 
	margin:15px 0; 
	padding-left:10px;
	color:#00B8F2;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
}

.main_panel .panel-sm a:visited {
	color:#FB8542;
	text-decoration:none;
}

.main_panel .panel-sm a {
	color:#FB8542;
	text-decoration:none;
}

.main_panel .panel-sm .blue_nested li a
{	 
	color:#00B8F2;
}

.main_panel .panel-sm .blue_nested li ul li
{
	list-style: disc outside;
	color:yellow;
	font-size:11px;
	text-align:left;
	padding:0px;
	margin:8px 0px 0px 15px;
}

.note_panel
{
	background-color:white;
	border:1px solid #4C4C4C;
	margin-top:40px;
	padding:5px;
	width:80%;
}

.panel-sm .note_panel a
{
	color:#002C7F;
}

#subject-list li ul li {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 10px;
}