@CHARSET "ISO-8859-1";

html body {
	background-color:#FFFFFF; 
	margin: 0;
	padding:0;
	voice-family:"\"}\""; 
	voice-family:inherit;
 	width: 100%;
 	height: 100%;
	line-height: 100%;
}

.title {
	font-family: arial; 
	font-weight:bolder; 
	font-size: 200%; 
	text-align: left; 
	padding-top: 20px; 
	margin: 0;
}
.titleBlock { 
	height:45px;  
	padding: .5em;
	background-color:#A6FFA3;
	border-bottom: 1px solid gray;
}

.mainBlock {  
	width:64%;
	margin-left:15%;
	display:inline;
	margin-top: 20px;
	float:left;
	font-size: 100%;
}
.pageTitle { 
	font-family: arial; 
	font-weight:bold; 
	font-size: 150%; 
	text-align: center; 
}
.subTitle { 
	font-family: arial; 
	font-weight:bold; 
	font-size: 130%; 
	text-align: left; 
	margin-top: 10px;
	margin-bottom: 5px;
}

.navigation {
	width:15%;
	margin-left:-79%;
	display:inline;
	float:left;
}

.navigation a:visited, .navigation a:link { 
  font-weight: bold; 
  text-decoration: none;
  color: #000000;
}
.currentPage {
  font-weight: bold; 
  color: #000000;
  padding: 2px;
  text-decoration: underline;
}
.navigation a:hover, .navigation a:active { 
  font-weight: bold; 
  text-decoration: none;
  color: #000000;
}
.navigation ul {
	list-style-type: none;
	margin-top: 20px;
	font-size: 125%;
width: 75px;
padding: 2px;
margin: 5px;
}
.navigation li {
	margin-top: 10px;
	width: 100px;
}

.auxillary {width:20%; float:left; margin-top: 20px;}

#hookDemo {
	margin-left: 75px;
}
#hookDemo td {
	width: 15px;
	height: 15px;
	background: #949C94;
}

.tooltip {
	background: #A6FFA3; 
	padding: 1px;
	border: dotted 1px;
}