html 
{ 
	height:100%;
}
body 
{ 
	background:#000; 
	margin: 0; 
	padding: 0; 
	overflow: hidden;
	font-family: Arial;
	font-size: 9pt;
}
object, embed 
{ 
	vertical-align:top; 
	min-height:800px; 
	outline:none; 
	margin: 0; 
	padding: 0;
}
div 
{
	height: 100%;
}
img 
{ 
	border:none; 
	vertical-align:top;
}
.aligncenter 
{ 
	text-align:center;
}

a:link, a:visited
{
	text-decoration: none;
	color: white;
	font-weight: bold;
}

a:hover, a:active
{
	text-decoration: underline;
}

a.img
{
	float: left;
	padding: 0px 5px 5px 0px;
}

ul.tops li
{
	clear: both;
	margin-bottom: 10px;
	list-style-type: none;
}

ul.tops li a
{
	font-size: 11pt;
}

#content
{
	position: absolute;
	top: 200px;
	left: 50px;
	width: 600px;
	height: 400px;
	z-index: 100;
	background-color: #000020;
	opacity: 0.8;
   	filter: alpha(opacity=80);
	padding: 0px;
	border: 2px solid white;
}

#menu
{
	position: absolute;
	top: 200px;
	left: 700px;
	width: 240px;
	height: 400px;
	z-index: 100;
	background-color: #000020;
	opacity: 0.8;
   	filter: alpha(opacity=80);
	padding: 0px;
	border: 2px solid white;
}

#content div.content, #menu div.content
{
	color: white;
	padding: 0px 0px 0px 0px;
	overflow: scroll;
	overflow-x: hidden;
	width: 100%;
	height: 95%;
}

#content div.content div, #menu div.content div, #content div.content p, #menu div.content ul
{
	padding: 10px 10px 0px 10px;
	width: auto;
	height: auto;
}

#content h1, #menu h1
{
	background-color: #000080;
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 0px 0px;
	color: white;
	font-weight: bold;
	font-size: 17px;
	height: 4%;
}

#menu ul
{
	margin: 0px 10px 10px 10px;
	padding: 0px;
}