* { margin: 0; padding: 0; outline: 0; }
body { position: relative; font: 12px/18px Arial,sans-serif; color: #aca3a5; text-align: left; background: #231f20; }

a { color: #63b9ff; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

hr { background: none; border: none; height: 1px; margin: 1em 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 1024px; }

h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:286px;
	height:267px;
	margin:0 auto;
	margin-top:66px;
	
}
h1#logo a{
	display: block;
	height:267px;
	background:url(/static/images/logo.gif);
}
h2{font-size: 24px; line-height:26px; font-weight: normal; color:#777172}
h4{font-size: 12px; line-height:14px; text-transform: uppercase; color:#777172; font-weight: normal;}

#header{background:#231f20; height:105px; color:#fff}
#header .user {text-align: right;}
#header .user p{line-height:37px;}
#header .user span{padding: 0 5px}

#nav{height:66px; border-top:solid 1px #928c8d; margin-top:1px; }
#nav ul{height:67px !important; list-style-type: none;}
#nav li{height:67px; float: left; border-right:solid 1px #928c8d; width:159px !important; }
#nav li a{
	float: left; 
	background:url(/static/images/a-bg.jpg); 
	width:144px; 
	height:57px; 
	font-weight: bold; 
	font-size: 15px; 
	color:#bab3b5; 
	padding-left:15px; 
	padding-top:8px;
	border-bottom:solid 1px #928c8d;
}
#nav li a.blue {
	background:url(/static/images/blue-bg.jpg);
	color: #FFF;
}

#nav li a.red {
	background:url(/static/images/red-bg.jpg);
	color: #FFF;
}
#nav li a:hover{background-position: 0 bottom; text-decoration: none; color:#231f20;}
#nav li a.active{background-image: none; background-color: #fff;border-bottom:solid 1px #fff; color:#706e6e}
#nav li a small{font-size: 10px; text-transform: uppercase; display: block;}

#content{padding:28px 0; background:#fafafa; border-bottom:solid 1px #9f9e9e; }
#content #main{width:732px; float: left; display: inline;}
#content .frame{ text-align: center;}
#content .expanded{width:696px; background:url(/static/images/rep.gif) repeat-y; margin-left:25px}
#content .expanded .top{width:696px; background:url(/static/images/top.gif) no-repeat;}
#content .expanded .btm{width:696px; background:url(/static/images/btm.gif) no-repeat 0 bottom; min-height:445px; padding-bottom:15px}
#content .lesson{padding-left:35px; padding-top:15px; padding-bottom:30px; padding-right: 20px;}
#content .lesson h2{color:#1b67b2; padding-top:20px; padding-bottom:8px}
#content .lesson h3{color:#1b67b2; font-weight: bold; padding-left:20px; padding-top:4px; font-size: 14px;}
#content .lesson h4{color:#1b67b2; font-weight: bold; padding-left:20px; padding-top:4px; font-size: 14px;}
#content .lesson p{margin: 1ex 0; padding-left:20px; color:#6e6c6d; font-size: 14px;}
#content .lesson ul,
#content .lesson ol {margin: 1ex 0; padding-left:20px; list-style-position: inside;}
#content .lesson ol ol {list-style-type: upper-alpha;}
#content .lesson li {margin: 1em 0; color:#6e6c6d; font-size: 14px;}
#content .lesson img {display: block; margin: 2em auto;}
#content #sidebar{width:265px; float: right; display: inline; padding-top:5px}
#content #sidebar p{font-size: 11px; line-height:13px;}
#content #sidebar h2{padding-bottom:7px}
#content #sidebar ul{width:264px; list-style-type: none;}
#content #sidebar li{width:264px; float: left;}
#content #sidebar li a,
#content #sidebar li.inactive span{width:264px; height:57px; background:url(/static/images/sprite.gif); float: left; text-indent: -4000px; font-size: 0; line-height:0;}

#content #sidebar li a.pre{background-position: 0 0px; }
#content #sidebar li.inactive span.pre{background-position: -792px 0px; }
#content #sidebar li a:hover.pre{background-position:-528px 0px; }
body.pre #content #sidebar li a.pre{background-position:-264px 0px; }

#content #sidebar li a.teacher_guide{background-position: 0 -400px; }
#content #sidebar li.inactive span.teacher_guide{background-position: -792px -400px; }
#content #sidebar li a:hover.teacher_guide{background-position: -528px -400px; }
body.resources #content #sidebar a.teacher_guide{background-position: -264px -400px; }

#content #sidebar li a.plan{background-position: 0 -57px; }
#content #sidebar li.inactive span.plan{background-position: -792px -57px; }
#content #sidebar li a:hover.plan{background-position: -528px -57px; }
body.plan #content #sidebar li a.plan{background-position: -264px -57px; }

#content #sidebar li a.video{background-position: 0 -114px; }
#content #sidebar li.inactive span.video{background-position: -792px -114px; }
#content #sidebar li a:hover.video{background-position: -528px -114px; }
body.video #content #sidebar li a.video{background-position: -264px -114px; }

#content #sidebar li a.worksheet{background-position: 0 -171px; }
#content #sidebar li.inactive span.worksheet{background-position: -792px -171px; }
#content #sidebar li a:hover.worksheet{background-position: -528px -171px; }
body.worksheet #content #sidebar a.worksheet{background-position: -264px -171px; }

#content #sidebar li a.app{background-position: 0 -171px; }
#content #sidebar li.inactive span.app{background-position: -792px -171px; }
#content #sidebar li a:hover.app{background-position: -528px -171px; }
body.app #content #sidebar a.app{background-position: -264px -171px; }

#content #sidebar li a.visual{background-position: 0 -228px; }
#content #sidebar li.inactive span.visual{background-position: -792px -228px; }
#content #sidebar li a:hover.visual{background-position: -528px -228px; }
body.visual #content #sidebar a.visual{background-position: -264px -228px; }

#content #sidebar li a.evaluation{background-position: 0 -285px; }
#content #sidebar li.inactive span.evaluation{background-position: -792px -285px; }
#content #sidebar li a:hover.evaluation{background-position: -528px -285px; }
body.evaluation #content #sidebar a.evaluation{background-position: -264px -285px; }

#content #sidebar li a.resources{background-position: 0 -342px; }
#content #sidebar li.inactive span.resources{background-position: -792px -342px; }
#content #sidebar li a:hover.resources{background-position: -528px -342px; }
body.resources #content #sidebar a.resources{background-position: -264px -342px; }

.login-form {width:472px; background:url(/static/images/repeat.gif) repeat-y; margin:0 auto; margin-top:80px; margin-bottom:100px}
.login-form .top{width:472px; background:url(/static/images/top.jpg) no-repeat;}
.login-form .btm{width:472px; background:url(/static/images/btm.jpg) no-repeat 0 bottom; min-height:215px}
.login-form .liner{padding-top:30px; padding-left:30px; padding-bottom: 30px; width:415px}
.login-form label{display: block; padding: 5px 0; font-size: 14px; line-height:19px; font-weight: bold; text-transform: uppercase; float: left; width:100px; color:#777172}
.login-form .field-wrapper {clear: left;}
.login-form .fld{float: left; background:url(/static/images/fld.gif); width:313px; height:29px; margin-bottom:10px}
.login-form #id_username,
.login-form #id_password,
.login-form #id_email,
.login-form #id_new_password1,
.login-form #id_new_password2{width:300px; font-size: 14px; margin-left:5px; line-height:15px; margin-top:3px; border:0}
.login-form input.login{width:76px;height:43px; border:0; background:url(/static/images/login.gif); float: right; cursor:pointer}
.login-form input:hover.login{background-position: 0 bottom;}
.login-form form h2{color:#0e68b3; float: left;padding-bottom:15px}
.login-form form a.pass{color:#0e68b3; float: right;}
.login-form .form_message {clear: both; margin: 1em; padding: 1ex 1em; background: #fcc; color: #811;}

.inner #footer{background-image: none;	}
#footer{background:#231f20; height:120px; font-size: 10px; line-height:12px; }
#footer p{padding-top:35px}
#footer h2.logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:85px;
	height:87px;
	float: left;
	display: inline;
	margin-right:30px;
	margin-top:13px;
}
#footer h2.logo a{
	display: block;
	height:87px;
	background:url(/static/images/ftr-logo.gif);	
}

#fbi-shutter,
#fbi-warning { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#fbi-shutter { background: #000; z-index: 1000; }
#fbi-warning { background: transparent url('/static/images/fbi-warning.jpg') no-repeat center 64px; z-index: 1001; }

#legal-content h1,
#legal-content h2,
#legal-content h3,
#legal-content h4,
#legal-content h5,
#legal-content p  {color: #333; line-height: 1.4em;}
#legal-content h1,
#legal-content h2,
#legal-content h3,
#legal-content h4,
#legal-content h5 {color: #666; margin: 1ex 0; font-weight: bold;}
#legal-content p  {margin: 1em 0;}
#legal-content h1 {color: #0E68B3; font-size: 2em; font-weight: normal;}
#legal-content h2 {color: #555; font-size: 1.8em; font-weight: normal;}
#legal-content h3 {font-size: 1.4em;}
#legal-content h4 {font-size: 1.2em;}
#legal-content h5 {font-size: 1em;}
#legal-content p  {font-size: 1em;}
#legal-content a  {color: #0E68B3;}
#legal-content label {width: auto; float: none;}