<style type="text/css">
<!--
font.tiny {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9px}
font.small {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 11px}
font {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px}
font.medium {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px}
font.large {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 13px}
font.xlarge {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 16px}
font.xxlarge {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 20px}
font.xxxlarge {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 22px}

.areatitle { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 22px }

.input1 {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 11px}
.input2 {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9px}
.input_go {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9px; background-color: #339933; color: #FFFFFF}
.input_reset {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9px; background-color: #FF0000; color: #FFFFFF}

a:link {
  	color: #000000; 
  	}
  
a:visited {
  	color: #000000; 
  	}

a:hover { 
  	color: #999999;
  	text-decoration: underline; 
  	}
	
div.body_box {	
	height: 100%;	width: 100%;	
	overflow: auto;	border: 1px solid #999999;	
	background-color: #FFFFFF;	padding: 3px;
	}	

div.nav_box {	
	height: 150px;	width: 604px;	
	overflow: auto;	border: 1px solid #999999;	
	background-color: #FFFFFF;	padding: 0px;
	}	

div.lesson_current_box {	
	height: 190px;	width: 250px;	
	overflow: auto;	border: 1px solid #EEEEEE;	
	background-color: #FFFFFF;	padding: 3px;
	}	
  
div.lesson_past_box {	
	height: 200px;	width: 250px;	
	overflow: auto;	border: 1px solid #EEEEEE;	
	background-color: #FFFFFF;	padding: 3px;
	}
	
div.group_box {	
	height: 210px;	width: 370px;	
	overflow: auto;	border: 1px solid #EEEEEE;	
	background-color: #FFFFFF;	padding: 3px;
	}
	
div.group_howto_box {	
	height: 120px;	width: 370px;	
	overflow: auto;	border: 1px solid #EEEEEE;	
	background-color: #FFFFFF;	padding: 3px;
	}
	
div.groupmap_box {	
	height: 230px;	width: 370px;	
	overflow: auto;	border: 1px solid #EEEEEE;	
	background-color: #FFFFFF;	padding: 3px;
	}
  
div.request_box		{		
	background-color: #FFFFFF;	padding: 1px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-size: 11px; font-weight: bold; font-color: #000000;
	text-align: left;
	verticle-align: middle;
	}

div.big_box {	
	height: 200px;	width: 625px;	
	overflow: auto;	border: 1px solid #EEEEEE;	
	background-color: #FFFFFF;	padding: 3px;
	}

div.bigger_box {	
	height: 220px;	width: 625px;	
	overflow: auto;	border: 1px solid #EEEEEE;	
	background-color: #FFFFFF;	padding: 3px;
	}

div.box {		
	overflow: auto;	border: 1px solid #999999;	
	background-color: #EEEEEE;	padding: 3px;
	}
	
div.small_box {	
	height: 150px;	width: 310px;	
	overflow: auto;	border: 1px solid #EEEEEE;	
	background-color: #FFFFFF;	padding: 3px;
	}	
	

/*
hide/show screenshots
interface stylesheet
*/
.question {
cursor:hand;
display:block;
font-size:8pt;
color: #000000;
padding: 2 0 5 0;
}
.answer {
display:none;
color:#000000;
font-size:8pt;
padding: 2 0 5 0;
}

.container{
display:block;
}


-->
</STYLE>
