html, body {
 
	background-repeat: repeat-x; 
	background-color: #D4D4D4;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

a {
	color: #64ACBA;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.img a{
	border: 0px;
}


#page {
	text-align: left;
	position: relative;
	font-size: 9pt;
	font-family: Tahoma, Arial, Verdana, Sans;
	width: 990px;
	margin: 0px auto;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto !important;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: none;
	background-color: white;
}
	
html>body #page {
	height: auto;
}


#subheader {
	padding: 1em;
	background-color: #63ADBA;

	
}


#subheader img {
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right:0px;
	vertical-align: middle;
}

#subheader a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	margin: 4px;
	padding: 10px;
}

#subheader a:hover {
	text-decoration: underline;
}

#content {

	padding-top: 0px;
	text-align: left;
}

#tinylogin {
	/* display: none; */
	padding: 3px;
	float: right;
	color: #aaa;
	margin-bottom: 5px;
}

#tinyloginpanel {
	display: none;
}

#tinyloginpanel input {
}

#tinyloginpanel input.submitbtn {
	color: white;
	border: 1px outset #366799;
	background-image: url(images/buttonbg.png);
	background-position: center center;
	font-size: 9px;
}

input.submitbtn {
	color: white;
	border: 1px outset #366799;
	background-image: url(images/buttonbg.png);
	background-position: center center;
	padding: 3px;
}

#title {
	text-align: left;
	font-weight: bold;
	background-color: white;
	color: #96BA63;
	padding: 5px 7px;
	font-size: 120%;
}

#pageright {
	font-size: 9pt;
	color: #595959;
}

#pageright #title {
	background-color: white;
	color: #96BA63;
	font-size: 120%;
}

#pageright h3 {
	color: #96BA63;
	font-size: 120%;
}

#contentsidebar {
	border: 1px solid #366799;
	margin: 10px;
	padding: 10px;
	float: right;
	width: 200px;
	text-align: center;
}

a.linkbutton {
	display: block;
	color: #00b6dd;
	padding: 7px;
	margin: 5px;
	margin-top: 0px;
}

a.linkbutton:hover {
	border: 1px solid white;
	padding: 6px;
	background-color: #00b6dd;
	color: white;
	text-decoration: none;
}

a.tinylinkbutton {
	font-size: 90%;
	font-weight: normal;
	color: #00b6dd;
	padding: 5px;
	margin: 3px;
	cursor: pointer;
	cursor: hand;
}

a.tinylinkbutton:hover {
	border: 1px solid #50f6fd;
	padding: 4px;
	background-color: #00b6dd;
	color: white;
	text-decoration: none;
}

a.tinylink {
	font-size: 90%;
	font-weight: normal;
	color: #00b6dd;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

a.tinylink:hover {
	text-decoration: underline;
}

#contenthead {
	clear: right;
	background-color: white;
}

#contentbody {
	clear: right;
	text-align: left;
	margin: 10px;
	color: #221d19;
	font-family: Tahoma, Arial, Verdana, Sans;
}

#loginarea {
	margin: 0px;
	padding: 0px;
	height: 30px;
      float: right;
	color: white;
	vertical-align: top;
	font-size: 1em;
}


#loginpanel {
	margin: 10px auto;
	padding: 10px;
	clear: right;
	width: 280;
	height: 195px;
	background-image: url(images/loginbg.png);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 8pt;
	color: white;
}

#loginpanel h2 {
	color: #b21d31;
	font-size: 130%;
	padding: 3px;
	margin-top: 0px;
}

#loginpanel .loginform {
	font-size: 8pt;
}

#loginpanel .loginform td.leftheader {
	text-align: right;
	color: #827d79;
}

#loginpanel .loginform input {
}

#loginpanel .loginform .submitbtn {
	color: white;
	border: 1px outset #366799;
	background-image: url(images/buttonbg.png);
	background-position: center center;
	
}

.picintro {
	width: 90%;
	height: 150px;
	margin: 0px auto;
	border: 1px solid #366799;
	background-color: #76a7d9;
}

.bodytext {
	/* font-size: 9pt; */
}

#footer {
	position: relative;
	clear: both;
	margin-top: 30px;
	bottom: 0;
	right: 0;
	padding: 0px;
	width: 100%;
	height: 166px;
	text-align: center;
	color: #221d19;
	vertical-align: bottom;
	background-image: url(images/footer.jpg);
}

#footer a{
	color: white;
	text-decoration: underline;
}

img {
	border: none;
	margin: 0px;
}

.topnav {
	width: 990px;
}

.leftnav {
	border-top:1px solid #cccccc;
}

.midcontent {
line-height: 18px;
font-weight: normal;
color: #221d19;
border:1px solid #cccccc;
}

.midcontent a {
color : #E2110C;
text-decoration : none;
}

.midcontent a:hover {
color : #E2110C;
border-bottom : 1px solid #E2110C;
} 

.midblocktop {
	padding: 5px;
	background-color: yellow;
	color: #336799;
	font-weight: bold;
	margin-top: 20px;
}

.midblocktext {
	padding: 10px;
}

.rightcontent {
	padding: 0px;
	border-top: 1px solid #cccccc;
}


h3 {
font-weight: bold;
margin: 0px 0 10px 0;
color: #63ADBA;
font-size: 120%;
}

#date {
color: #E2110C;
font-weight: bold;
}

ul {
list-style-type: square;
}

#maincontent {
font-family: Tahoma, Arial, Verdana, Sans;
line-height: 18px;
font-weight: normal;
color: #595959;
padding: 10px;
font-size: 9pt;
}

#maincontent table {
font-family: Tahoma, Arial, Verdana, Sans;
line-height: 18px;
font-weight: normal;
color: #595959;
padding: 10px;
font-size: 9pt;
}

#rightcontent {
	padding: 0px;
color: #595959;

}

#rightcontent .text {
}

#footer {
	position: relative;
	margin-top: 30px;
	bottom: 0;
	right: 0;
	padding: 0px;
	width: 100%;
	height: 162px;
	text-align: center;
	color: white;
	vertical-align: bottom;
	background: url(/images/footer.jpg);
}


/************* LEFT NAVIGATION **************/
#sectionnav {
	float: left;
	text-align: left;
	width: 180px;
	margin: 0px;
	padding: 0px;
	background-color: white;
	font-family: Tahoma, Arial, Verdana, Sans;
	font-size: 12px;
}

#sectionnav ul{
	color: white;
	margin: 0px;
	padding: 0px;
}

.course {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0px; 
	border-top: 0;
	background-color: #64ACBA;
}

.course li{
	margin: 0;
	padding: 0px;
	background-color: #64ACBA;
	border-top: 1px solid white;

}

.course li.unavailable {
	font-weight: bold;
	padding: 4px 6px;
	margin: 0;
	margin-top: 1px;
	color: #d23d51;
	background-color: #ccc;

}

.course li a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 5px 6px;
}

.course li a.selected {
	color: #f9f118;
}

.chapter {
	list-style: none;
	margin: 0;
	padding: 0;
}

.chapter li {
/*
	border-top: 1px solid #f2ede9;
	border-bottom: 1px solid #b2ada9;
*/
/*	background-color: #00b6dd; */
	background-color: white;
	color: #00b6dd;
}

.chapter li.unavailable {
	padding-left: 16px;
	background-color: white;
	color: #ccc;
}

.chapter li a {
	color: #64ACBA;
	display: block;
	padding-left: 16px;
}

.chapter li a.selected {
	
	color: #95BA64;

}

.section {
	list-style: none;
	margin: 0px;
	padding: 0;
}

.section li{
	background-color: white;

}

.section li.unavailable {
	padding-left: 26px;
	background-color: white;
	color: #ccc;
}

.section li a {
	padding-left: 26px;
	display: block;
	color: #6D6D6D;
}

.section li a.selected {
	color: #95BA64;
}

.subsection {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
}

.subsection li {
	border-top: 0px;
	background-color: white;
	border-bottom: 0px;
}

.subsection li.unavailable {
	padding-left: 40px;
	border-top: 0px;
	background-color: white;
	border-bottom: 0px;
	color: #ccc;
}

.subsection li a {
	padding-left: 40px;
	display: block;
	color: #827d79;
}

.subsection li a.selected {
	color: #95BA64;
}

/*************OLD LEFT NAVIGATION **************/



/*************END LEFT NAVIGATION **************/



/************* TEST STYLING **************/

.question {
	line-height: 18px;
	font-weight: bold;
	color: #444444;
	padding: 2px;
	font-size: 8pt;
}

.selectedanswer {
	margin-left: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #444444;
	background-color: #f9f6a7;
	border: #ddaa77 1px dotted;
	padding: 5px;
	font-size: 8pt;
}

.answer {
	margin-left: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #444444;
	padding: 5px;
	font-size: 8pt;
}

.answertext {
	margin-left: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #444444;
	font-size: 8pt;
}

.correctanswertext {
	line-height: 18px;
	padding: 2px;
	font-size: 8pt;
	color: green;
}

.incorrectanswertext {
	line-height: 18px;
	padding: 2px;
	font-size: 8pt;
	color: red;
}

.selectedanswertext {
	line-height: 18px;
	color: black;
	padding: 2px;
	font-size: 8pt;
}

.correctanswerfeedback {
	color: green;
	font-weight: bold;
	font-style: italic;
	margin-left: 40px;
	font-size: 8pt;
}

.incorrectanswerfeedback {
	color: red;
	font-weight: bold;
	font-style: italic;
	margin-left: 40px;
	font-size: 8pt;
}

/*************END TEST STYLING **************/


/*********** Site admin control styles **********/

#tiersControl a.plain {
}

#tiersControl a img {
	border: 0px;
}

#treeControl a img {
	border: 0px;
}

#treeControl ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 5px;
	display: table;
	/* background-color: #8eaf74; */
}

#treeControl ul ul {
	padding-left: 30px;
}

#treeControl li {
	display: block;
	padding: 3px;
	margin: 2px 0px;
}

#treeControl ul li a {
	padding: 4px;
	color: #063a7c;
	font-weight: normal;
}

#treeControl ul li a.plain {
	color: #76a7d9;
	padding: 0px;
}

#treeControl ul li.selected {
	padding: 10px;
	background-color: #366799;
	border: 2px outset #164779;
}

#treeControl ul li.selected a {
	color: #e6f23a;
}

#treeControl ul li.selected a.plain {
	color: white;
}

ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#navlist li {
	display: inline;
	list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited {
	color: #fff;
	background-image: url(/images/buttonbg.png);
	background-position: center center;
	background-repeat: no-repeat;
	/* background-color: #036; */
	text-decoration: none;
}

#navlist a:hover {
	color: #f9f6a7;
	/* background-color: #369; */
	text-decoration: none;
}

table.useradmin {
	width: 80%;
	font-size: 10pt;
	border-collapse: collapse;
	border: 1px outset #bbb;
}

table.useradmin th {
	font-size: 12pt;
	background-color: #b21d31;
	color: #f9f6a7;
	text-align: left;
	font-weight: normal;
	padding: 4px;
}

table.useradmin tr td {
	color: #888;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 4px;
	padding-bottom: 4px;
}

table.userorders {
	width: 100%;
	font-size: 8pt;
	border-collapse: collapse;
	margin: 0px auto;
}

table.userorders th {
	font-size: 9pt;
	background-color: #ddd;
	color: #444;
	text-align: left;
	font-weight: normal;
	padding: 2px;
}

table.userorders tr td {
	color: #888;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 2px;
	padding-bottom: 2px;
}
/***********END Site admin control styles **********/

div.clearer {
        clear: both;
        line-height: 0;
        height: 0;
}

.textbutton {
        padding: 3px;
        color: #366799;
        text-decoration: none;
}

.textbutton:hover {
        background-color: #366799;
        color: white;
}

fieldset {
	width: 90%;
	font-size: 8pt;
	border: 1px solid #d2cdc9;
}

legend {
	font-weight: bold;
	color: #221d19;
}

label {
	display: block;
	color: #221d19;
	margin-bottom: 10px;
}

label span {
	display: block;
	float: left;
	width: 140px;
	padding-top: 6px;
	padding-right: 6px;
	text-align: right;
}

h2.linkhead {
	vertical-align: middle;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	color: #00b6dd;
	margin: 0px;
	margin-bottom: 5px;
}

h2.linkhead img {
	vertical-align: middle;
}

#registerarea, #loginarea {
	margin: 0px auto;
	padding: 0px;
        float: right;
}

ol#registersteps {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-bottom: 20px;
}

ol#registersteps li {
	font-size: 8pt;
	display: inline;
	color: #888;
	font-weight: bold;
	padding: 0.5em;
}

ol#registersteps li.selected {
	color: #b21d31;
}

tr.orgrow {
	border: 1px solid #bbb;
}

tr.orgrow td {
	vertical-align: top;
	padding: 10px;
}

td.homeright #title {
	background-color: white;
}

a.tablemode {
	color: #888888;
	text-decoration: underline;
	font-weight: normal;
}

a.seltablemode {
	color: #b21d31;
	font-weight: normal;
}

#testmsg {
	font-size: 12pt;
	font-weight: bold;
	color: #aa0000;
}