body { 
	margin:10px 30px 0 0;
	font-family:Helvetica,sans-serif,Verdana; 
 }
 
#NavBox  {
	position:absolute;
	top:40px;
	right:37px;
	z-index:500;
	width:150px;
	max-height:400px;
	overflow:auto;
	font-size:12px;
	line-height:18px;
	background-color:#ffffff;
	padding:1px;
	border-style:solid;
	border-width:1px;
}
 
* html div#NavBox { 
   height: expression( this.scrollHeight > 400 ? "400px" : "auto" ); /* sets max-height for IE */
}
 
.resizeStyle {
	text-decoration : none;
	color:#000000;
	font-weight:900;
	font-size:16px;
	padding-left:10px;
}
 
 
#TitleBox  {
	position:absolute;
	top:20px;
	left:70px;
	z-index:500;
	margin:2px 0 2px 10px;
	font-size:24px;
	font-weight:bold;
	}

#CopyrigthBox  {
	position:absolute;
	bottom:5px;
	left:70px;
	z-index:500;
	font-size:10px;
	background-color:#f2efe9;
	padding:3px;
}	
	
#LegendBox {
	position:absolute;
	bottom:0px;
	right:30px;
	z-index:400;
	font-size:11px;
	background-color:#f2efe9;
	padding:5px;
}	

.clearfix {
	clear: both
	}