@font-face {
    font-family: 'Prociono';
    src: url('fonts/Prociono.eot');
    src: url('fonts/Prociono.eot?#iefix') format('embedded-opentype'),
         url('fonts/Prociono.woff') format('woff'),
         url('fonts/Prociono.ttf') format('truetype'),
         url('fonts/Prociono.svg#Prociono') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clear{
	clear:both;
}

.bodyBG{
	position:relative;
	background:url(../images/bodyBG.jpg) repeat;
}

.navBG{
	position:relative;
	/*background:url(../images/navBar.jpg) repeat-x;*/
	background: #14181B;
	height:44px;
}

.navWrap{
	position:relative;
	width:996px;
	margin:0 auto;
}

.navWrapLeft{
	position:relative;
	width:370px;
	float:left;
}

.navWrapRight{
	position:relative;
	width:370px;
	float:right;
}

#nav {
    margin:0; 
    padding:0; 
    list-style:none;
}
 
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
	float:left; 
	display:block; 
	width:auto; 
	position:relative;
	z-index:500; 
	margin:0 1px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px 1px;
}
	 
/* this is the parent menu */
#nav li a {
	display:block; 
	padding:14px 8px 6px 8px; 
	font-weight:normal;   
	text-decoration:none;
	text-transform:uppercase; 
	color:#c7e0ef; 
	text-align:left; 
	text-shadow:#000000;
}


#nav li a:hover {
	color:#FFFFFF;
	background:#000000;
}
 
/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0 0 0 -1px; 
	padding:0; 
	list-style:none;
}
 
#nav ul li {
	min-width:200px; 
	float:left; 
	border-top:1px solid #fff;
	background:#FFFFFF;
}
 
/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;  
	height:15px;
	padding: 8px 5px; 
	color:#666;
}
 
#nav ul a:hover {
	text-decoration:underline;  
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
margin:0 0 0 -2px;
}

.main-logo{
	position:relative;
	background:url(../images/logo.png) no-repeat;
	width:259px;
	height:133px;
	margin:-35px 365px 0px auto;
	float:right;

	text-align: center;
	float: none;
	margin: -45px auto;
	margin: -45px auto 5px auto;
}
.main-logo_report{
	position:relative;
	width:259px;
	height:133px;
	margin: 10px auto;
}
.main-logo p{
	margin: 35px auto auto 65px;
	font-family: helvetica;
	font-size: 30px;
	font-stretch: ultra-condensed;
	font-weight: bolder;
	color: rgb(78, 92, 115);
	transform: scaleY(1.15);

	margin: auto;
	position: absolute;
	top: 40px;
	left: 65px;
}
.main-logo_report p{
	margin: -95px auto auto 65px;
	font-family: helvetica;
	font-size: 30px;
	font-stretch: ultra-condensed;
	font-weight: bolder;
	color: rgb(78, 92, 115);
	transform: scaleY(1.15);
}

.pageWrap{
	position:relative;
	width:996px;
	margin:0 auto;
}

.phone{
	position:relative;
	background:url(../images/phone-new.png) no-repeat;
	width:205px;
	height:34px;
	float:right;
	margin-top:25px;
	padding-bottom:25px;
}

.bodyBox{
	position:relative;
	width:996px;
	margin:26px auto 10px auto;
	background:#FFFFFF;
	-moz-box-shadow:    0px 0px 5px 3px #dcdcdc;
	-webkit-box-shadow: 0px 0px 5px 3px #dcdcdc;
  	box-shadow:         0px 0px 5px 3px #dcdcdc;
	border:1px solid #c9c9c9;
}

.bodyWrap{
	position:relative;
	width:996px;
	margin:0 auto;
}

/* SLIDER */

.sliderWrap{
	position:relative;
	width:944px;
	margin:15px auto;
	-moz-box-shadow:    0px 0px 5px 3px #dcdcdc;
	-webkit-box-shadow: 0px 0px 5px 3px #dcdcdc;
  	box-shadow:         0px 0px 5px 3px #dcdcdc;
	border:1px solid #FFFFFF;
}
#classActionSlider{
	position:relative;
}
#classActionSlider h6,.contentPromoBox h2{
	font-size:22px; 
	font-weight:normal;
	font-family:'Prociono', Georgia, Times New Roman, serif;
	color:#085776;
	border-bottom:1px solid #b2b2b2;
	padding-bottom:18px;
}

#slider-pic {
	float:left;
	height:280px;
	width:685px;
}
.menu-slider {
	float: right;
	position: relative;
	overflow:hidden;
	width:255px;
	border-left:1px solid #cccccc;
}
.menu-slider li {
	display:block;
	float:left;
}
.menu-slider li a {
	background:url(../images/slider/bttn.jpg) no-repeat;
	color:#2c2c2c;
	display:block;
	font-weight:bold;
	float:left;
	height:45px;
	padding:25px 0 0 20px;
	text-decoration:none;
	width:250px;
	font-size:14px;
	font-family:'Open Sans', verdana, sans serif;
	color:#FFFFFF;
}
.menu-slider li a:hover, .menu-slider li.active a, .menu-slider a.active {
	background:url(../images/slider/activeBG.jpg) no-repeat;
	border: 1px solid #9d9d9d;
	border-width: 1px 0 0 0;
	color:#fff;
	padding:24px 0 0 20px;
	text-shadow: 0px -1px 0px #00608d;
	-moz-text-shadow: 0px -1px 0px #00608d;
	-webkit-text-shadow: 0px -1px 0px #00608d;
	-o-text-shadow: 0px -1px 0px #00608d;
}
.menu-slider li.first a {
	border:none;
	padding:25px 0 0 20px;
}
.slider-small {
	float:left;
	margin-right:10px;
}
.menu-slider small {
	color:#000;
	display:block;
	font-size:10px;
}	
.main_view, .window, .image_reel img,.slide {
	float:left;
	position:relative;
}
.slide{
	height:280px;
	overflow:hidden;
	width:685px;
}
.slide .details{
	position:relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px #141414;
	-moz-box-shadow: 0px 0px 5px #141414;
	box-shadow: 0px 0px 5px #141414;
	background:#FFF;
	width:400px;
/*	height:175px;*/
	padding:20px;
	float:right;
/*	margin-top:30px;*/
	margin-top:50px;
	margin-right:25px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); 
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
}
.slide .details h1{
	border-bottom: solid 1px #CCC;
	padding-bottom:10px;
}
.slide .details p{
	padding:10px 0px;
	font-family:'Open Sans', Verdana, Arial, sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:19px;
}
.window {
	height:280px;
	overflow:hidden;
	width:685px;
}
.image_reel {
	left:0;
	position:absolute;
	top:0;
}

/* END SLIDER */

.button {
   border-top: 1px solid #99b5cc;
   background: #6f8ca3;
   background: -webkit-gradient(linear, left top, left bottom, from(#87a3b6), to(#6f8ca3));
   background: -webkit-linear-gradient(top, #87a3b6, #6f8ca3);
   background: -moz-linear-gradient(top, #87a3b6, #6f8ca3);
   background: -ms-linear-gradient(top, #87a3b6, #6f8ca3);
   background: -o-linear-gradient(top, #87a3b6, #6f8ca3);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
.button a:visited{
	color:#FFFFFF;
}
  
.bodyLeft{
  position:relative;
  width:675px;
  margin:25px 0px 25px 25px;
  float:left;
}

.bodyLeft h1{
	font-family:'Rokkitt', serif;, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:34px;
	color:#4e5c73;
	margin-bottom:20px;
	margin-top:20px;
}
 
.bodyLeft h2{
	font-family:'Rokkitt', serif;, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:34px;
	color:#4e5c73;
	margin-bottom:20px;
	margin-top:20px;
}

.bodyLeft h3{
	font-family:'Rokkitt', serif;, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:26px;
	color:#00000;
	margin-bottom:10px;
	margin-top:10px;
}

.bodyLeft h4{
	font-family:'Open Sans', Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#4e5c73;
	margin-bottom:20px;
}

.bodyLeft h5{
	font-family:'Rokkitt', serif;, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:20px;
	color:#00000;
	padding-bottom:10px;
}

.bodyLeft a{
	color:#9e0b0f;
	text-decoration:none;
}

.bodyLeft p{
	font-family:'Open Sans', Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	line-height:19px;
	padding-bottom:15px;
}
.owner_p{
	padding: 0px 8px 15px 8px;
}
.owner_image{
	width: 150px;float: left;border-radius: 82px;margin: 0px 5px;border: 1px solid gray;
}
.instructor_image{
	width: 65px;float: left;border-radius: 20px;margin: 5px 5px 0px 5px;border: 1px solid gray;
}
.owner-box{
position: relative;width: 325px;margin: 0px 10px 25px 0px;
float: left;background: #6AFFFF;overflow: hidden;border-radius: 10px;
background: #6AFFFF;
}
.instructor-box{
position: relative;width: 675px;margin: 0px 10px 25px 0px;
float: left;background: #6AFFFF;overflow: hidden;border-radius: 10px;
}
.owner-box h5{
	margin-left: 30px;
}
.instructor-box h5{
	margin-left: 10px;
}
	
.bodyLeftImg{
	position:relative;
	float:left;
	margin-right:15px;
}

.bodyLeft ul{
	position:relative;
	float:left;
    margin:0 15px 1em 40px;
    padding:0;
}

.bodyLeft ul li{
	line-height:18px;
    margin: .25em 0;
    padding: 0 0 5px 5px;
	list-style-image:url(../images/redarrow.png);
	font-family:'Open Sans' Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.bodyLeft ul li a{
	text-decoration:none;
	color:#206e8c;
}

.bodyLeftIndex{
	position:relative;
	float:right;
	width:498px;
}
.bodyLeftIndex p{
	font-family:'Open Sans', Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	line-height:19px;
	padding-bottom:15px;
}


.bodyLeftIndex ul{
	position:relative;
	float:left;
    margin:0 15px 10px 40px;
    padding:0;
}

.bodyLeftIndex ul li{
	line-height:1.2em;
    margin: .25em 0;
    padding: 0 0 5px 5px;
	list-style-image:url(../images/redarrow.png);
	font-family:'Open Sans' Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.bodyLeftIndex ul li a{
	text-decoration:none;
	color:#206e8c;
}

.rightWrap{
	position:relative;
	float:right;
	width:263px;
	margin:25px 25px 25px 0px;
}

.rtBorder{
	position:relative;
	float:left;
	background:url(../images/rtdivide1.png) repeat-y;
	min-height:100px;
	width:9px;
}

.rtContent{
	width:210px;
	margin-left:25px;
}

.rtContent h3{
	position:relative;
	text-align:center;
	font-family:'Rokkitt', Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-weight:normal;
	color:#000000;
}

table#home{
	position:relative;
	margin:10px auto 0 auto;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#4e5c73;
	font-size:16px;
	width:206px;
}

table#home tr td{
	padding:6px 4px;
}

.blueBG{
	background:#f3f9fc;
}

.textRt{
	text-align:right;
}

#apptOnly{
	width:206px;
	position:relative;
	margin:10px auto 0 auto;
}
#apptOnly p{
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#4e5c73;
	font-size:16px;
}

.openQuote{
	 position:relative;
	 width:23px;
	 padding:0px 5px 0px 0px;
	 float:left;
}

.closeQuote{
	 position:relative;
	 width:20px;
	 padding:0px 0px 0px 5px;
	 float:right;
}

.rtContent dl{
	position:relative;
	margin-top:8px;
}

.rtContent dt{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	line-height:18px;
	font-size:12px;
}

.rtContent dd{
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	line-height:18px;
	font-size:12px;
	margin-top:8px;
}

.testimonial{
	position:relative;
	width:165px;
	margin:0 auto;
}

.testimonial p{	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	line-height:18px;
	font-size:12px;
}

.testimonial-box{
	position:relative;
	width:234px;
	margin:0 auto;
	padding:8px 5px;
}

.rtContent ul{
	position:relative;
	margin-top:8px;
}

.rtContent ul li{
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:18px;
	font-size:12px;
	padding:4px 0px;
}

.rtContent ul li a{
	text-decoration:none;
	color:#9E0B0F;
}

.rtContent a{
	text-decoration:none;
	color:#9E0B0F;
}

.rtContent p{
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:18px;
	font-size:12px;
	padding:4px 0px;
}
.footerBG{
	background:url(../images/footerBG.jpg) repeat-x;
	margin-top:40px;
	height:148px;
}

.footerBGcolor{
	background:#E4E4E4;
}

.footerWrap{
	position:relative;
	width:996px;
	margin:0 auto;
}

.footer-logo{
	position:relative;
	float:left;
	background:url(../images/footer-logo.jpg) no-repeat;
	width:314px;
	height:74px;
	margin-top:30px;
}

.footer-right{
	position:relative;
	float:right;
	width:221px;
}

.footer-right p{
	text-align:right;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:10px;
}

.footer-phone{
	position:relative;
	background:url(../images/phone-footer2.jpg) no-repeat;
	height:36px;
	margin-top:30px;
}

li.quiz{
	line-height:1.2em;
    margin: .25em 0;
    padding: 0 0 5px 5px;
	list-style-image:none;
	font-family:'Open Sans' Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
ul.quiz-list{
	position:relative;
	float:left;
    margin:0 15px 0px 10px;
    padding:0;
}
.quizPad{
	margin-right:8px;
}

#vt{
	position:relative;
	margin:25px 0px 25px 25px;
}

h2.subhead{
	position:relative;
	font-family:'Rokkitt', Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-weight:normal;
	color:#000000;
	margin:25px 
}

.contactUsBox{
	position:relative;
	float:right;
	width:300px;
}

.bottomPad{
	padding-bottom:20px;
}

.greenishBG{
	background:#c6e4ec;
}

.blueBG{
	background:#F3F9FC;
}

.intTestimonial{
	width:598px;
	margin:0px 30px;
}
.nh_td{
	background: #5AE6D5;padding-bottom: 10px;
}
.oh_td{
	background: #325C56;padding-bottom: 0px;
}
.h_td{
	background: #CFF9FC;
	cursor: pointer;
	height: 13%;
	width: 27%;
}
.h_td:hover{
	background: blue;
	cursor: pointer;
	color: black;
}
.h_td label{
	cursor: pointer;display: block;border: 0px solid rgb(255, 0, 0);height: 97%;width: 99%;padding: 1px;
}
.h_td label:hover{
	cursor: pointer;
	background: blue;
}

.h_td .p1{
	padding: 0px; line-height: 10px; margin: 10px auto auto; font-size: 15px;
}
.h_td .p2{
	margin: 5px auto auto; line-height: 10px; font-size: 15px;
}
.h_td .p3{
	line-height: 10px; margin: -10px auto -25px; font-size: 15px;
}


.friend_reqsts_div{
	border: 1px solid gray;width: 320px;height: 120px;overflow: hidden;float: left;margin: 20px 10px 0px 0px;box-shadow: 5px 5px 5px 0px rgb(85, 85, 85);background: linear-gradient(#fff, #0E7A9A);font-family: Arial, Helvetica, sans-serif;border-radius: 10px;min-height: 220px;height:auto;
}
.friend_reqsts_div{
	border: 1px solid gray;width: 320px;height: 120px;overflow: hidden;float: left;margin: 20px 10px 0px 0px;box-shadow: 5px 5px 5px 0px rgb(85, 85, 85);background: linear-gradient(#fff, #0E7A9A);font-family: Arial, Helvetica, sans-serif;border-radius: 10px;min-height: 220px;height:auto;
}
.friend_reqsts_pic{	
	width: 118px;height: 118px;float: left;border-right: 1px solid gray;margin: 1px 0px 0px 1px;border-radius: 10px 1px 1px 10px;
}
.friend_reqsts_names{
	float: left;text-align: center;width: 197px;overflow: hidden;height: 120px;padding-top: 5px;
}
.friend_reqsts_names span{
	font-size: 14px;font-weight: lighter;margin: -1px auto auto 5px;color: rgb(0, 0, 120);
}
.student_units{
	text-align: center;min-height: 95px;height:auto;float: left;width: 320px;border-top: 1px solid rgb(0, 0, 120);
}
.student_units span{
	font-size: 14px;font-weight: lighter;margin: -1px auto auto 5px;color: rgb(0, 0, 120);
}
.delete_student
{
	position: absolute;margin: -9px 0px 0px -18px;background: rgb(155,0,0);font-weight: bold;line-height: 25px;text-align: center;width: 24px;box-shadow: 1px 1px 3px rgb(0, 0, 0);border-radius: 12px;color: white;
}
.delete_student:hover{
	background: rgb(255,0,0);cursor: pointer;
}
.reinstate_student
{
	position: absolute;margin: -9px 0px 0px -18px;background: rgb(0,155,0);font-weight: bold;line-height: 25px;text-align: center;width: 24px;box-shadow: 1px 1px 3px rgb(0, 0, 0);border-radius: 12px;color: white;
}
.reinstate_student:hover{
	background: rgb(0,255,0);cursor: pointer;
}
#drop:hover #nav ul{
	display: block;
}
.disabledbutton {
	pointer-events: none;opacity: 0.4;
}
.enabledbutton {
	pointer-events: auto;opacity: 1.0;
}
