/*  used from http://www.cssstickyfooter.com  */
/* overall site structure */
* {margin:0; padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body {height:100%;}
html {overflow:scroll;}
#wrap {
	min-height:100%; 
	width:800px;
	margin:-50px auto 0;
	background:#fff url(images/leftnav-bg.jpg) repeat-y;}
* html #wrap {height:100%;}
#main {
	overflow:auto;
	width:800px; 
	margin:0 auto;
	clear:both;}
	
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

body {
	font:normal 13px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background:#ede4d2 url('images/map-bg.jpg') repeat-x fixed center left; 
	color:#333;}
a img {border:none;}
img.middle {vertical-align:middle;}
img.txttop {vertical-align:text-top;}
img.txtbottom {vertical-align:text-bottom;}
img.bottom {vertical-align:bottom;}
img.top {vertical-align:top;}

a, a:link, a:visited {
	color:#2959c4; 
	text-decoration:underline; 
	font-weight:bold;}
a:hover {color:#6C823A;}

#header {
	padding:0; 
	height:140px; 
	width:800px; 
	margin:0 auto;
	border-top:50px solid #fff;}

form {display:inline;}

/* user top navigation icons */
.toplinks {
 	width:615px;
 	padding-bottom:20px;
 	text-align:right;}

/* Content Section */
#content {
	width:615px; 
	float:right;
	font:normal 13px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;}
#content h1 {
	font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0d371a;
	text-align:left;}
#content h1 span {color:#6C823A;}
#content h1 span.logoutmsg {color:#333; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#content h2 {font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; text-decoration:underline; margin-top:1em; color:#0d371a;}
#content h3 {font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; margin:1em 0 0 0; color:#0d371a;}
h4 {font:italic bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color:#006900;}
#content p {
	margin:10px 0 5px 0; 
	text-align:justify;
	font:normal 13px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#inner, .inner-content {padding:0 10px 20px 10px;}

.print-btn {
 width:80%;
 margin:auto;}
.suberror {color:red; font-weight:bold;}
.answer {
 text-align:left;
 font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
 margin-top:0;
 padding:0 20px;}
.excerpt {
 text-align:justify;
 padding-left:20px;
 padding-right:20px;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}	
#missed {
 max-height:40px; 
 max-width:250px; 
 overflow-y:scroll;
 font:normal 12px "Trebuchet MS", Verdana, Arial, sans-serif;
 padding:8px;
 border:1px solid #999999;
 margin:auto;}
#reading {max-width:100%; padding:15px; background-color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}
.views {
 float:right;
 width:200px;
 text-align:right;}
#plan {
 width:100%;
 margin:1em auto;
 border-left:1px solid #0a3619;
 border-top:1px solid #0a3619;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
#plan th {
 background-color:#c3cdaf;
 color:#0a3619;
 border-right:1px solid #0a3619;
 border-bottom:1px solid #0a3619;
 text-align:center;
 font-weight:bold;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
#plan td {
 vertical-align:top;
 border-right:1px solid #0a3619;
 border-bottom:1px solid #0a3619;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
#plan .label {
 font-weight:bold;
 text-align:right;
 border:0px;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
#plan .labelctr {
 font-weight:bold;
 text-align:center;
 border:0px;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
#plan .info {
 font-weight:normal;
 text-align:left;
 border:0px;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
#listview {
 width:100%;
 background:whitesmoke;}
#listview td {
 text-align:center; 
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
 font-size:11px; 
 border:1px solid #ccc; 
 vertical-align:top;
 padding:0.2em;}
#listview th {
 padding:8px;
 background-color:#c3cdaf;
 text-align:left;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
#listview .update {
 padding:8px;
 background-color:#c3cdaf;
 text-align:center;
 border:none;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
#listview .key {
 text-align:left;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
 font-size:11px;
 padding:8px;
 border:none;
 background-color:#d8dfcb;}
#listview .success {
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
 font-size:12px; 
 text-align:center;
 border:none;
 background-color:#99ff99; 
 padding:8px;}
#listview .fail {
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
 font-size:12px; 
 text-align:center;
 border:none;
 background-color:#ff9999; 
 padding:8px;}
th {
 background-color:#c3cdaf;
 padding:5px 0px;
 color:#0a3619;
 text-align:center;
 font-weight:bold;
 font-size:14px;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
td {padding:3px;}
.tbl-title {
 background-color:#c3cdaf;
 color:#0a3619;
 text-align:center;
 font-weight:bold;
 font-size:14px;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
.subtitle {
 background-color:#f0e5bc;
 text-align:center;
 font-weight:bold;
 font-size:13px;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
.label {
 font-weight:bold;
 text-align:right;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
.labelctr {
 font-weight:bold;
 text-align:center;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
.info {
 font-weight:normal;
 text-align:left;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
.smallnav {
 text-align:left;   
 font-weight:bold;
 font-size:11px;
 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
.center {text-align:center;}
.normal {font-weight:normal;}
.bold {color:#000000; font-weight:bold;}
sup {font-size:11px;}
.red {color:red;}
.redbd {color:red; font-weight:bold;}


#leftnav {
	width:185px; 
	float:left; 
	padding:0;}
/* Left navigation menus */
#navcontainer1 { width:180px; margin-top:0; }
#navcontainer1 ul {
	margin-left:0;
	padding-left:0;
	list-style-type:none;}
#navcontainer1 a {
	display:block;
	padding:1px 3px;
	margin:6px 0;
	width:174px;
	text-align:right;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;}
#navcontainer1 a span {text-transform:none;}
#navcontainer1 a:link, #navlist1 a:visited {
	color:#fff;
	text-decoration:none;}
#navcontainer1 a:hover {
	background-image:url(images/navhover-bg.jpg);
	color:#fff;}
#navcontainer2 { width:180px; padding-bottom:10px; }
#navcontainer2 ul {
	margin-left:0;
	padding-left:0;
	list-style-type:none;}
#navcontainer2 ul li.section {
	color:#d8b42a;
	padding:3px 3px 0 3px;
	margin-top:5px;
	text-align:right;
	text-transform:uppercase;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#navcontainer2 a {
	display:block;
	padding:0 3px;
	width:174px;
	text-align:right;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:none;}
#navcontainer2 a span {text-transform:none;}
#navcontainer2 a:link, #navlist2 a:visited {
	color:#fff;
	text-decoration:none;}
#navcontainer2 a:hover {
	background-image:url(images/navhover-bg.jpg);
	color:#fff;}
	
/* Footer */
#footer {
	position:relative;
	margin:0;
	height:50px; 
	clear:both; 
	color:#fff; 
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer a {
	color:#fff; 
	text-decoration:none; 
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer a:hover {
	color:#fff; 
	text-decoration:underline;}
#foot {
	width:800px; 
	margin:0 auto;
	background-color:#6C823A;
	height:50px;}
#foot p {
	text-align:center;
	padding-top:8px;
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}