/* layout css */
body{
  float:none;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% top;
  font-family: "Lucida Grande Regular", "Lucida Sans Roman", "Lucida Sans Unicode", "Lucida Grande","Arial",sans-serif;
  font-size: 12px;
  color: #6c554e;
/*  background:url(images/body-bg.jpg) ;*/
  background-color: #ffffff;
  margin-top:0;
}
div#wrapper {
/*  background:url(images/body-bg.jpg);*/
  margin: 0 auto;
  text-align: left;
  position: relative;
  width:990px;
}
div#page {
  padding: 0px;
  margin: 0px;
}
a img {
  border: 0px;
}
a { 
  color: #95CF73; 
  text-decoration: none;
  outline: none;
}
a:visited { 
  color: #71bc49; 
}
a:hover { 
  color: #e79224; 
}
sup {
  line-height: 0px;
}
* html sup {
  font-size: 9px;
}
/* end layout css */

/* header css */
div#header {
/*  background: #FFFFFF url('site-images/header-bkgrnd.jpg') no-repeat; */
  width:990px;
  height:208px;
  padding: 0px;
  margin: 0px;
  position:relative;
}
img#logo {
  position: absolute;
  left: 16px;
  top: 55px;
}
div#login-register {
  float: right;
  text-align: right;
  padding: 75px 20px 0px 0px;
}
div#login-register #trial {
  display: block;
  margin-top: 5px;
}
a.n-services {
/*  background: url(site-images/nav-buttons/services.gif); */
/*  width: 97px;*/
}
a.n-services-selected {
/*  background: url(site-images/nav-buttons/services-selected.gif);*/
/*  width: 97px;*/
}
a.n-services:hover {
  /*background: url(site-images/nav-buttons/services-hover.gif);*/
}
a.n-eteachables {
/*  background: url(site-images/nav-buttons/eteachables.gif); */
/*  width: 118px;*/
}
a.n-eteachables-selected {
 /* background: url(site-images/nav-buttons/eteachables-selected.gif);*/
/*  width: 118px;*/
}
a.n-eteachables:hover {
 /* background: url(site-images/nav-buttons/eteachables-hover.gif);*/
}
a.n-about-us {
/*  background: url(site-images/nav-buttons/about-us.gif); */
/*  width: 98px;*/
}
a.n-about-us-selected {
/*  background: url(site-images/nav-buttons/about-us-selected.gif);*/
/*  width: 98px;*/
}
a.n-about-us:hover {
 /*background: url(site-images/nav-buttons/about-us-hover.gif);*/
}
a.n-how-to-order {
/*  background: url(site-images/nav-buttons/how-to-order.gif); */
/*  width: 110px;*/
}
a.n-how-to-order-selected {
 /* background: url(site-images/nav-buttons/how-to-order-selected.gif);*/
/*  width: 110px;*/
}
a.n-how-to-order:hover {
/*  background: url(site-images/nav-buttons/how-to-order-hover.gif);*/

}
a.n-login {
/*  background: url(site-images/nav-buttons/connections.gif); */
/*  width: 120px;*/
}
a.n-login-selected {
 /* background: url(site-images/nav-buttons/connections-selected.gif);*/
/*  width: 120px;*/
}
a.n-login:hover {
 /* background: url(site-images/nav-buttons/connections-hover.gif);*/

}
/*a.n-news {
  width: 139px;

}
a.n-news-selected {
  width: 139px;

}

a.n-news:hover {
}
*/

p.subnav {
  background: #E0D9D6 url(site-images/nav-buttons/grey-under-nav.gif) no-repeat;
  width: 709px;
  height: 25px;
  position: relative;
  top: 8px;
  z-index: 29;
  margin: 0px !important;
  color: #ffffff;
  padding: 20px 0px 0px 0px;

}
p.subnav_white {
  background: #FFFFFF url(site-images/nav-buttons/white-under-nav.gif) no-repeat;
  width: 709px;
  height: 25px;
  position: relative;
  top: 8px;
  z-index: 29;
  margin: 0px !important;
  color: #ffffff;
  padding: 20px 0px 0px 0px;

}
div.subnav_white {
  background: #FFFFFF url(site-images/nav-buttons/white-under-nav.gif) no-repeat;
  width: 709px;
  height: 25px;
  position: relative;
  top: 8px;
  z-index: 29;
  margin: 0px !important;
  color: #ffffff;
  padding: 0px 0px 0px 0px;

}
p.btn_library {
	  background: #FFFFFF url(site-images/btn_library.gif) no-repeat;
	  padding:20px;
	  color:#FFF;
	  width:163px;
	  height:88px;
	  margin-right:5px;
	  font-size:14px;
	  text-align:center;

	
}
* html p.subnav {
  width: 706px;
  /*left: -3px;*/
}
p.subnav a {
  color: #6c554e;
}
p.subnav a:hover,
p.subnav a.selected {
  color: #4375A7;
}

/* end header css */

/* left rail css */
div#left-rail {
  width: 278px;
  float: left;
  position: relative;
  z-index: 10;
  margin-bottom:20px;
  background:url(images/sidebar.png) no-repeat;
  min-height:992px;
}
div#left-rail a {
  text-decoration: none;
  font-weight: bold;
  color: #e79224;
}
div#left-rail a:hover {
  color: #4375a7;
}
div#left-rail a.learn {
  text-decoration: none;
  font-weight: normal;
  color: #6c554e;
}
div#left-rail a.learn:hover {
  color: #4375a7;
}
div#left-rail h3 a {
  color: #4375a7;
}
div#left-rail a:hover {
  color: #6c554e;
}
div#left-rail img.orange-arrow {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
img#index-tagline {
  margin: 0px;
  width: 280px;
  height: 337px;
}
h2.news {
	font-size:24px;
	display:block;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:15px;
}
h2.offer {
	font-size:24px;
	display:block;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:15px;
}
h2 {
  padding: 0px;
  margin: 0px;
}
div#left-rail p {
  padding: 10px 25px 0px 30px;
  margin: 0px;
  width: 220px;
}
div#wrapper div.left-services p {
  padding: 5px 25px 10px 30px;
}
.greenline {
  border-top:1px solid #95CF73;
  margin:15px 30px;
  text-align:center;
  width:220px;  
  padding: 0px;
  line-height: 1px;
}
div#left-rail p.subscriptions {
  color: #4375a7;
  font-size: 16px;
  margin-top: 0px;
}
div#left-rail h3 {
  color: #4375a7;
  font-weight: bold;
  font-size: 14px;
  padding: 0px 0px 0px 20px;
  margin: 10px 30px 0px 30px;
  background: url(site-images/orange-arrow.gif) no-repeat; 
}
#newsletter {
	background-image: url(site-images/left-rail-graphics/bg_newsletter.png);
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

/* end left rail css */

/* slideshow */

.slideshow{
  width:709px; 
  float:none;
  position: relative;
  padding: 0px;
  margin: 0px;
}
* html .slideshow {
  left: -4px;
  width: 705px;
}

/*** set the width and height to match your images **/
#slideshow {
    position:relative;
    height:300px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}
/* end slideshow */

/* main content css */
#main-content {
  padding-left: 281px;
  position: relative;
  top: -3px;
}
#main-content.pricing{
  padding-left: 278px;
}
.main-with-subnav {
  top: -11px !important;
}
#main-content h1 {
  margin: 30px 10px 20px 30px;
  color: #4375a7;
  font-weight: normal;
  font-size: 24px;
}
#main-content h2 {
  font-weight: bold;
  font-size: 14px;
  padding-top: 15px;
  margin: 10px 10px 0px 30px;
}
#main-content h3 {
  font-weight: bold;
  font-size: 13px;
  padding-top: 15px;
  margin: 10px 10px 0px 30px;
}

#main-content ul,
#main-content ol{
  margin: 0px 10px 10px 30px;
}
#main-content p.above-ul {
  margin-bottom: 0px;
}
#main-content h2.above-ul {
  margin-bottom: 5px;
}
#main-content p {
  margin: 5px 10px 10px 30px;
}
#main-content p.left-col,
#main-content div.left-col {
  float: left;
  width: 330px;
  margin: 0px 30px 0px 30px;
}
#main-content div.left-col h2,
#main-content div.right-col h2 {
  margin-left: 0px;
  margin-top: 0px;
}
#main-content p.right-col,
#main-content div.right-col {
  margin: 0px 0px 0px 390px;
}
#main-content p.share-sublime {
  margin-top: 30px;
  padding: 10px 30px 10px 0px;
  border-top:1px solid #95CF73;
  border-bottom:1px solid #95CF73 ;
  color: #4375a7;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
}
#main-content p.share-sublime a {
  color: #4375a7;
}
#main-content .greenline {
  width: 679px;
  margin-right: 0px;
}
* html #main-content .greenline {
  width: 600px;
}
#main-content .caption-video {
  float:left;
  margin: 0px 0px 0px 30px;
  width: 384px;
}
#main-content .caption-video .video{
  border-top: 4px solid #cccccc;
  border-right: 4px solid #cccccc;
  border-left: 4px solid #cccccc;
}
#main-content .caption-video .caption {
  background-image:url('site-images/video-caption.gif');
  background-repeat:no-repeat;
  color:white;
  margin: 0px;
  padding: 5px;
  height: 55px;
}
#main-content div.testimonial {
  margin-left: 444px;
}
#main-content div.testimonial-subpage {
  margin: 0px 80px !important;
	font-style: italic;
  padding-bottom: 10px;
}
#main-content div.testimonial-cofounder {
  margin: 0px 80px !important;
	font-style: italic;
  padding-bottom: 10px;
	padding-right: 30px;
  border-top:1px solid #95CF73;
  border-bottom:1px solid #95CF73;
	
}
#main-content p.quote {
  font-size: 16px;
}
#main-content p.quote strong {
  color: #4e7dac;
  font-weight: bold;
}
#main-content p.author {
  color: #4e7dac;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
	margin-bottom: 0px;
}
#main-content p.author-title {
  font-size: 11px;
  text-align: right;
	text-transform: uppercase;
  margin-top: 0px;
}

/* END main content css */

/* footer css */
#footer{
  clear:both;
  text-align:center;
}
#footer .footer-links {
  margin: 20px 0px 3px 0px;
  padding: 0px;
}
#footer .footer-links a {
  color: #76605a;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 10px 0px;
}
#footer .footer-links a:hover {
  color: #95CF73;
}
#footer p.contact-info {
  border-top: 1px solid #b7dc9e;
  color: #b5aaa6;
  font-size: 11px;
  padding: 3px 0px 30px 0px;
  margin: 0px;
}
/* end footer css */

div#preload,
div#preload img {
  visibility: hidden;
  position: absolute;
  display: none;
}
/* login overlay*/

.black_overlay{
	z-index: 10000;
	filter: alpha(opacity=90); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE */
	-moz-opacity: .90; /*older Mozilla*/
	-khtml-opacity: 0.9;   /*older Safari*/
	opacity: 0.9;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	display: none;
}
	.white_content {
	display: none;
	width: 600px;
	height: 500px;
	margin-bottom:auto;
	margin-top:auto;
	z-index:11000;
	position: absolute;
	text-align: center;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
		}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* new 10-12-11 ... pulled from slice */

.ml-15{margin-left:15px;}

.cl{ clear:both; font-size:0; height:0; }
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

div#header ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav{
	margin: 0px;
	vertical-align: top;
	text-align: left;
	position: absolute;
	top: 153px;
	left: 278px;
	z-index: 30;
	width:712px;
}
	.nav-left{
		background:url(images/nav-left.png) no-repeat;
		padding-left:11px;
	}
	.nav-main{
		background:#000 url(images/nav-main.jpg) repeat-x;
	}
		.nav ul{
			zoom:1;
		}
		.nav li{
			float:left;
			background:url(images/separetor.jpg) no-repeat;
		}
		.nav li.none{
			background:none;
		}
		.nav li a{
			color: #ffffff;
			display: block;
			float: left;
			height: 32px;
			line-height:32px;
			font-weight: bold;
			padding:13px 14px;
			font-size:14px;
		}
		.nav a:hover {
		  color: #f5c279;
		  font-style:normal;
		  font-weight:normal;
		}
		.nav a:focus, .nav a:active{
			padding:14px 14px 12px;
		}
		.nav a:focus {
		}
		.nav li a img{

		}
		.nav li a.last{
			position:relative;
		}
			.nav li a.last .free-trail{
				position:absolute;
				right:23px;
				top:-8px;
			}
.teaching{
	position:absolute;
	left:275px;
	top:20px;
	color:#72635f;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px solid #cec9c8;
	padding:10px 0 0 10px;
}
	.teaching p{
		margin:0;
	}
.login-box{
	position:absolute;
	right:0px;
	top:0px;
	background:url(images/login-box.png) no-repeat;
	width:339px;
	height:31px;
}
	#header .login-box ul{
		padding:5px 0 0 12px;
		position:relative;
		float:left;
	}
	.login-box li{
		float:left;
		padding-left:7px;
	}
	.login-box li a{
		float:left;
		display:block;
	}
	.login-box li img{
		vertical-align:middle;
	}
	.login-box li.like-us{
		position:absolute;
		top:40px;
		left:35px;
	}
	.login-box p{
		width:130px;
		float:right;
		margin:0;
		padding:5px 0 0;
	}
		.client-login{
			display:inline-block;
			vertical-align:middle;
			background:url(images/client-login.jpg) no-repeat;
			font-size:0;
			color:#fff !important;
			width:116px;
			height:17px;
		}

#main-content .main-new{
	padding:20px 0 0;
}
	#main-content .main-new h2{
		font-size:24px;
    color: #2f2f2f;
		padding:20px 0;
		margin:0;
	}
		#main-content .main-new h2 span{
			font-weight:normal;
			display:inline-block;
/*      vertical-align:middle;*/
		}
		#main-content .main-new h2 a{
			display:inline-block;
/*      vertical-align:middle;*/
		}
		#main-content .main-new h2 a img{
			vertical-align:middle;
			margin-left:7px;
		}
	#main-content .subscriptions-2 h2{
    margin-left: 30px;
	}
	#main-content .individual{
		height:100%;
		overflow:hidden;
	}
		#main-content .teachable{
			width:223px;
			float:left;
			margin-left:14px;
			position:relative;
			margin-top:15px;
		}
			#main-content .teachable-top{
				background:url(images/box-top.png) no-repeat;
				width:187px;
				padding:0 15px;
				height:53px;
			}
			#main-content .teachable-mid{
				background:url(images/box-mid.png) repeat-y;
				width:187px;
				padding:0 15px;
				min-height: 295px;
			}
			#main-content .teachable-bot{
				background:url(images/box-bot.png) no-repeat bottom center;
				width:217px;
/*        height:12px;*/
			}
			#main-content .teachable-bot p{
        border-top: 1px solid #ECECEC;
        margin: 0 auto;
        padding: 10px 0;
        text-align: center;
        width: 185px;
			}
			.i-icon{
				display:block;
				position:absolute;
				right:5px;
				top:-5px;
				background:url(images/i-icon.png) no-repeat;
				width:25px;
				height:25px;
			}
			#main-content .teachable h4{
				text-align:center;
				padding:0;
				margin:0px;
				color:#fff;
				font-size:14px;
				padding-top:10px;
			}
				#main-content .teachable span{
					display:block;
					font-weight:normal;
					font-size:12px;
				}
			#main-content .teachable ul{
				padding:10px 0 ;
				margin: 0 10px 0 15px;
			}
				#main-content .teachable li{
					color:#414141;
					background:url(images/pencil.png) no-repeat;
					font-weight:bold;
					list-style: none;
					font-family:Arial, Helvetica, sans-serif;
					padding:3px 0 10px 32px;
				}
			#main-content .teachable p{
/*        padding:10px 0 0 10px;
        border-top:1px solid #ececec;
        margin:0;*/
			}
				#main-content .teachable p span{
					display:inline-block;
					vertical-align:middle;
					width:82px;
					font-family:Arial, Helvetica, sans-serif;
					color:#010101;
				}
					#main-content .teachable p span strong{
						font-size:20px;
						display:inline-block;
						vertical-align:middle;
					}
					#main-content .teachable p span label{
						font-size:14px;
						display:inline-block;
						vertical-align:middle;
						margin-left:3px;
					}
				#main-content .teachable p a{
					display:inline-block;
					vertical-align:middle;
				}
				#main-content .teachable p a:focus, #main-content .teachable p a:active{
					position:relative;
					top:1px;
				}
	.district-wide{
		margin-left:30px;
	}
		#main-content .detail{
			background:url(images/box-rounded.png) no-repeat;
			width:654px;
			height:153px;
		}
			#main-content .detail-left{
				width:154px;
				float:left;
				text-align:center;
			}
				#main-content .detail-left img{
					vertical-align:middle
				}
				#main-content .detail-left em{
					display:inline-block;
					vertical-align:middle;
					height:153px;
					font-size:0;
				}
			#main-content .detail-right{
				width:500px;
				float:right;
				font-family:Arial, Helvetica, sans-serif;
				color:#2f2f2f;
			}
				#main-content .detail-right p{
					padding:20px;
					font-size:14px;
					margin:0;
				}
				#main-content .detail-right h5{
					padding:0;
					margin:0;
					font-size:24px;
					padding-left:20px;
				}
	.services{
		margin-left:30px;
	}

/* sidebar */

.unleash{
  height: 350px;
  position: relative;
}
	.unleash h2{
		font-size:28px;
		color:#fff;
		padding:85px 0 0 20px;
	}
	.unleash h3 span{
		font-weight:normal;
	}
.we-offer{
	padding:90px 0 0;
}	
	#left-rail .we-offer strong{
		font-size:24px;
		display:block;
		text-align:center;
		text-transform:uppercase;
		margin-bottom:15px;
	}
	#left-rail .we-offer h4{
		background:none;
		padding:0;
		margin:0;
		background:url(images/btn.png) no-repeat;
		margin-left:30px;
		padding-left:20px;
		font-size:14px;
	}
	#left-rail .we-offer h4 a{
		color:#4375A7;
	}
		#left-rail .we-offer h4 a:hover{
			color:#6c554e;
		}
	.we-offer span{
		display:block;
		margin:0 0 10px 30px;
	}
	.we-offer{

	}

/* sidebar */

/* fancy box */
.popup-window{
	width:500px;
/*  height:400px;*/
	overflow:auto;
	text-align: left;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	color: #000;
}

.popup-window ul{
	margin: 0px 10px 10px 15px;
	list-style: none;
}

.popup-window li {
	background: url(images/pencil.png) no-repeat;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 0 10px 32px;
}