html { height: 100%; margin-bottom: 1px; }
body{FONT-FAMILY: Arial, sans-serif;font-size: 10pt;background: #000066;text-align: center; margin: 0 0 0 0;} 
.pageBody {text-align: left; width: 981px; padding: 0 3px 0 3px; margin-left: auto; margin-right: auto;} 

div.menu{padding:4px 0 0 0;font-size: 11pt}
ul.topBoxes,ul#topBoxes li{list-style-type:none;margin:0;padding:0}
ul.topBoxes{width:100%;overflow:hidden;margin-bottom:20px}
ul.topBoxes li{float:left;width:170px;margin-right:10px;padding: 10px 0}
li.box1{background: #E65714}
li.box2{background: #42B4AC}
ul.topBoxes li.box3{margin-right:0;background: #7D63A9}
ul.topBoxes p,ul.topBoxes h3{margin:0;padding: 0 10px}
ul.topBoxes h3{text-transform:uppercase;padding-bottom:3px;color: #FFF;text-align:left}

#corner_fixed{position:fixed;_position:absolute;bottom:0px;	right:0px;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - this.offsetWidth);}
#sun_fixed_bot{position:fixed;_position:absolute;left:0px; bottom:0px;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(0);}

.nw{white-space: nowrap;}
.largeText{font-size: 120%;}
.bitLargerText{font-size: 110%;}
.smallText{font-size: 90%;}
.tinyText{font-size: 80%;}
.boldText{font-weight:bold;}
.center{text-align:center;}
P.breakhere {page-break-before: always}

div.footer{font-size: 120%;background: #5A718C;color: #FFF;width:100%}
div.footer div{padding: 5px 0 5px;text-align:center;margin:0px 5px 0px 5px;}
div.footer a:link, div.footer a:visited{color: #ffffff;}

.footerIdent {font-size: small;text-align: left;color: #ffffff;}
.footerIdent a:link, .footerIdent a:visited{color: #ffffff;}
.footerLinks {font-size: small;text-align: center;margin: 0 0 10px 0;}
.footerLinks a:link, .footerLinks a:visited{color: #0055AA;}

h1{FONT-FAMILY:Verdana,Arial,sans-serif;font-size: 140%;margin-top: 8px;margin-bottom: 2px;text-align: center;}
h2{font-size: 120%;margin-top: 8px;margin-bottom: 2px;text-align: left;text-align: center}
h3{font-size: 100%;margin-top: 6px;margin-bottom: 2px;text-align: left;text-align: center}
h4{margin-top: 6px;margin-bottom: 2px;text-align: left}

.faq h2{font-size: 120%;margin-bottom: 0px;text-align: left;}
.unitListArea h2{text-align: left;}

.lessonTopBG {background: #000066;}
.lessonBotBG {background: #ffffff;}

.message {padding: 8px 5px 8px 5px;border: 3px solid RED;background-color:#E3F0F8;margin-bottom:3px;}
.message h1{color: #ff0000;text-align: left;margin: 0 0 0 0;font-size:120%;}
.message h2{color: #006600;text-align: left;margin: 0 0 0 0;font-size:120%;}

.fullwidth{width:960px;}
.entryBlock{background-color: #DAE6FE;width:960px;margin-bottom:3px;padding:10px 5px 5px 5px}
#myForm{margin: 0px 0 0 0;padding: 0 0 0 0;}
.story{background-color: #EEE;margin: 10px 0 0 0;padding: 5px 5px 5px 5px;}
.slctdsec{background-color:#B6C9ED;}
.slctp{background-color:#E3F0F8;cursor:pointer}
.slct{background-color:#E3F0F8;}
.uslct{background-color:#ffffff;}

#myFormSignup input[type="submit"] {
background:none repeat scroll 0 0 #777;
border:medium none;
color:#FFFFFF;
cursor:pointer;
height:40px;
font-weight:bold;
text-shadow:0 -1px 2px rgba(0, 0, 0, 0.7);
width:180px;
}

ul.nav,ul.nav li{list-style-type:none;margin:1px 0 0 0 ;padding:0}
ul.nav{float:right;margin-right: 2px;}
ul.nav li{float:left;margin-left: 3px;text-align: center}
ul.nav li a, ul.nav li a:visited{float:left;width: 105px;padding: 5px 0;text-decoration:none}
ul.nav li.inactivelink a, ul.nav li.inactivelink a:visited{background: #C6D3DE;color: #000000}
ul.nav li.inactivelink a:hover{background: #ADBECE;color: #000000}
ul.nav li.activelink a, ul.nav li.activelink a:visited,ul.nav li.activelink a:hover{background: #FFF;color: #000000}

ul.sideBarLink{margin:0;padding:0 0 0 15px;}
ul.sideBarLink li{margin-top:2px}

div.sideBox{background:#aaa;}
div.insideSideBox {padding:5px 5px 5px 5px}
div.sb{border-bottom:1px solid #000; margin:8px 0 5px 0;}
div.sbHeader{font-size: 110%; font-weight: bold;}

.container a:link, .container a:visited{color: #0055AA;}
div.container{text-align:left;background:#FFF;width:100%}

.popup a:link, .popup a:visited{color: #000066;text-decoration:none;}

div.containerAll {;margin:5px 5px 5px 5px}

.containerLeft a:link, .containerLeft a:visited{color: #000000}
.containerLeft a:hover{color: #555555;}
div.containerLeft{float:left;display:inline;width:250px;margin-right:5px;}
div.containerLeft h2{margin: 10px 0;color: #007BC4}
div.containerLeft h4{margin: 10px 0;color: #0000C4}
.containerRight h2{text-align:left;color:#000066;}
.containerRight p{margin-top: 0px;}
div.containerRight{float:right;display:inline;width:712px;}


div.comments p{padding: 0 0 0 0;margin:0 0 0 0}
div.comments div{background: #EEE;padding:10px 10px 10px 10px;margin: 0 0 10px 0}
div.comments div.odd{background:#DAE6FE}
div.comments h2{font-size: 120%;margin-bottom: 0px;text-align: left;color:navy;}
div.comments li{padding:0 0 2px 0px;}

.redLink {color:red;}
.redLink a:link, .red a:visited{color:red;}

.grayBG{background: #EEE}
.blue {background-color: #DAE6FE;color:black;}
.red {background-color: #ff0000;color:white;}
.red a:link, .red a:visited{color:white;}
div.genericBox{margin:0 0 10px 0; padding: 5px 10px 5px 10px}
.genericBox img{margin:5px 5px 5px 5px;}
div.standardSpace{margin:0px 5px 5px 5px;}
.featureList p{margin:4px 0 0 0;padding:0 0 0 0}
.guestLesson{font-size:120%;color: green;}

div.dashboardTop {width:100%;background-color: #ADBECE;margin-top: 7px}
div.dashboardTop2 {padding:2px 3px 2px 3px}
div.dashboardTopWelcome {font-size:110%}
div.dashboardTopLink {}
div.dashboardBottom {background-color: #ADBECE;width:961px;padding:0px 5px 5px 5px}
div.dashboardBottom div {background-color: #fff;width:951px;padding:3px 5px 3px 5px}

div.lessonContainer {margin: 7px 0 0 0; height:100%}
div.lessonLeft  {background-color: #ADBECE;padding:0 0 0 0; font-size:110%; float:left; height:100%;width:75px}
div.lessonRight {background-color: #C6D3DE;padding:0 0 0 0; float:left; height:100%;width:895px}
div.terms {float: right;margin:-5px 5px 0 0}
div.lessonSpace {padding:10px 0 0 20px;}
table.unitLinks {width:100%;margin-top:10px;margin-bottom:15px;border-top:1px solid #000000}
table.unitLinks td {white-space: nowrap;border-bottom:1px solid #000000;text-align:center}
.sampleMouseOver{cursor:pointer;background-color: #00CC00}
.sampleNoMouse{background-color: green;}
.unitMouseOver {cursor:pointer;background-color: #C6D3DE}
.sampleLessonBox{background-color: green; color:white;padding:4px; font-weight: bold; text-align: center;width:963px; margin-top:5px;}
.sampleLink{background-color: green;color:#ffffff;padding:0 2px 0 2px;font-size:90%}
.fakeLink {color: #0055AA;text-decoration:underline;cursor:pointer}
div.fakeLink {font-weight:bold;font-size:110%;}

td.lessonSelected {white-space: nowrap;border-top:1px solid #000000;border-right:1px solid #000000;width:1%;text-align:center;background-color:#ffffff}
td.lessonUnselected {white-space: nowrap;border-top:1px solid #000000;border-right:1px solid #000000;width:1%;text-align:center;border-bottom:1px solid #000000;}
td.lessonSelect {white-space: nowrap;border-top:1px solid #000000;border-right:1px solid #000000;width:1%;text-align:center;border-bottom:1px solid #000000;background-color:#ffffff;cursor:pointer;}
td.selectedlessonSelect {white-space: nowrap;border-top:1px solid #000000;border-right:1px solid #000000;width:1%;text-align:center;background-color:#ffffff;cursor:pointer;}
.unitListArea {background-color:#ffffff;border:1px solid #000000;width:855px;height:500px;margin-top:10px}
.wodDisplayArea {background-color:#ffffff;height:500px}
.lessonDisplayArea {background-color:#ffffff;border-left:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;width:855px;height:500px}
.lessonDisplayCell {width:675px;margin-top:5px}
tr.lessonLinkCell {cursor:pointer;font-size:110%;color:#000066}
table.lessonList {border-left:1px solid #000000;width:855px;margin-top:5px}
.lessonTitle {position:absolute;font-size:120%;margin-top:5px;font-weight:bold;text-align:center;width:100%}
#flashcontent {position:relative;}
#flashbackground {position:absolute;background-image: url(/html/applBgV2.gif);background-repeat:no-repeat}
#flashbackgroundStart {position:absolute;background-image: url(/html/applStart.gif);background-repeat:no-repeat}
td.unitName {padding-bottom:4px;margin-bottom:2px}
td.unitName a {font-size:110%;font-weight:bold}
td.unitTime {padding-bottom:4px;padding-left:6px;white-space: nowrap;}

div.boxaroundit table td{padding: 2px 5px 1px 5px}
div.boxaroundit table th{padding: 2px 5px 1px 5px}

table.picBox {margin:3px}

div.listScreen {padding:5px 5px;border:2px solid #444444}
div.printLink {text-align:right;margin-bottom:3px;}

.listTable th{background-color: #f2f2f2;text-align: center;}
.listTable {margin-top:5px;margin-bottom:5px;border-collapse:collapse;border:1px solid #eeeeee;}

div#floatNav a:link { text-decoration: none; color:#ffffff;}
div#floatNav a:visited { text-decoration: none; color:#ffffff;}
div#floatNav a:hover { text-decoration: none; color:#ffffff;}
div#floatNav p{ padding:0 0 5px 0; margin:0 0 0 0;}

#floatNav{
	width:135px;
	background-color:#999999;
	border: 1px solid white;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 5px;
	position:fixed;	
	_position:absolute;	
	bottom:0px;	
	left:0px; 
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	_left:expression(0); 
}
#floatNavTop{
	color:#000000;
	padding: 2px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
	background-color:#eeeeee;
	text-align: center; 
}
#floatNavInner{
	border-top: 1px solid white;
	background-color:#999999;
	color:#FFFFFF;
	padding: 5px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
}

/* jsval style items */
input.error, select.error, textarea.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(/html/warning_obj.gif); background-position: right; background-repeat: no-repeat;}
input:focus, select:focus, textarea:focus {background-color:#EFEFEF;}
/*
input:focus, textarea:focus {border: 2px solid black; background-color:#EFEFEF;}
select:focus {border: 1px solid black; background-color:#EFEFEF;}
*/

.toggle_container {
	padding: 5px 0 10px 0; /*--Padding of Container--*/
	clear: both;
}
.block {
	border: 1px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	font-size: 1.2em;
	padding: 10px; /*--Padding of Container--*/
}