<style>
/*added classes "toolbar" and "activity" as modified copies of "mainlink"*/
/*added wrapper, header*/
.homequestion { color: #3C2E95; font-style: italic; font-weight: bold; font-size: 11pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.homelist { color: white; font-style: italic; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.homeanswer { color: #3366cc; font-style: normal; font-weight: normal; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.bluehead { color: #009; font-style: normal; font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.bigbluehead { color: #009; font-style: normal; font-weight: bold; font-size: 11pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.blackhead { color: #0; font-style: normal; font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.bigblackhead { color: #0; font-style: normal; font-weight: bold; font-size: 11pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.insettextwhite { color: #009; font-weight: normal; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.insettextwhite:hover {color:#ff9900; text-decoration: underline}
.insettextwhite2 { color: #4a4a4a; font-weight: normal; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }


.insettextwhite1 { color: #009; font-weight: normal; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.insettextwhite1:hover {color:#ff9900; text-decoration: underline}

.mainlink {font-size:8pt; font-weight: bold;font-family: Gadget;color: black; text-decoration: none;}    
.mainlink:hover {color:#330033; text-decoration: underline}
.mainlink:visited {color:#663399}
.mainlink:clicked {color:#663399}


.menuLink {color: #663399; }
.menuLink:visited { color: #663399; }
.menuLink:hover { color: #663399; }
.menuLink:active { color: #663399; } 

.toolbar{font-size:85%; font-weight: bold;font-family: Arial;color: white; text-decoration: none;}
.toolbar:hover {color:#330033; text-decoration: underline}

.activity{font-size:110%; font-weight: bold;font-family: Arial;color: white; text-decoration: none;}
.activity:hover {color:#330033; text-decoration: underline}

.instructions{font-size:120%; font-weight:none;font-family:Arial; color:black;} 

.instructionsHeading{font-size:120%; font-weight:bold; font-family:Arial; color:8077b7;}

#wrapper {
	margin:0 auto;
	width:700px;
	background:#ffffff;
	font-size:1.20em;

	}
/*#header {
	height:100px;
	background:url(images/bg-header2.gif) no-repeat;
	}*/

BODY {
	FONT-SIZE: 70%; MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #f1f1f1
}
BODY {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}


P {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
H1 {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
H2 {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
H3 {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
TABLE {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
TD {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
TH {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
UL {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
OL {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
TEXTAREA {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
INPUT {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
FONT {
	FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
TABLE {
	FONT-SIZE: 100%
}
INPUT {
	FONT-SIZE: 100%
}
TEXTAREA {
	FONT-SIZE: 100%
}
TABLE.ex {
	FONT-SIZE: 100%; COLOR: #000000; BACKGROUND-COLOR: #f1f1f1
}
TABLE.tip {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 100%; BORDER-LEFT: 1px solid; COLOR: #000000; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: #ffffff
}
TABLE.db {
	FONT-SIZE: 100%; COLOR: #000000; BACKGROUND-COLOR: #ffffff
}
TH.db {
	COLOR: #000000; BACKGROUND-COLOR: #f1f1f1
}
DIV {
	WIDTH: 100%	
}
div.scroll {	
	width: 284px;	
	height: 100%;
	background-color: #e6e6e6;
	overflow: auto;	
}

div.scrollTest {	
	width: 284px;	
	height: 100%;
	background-color: #ffffff;
	overflow: auto;	
}

div.helpScroll {	
	width: 350px;	
	height: 100%;
	background-color: #e6e6e6;
	overflow: auto;	
}

div.scroll2 {	
	width: 284px;	
	height: 100%;
	background-color: #e6e6e6;
	overflow: auto;	
}

div.scroll1 {	
	width: 700px;	
	height: 100%;
	overflow: auto;	
	display: none;
}
div.scrollQuestion {
	width: 712px;
	height: 100%;
	overflow: auto;	

}
div.scrollWide {
	width: 650px;	
	height: 200%;
	background-color: #e6e6e6;
	overflow: auto;	

}

div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid black;
    position: absolute;   
}

div.suggestions div {
    cursor: default;
    padding: 0px 3px;
    background-color: white;
    color: black;
}

div.suggestions div.current {
    background-color: #3366cc;
    color: white;
}
div.scrollV1 {	
	height: 300px;
	overflow: auto;
}

div.scrollV2 {	
	height: 500px;
	overflow: auto;
}
.textmenu{
	color:black
	text-decoration:none
}

H1 {
	FONT-SIZE: 160%
}
H2 {
	MARGIN-TOP: 10px; FONT-SIZE: 120%; MARGIN-BOTTOM: 10px
}
H3 {
	FONT-SIZE: 110%
}
H4 {
	FONT-SIZE: 100%
}
H5 {
	FONT-SIZE: 90%
}
H6 {
	FONT-SIZE: 80%
}
H2.home {
	MARGIN-TOP: 0px; PADDING-LEFT: 1px; FONT-SIZE: 120%; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 1px; COLOR: #900b09; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffffff
}
H2.tutheader {
	MARGIN-TOP: 0px; PADDING-LEFT: 4px; FONT-SIZE: 110%; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 1px; COLOR: #ffffff; PADDING-TOP: 0px; BACKGROUND-COLOR: #808080
}
H2.right {
	MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 2px; COLOR: #ffffff; PADDING-TOP: 0px; BACKGROUND-COLOR: #808080; TEXT-ALIGN: center
}
TABLE.right {
	BORDER-RIGHT: 2px ridge; BORDER-TOP: 2px ridge; MARGIN-BOTTOM: 1px; BORDER-LEFT: 2px ridge; COLOR: #000000; BORDER-BOTTOM: 2px ridge; BACKGROUND-COLOR: #ffffff
}
TH.right {
	PADDING-BOTTOM: 2px; COLOR: #ffffff; BACKGROUND-COLOR: #808080
}
TD.right {
	PADDING-BOTTOM: 6px; COLOR: #000000; PADDING-TOP: 3px; BACKGROUND-COLOR: #ffffff
}
TD.content {
	COLOR: #900b09; BACKGROUND-COLOR: #f1f1f1
}
TD.deprecated {
	COLOR: #ff0000; BACKGROUND-COLOR: transparent
}
TD.red {
	COLOR: #ff0000; BACKGROUND-COLOR: transparent
}
P.red {
	COLOR: #ff0000; BACKGROUND-COLOR: transparent
}
P.intro {
	MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #000000; BACKGROUND-COLOR: transparent
}
P.introcenter {
	FONT-SIZE: 110%; COLOR: #8b4513; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center
}
PRE {
	FONT-SIZE: 110%; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; FONT-FAMILY: "Courier New",monospace
}
SPAN.blue {
	COLOR: #00008b; BACKGROUND-COLOR: transparent
}
SPAN.red {
	COLOR: #ff0000; BACKGROUND-COLOR: transparent
}
SPAN.ieonly {
	FONT-SIZE: 80%; COLOR: #000080; BACKGROUND-COLOR: transparent
}
SPAN.t {
	FONT-SIZE: 80%; COLOR: #0033cc; BACKGROUND-COLOR: transparent
}
IMG.float {
	FLOAT: left
}
H1 {
	COLOR: #000000; BACKGROUND-COLOR: transparent
}
H2 {
	COLOR: #000000; BACKGROUND-COLOR: transparent
}
H3 {
	COLOR: #000000; BACKGROUND-COLOR: transparent
}
H1.att {
	COLOR: #000000; BACKGROUND-COLOR: transparent
}
H2.att {
	COLOR: #000000; BACKGROUND-COLOR: transparent
}
H3.att {
	COLOR: #000000; BACKGROUND-COLOR: transparent
}
HR.att {
	COLOR: #000000; BACKGROUND-COLOR: transparent
}
HR {
	COLOR: #000000; HEIGHT: 1px; BACKGROUND-COLOR: transparent
}
TABLE.front {
	COLOR: #000000; BACKGROUND-COLOR: #f1f1f1
}
TH.front {
	COLOR: #ffffff; BACKGROUND-COLOR: #666666
}
TD.front {
	COLOR: #000000; BACKGROUND-COLOR: #f1f1f1
}
#sp {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
#sp P {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 4px 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
#sp P IMG {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 2px; BORDER-TOP: 0px; FLOAT: left; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#sp P.splink {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 14px; PADDING-TOP: 0px
}
#sp P.splink A {
	FONT: bold xx-small Verdana, Arial, Helvetica, sans-serif; COLOR: #0000ff
}
SPAN.insert {
	COLOR: #e80000; BACKGROUND-COLOR: transparent
}
UL {
	COLOR: RED
}

div#tbl-container {
	width: 700px;
	height: 350px;
	overflow: auto;
}

div#tbl-container table th {
	width: 50px;
}


div#tb2-container {
	width: 700px;
	height: 350px;
	overflow: auto;
}

div#tb2-container table th {
	width: 250px;
}


div#tb2-container2 {
	width: 700px;
	height: 99px;
	overflow: auto;
}

div#tb2-container2 table th {
	width: 250px;
}


thead th, thead th.locked	{
	text-align: center;
	background-color: navy;
	color: white;
	position:relative;
	cursor: default; 
}

thead td, thead td.locked	{
	text-align: center;
	background-color: navy;
	color: white;
	position:relative;
	cursor: default; 
}
thead td, thead td.locked1	{
	text-align: center;
	background-color: navy;
	color: white;
	position:relative;
	cursor: default; 
}

thead th, thead th.locked1	{
	text-align: center;
	background-color: navy;
	color: white;
	position:relative;
	cursor: default; 
}
thead th, thead th.locked2	{
	text-align: center;
	background-color: navy;
	color: white;
	position:relative;
	cursor: default; 
}
	
thead th {
	top: expression(document.getElementById("tbl-container").scrollTop-2); /* IE5+ only */	
	z-index: 1;
}

thead th.locked2 {
	top: expression(document.getElementById("tb2-container").scrollTop-2); /* IE5+ only */	
	z-index: 1;	
}
thead th.locked1 {
	top: expression(document.getElementById("tb2-container2").scrollTop-3); /* IE5+ only */	
	z-index: 1;	
}

thead th.locked {z-index: 30;}
thead td.locked {z-index: 30;}
thead td.locked1 {z-index: 15;}
thead th.locked1 {z-index: 15;}
thead th.locked2 {z-index: 15;}


td.locked1,td.locked,  th.locked{
	background-color: #ffeaff;
	left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
	position: relative;
	z-index: 1;
}

</style>