H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	float: left;
}
body {
	background-color: #FF99FF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#WRAP {
	clear: both;
	width: 780px;
	height: auto;
	background-color: #FFFFFF;
	margin: auto;
}
#WRAP .middle {
	clear: both;
	height: auto;
	overflow: auto;
}
#toplist ul {
	position: relative;
	padding: 0px;
	width: 140px;
	float: left;
	height: auto;
	clear: both;
	margin: 2px;
}

#toplist li{
	list-style-type: none;
	text-align: center;
	border: thin solid #FFCC00;
	position: relative;
	}


#middle_main {
	float: right;
	max-width: 600px;
	height: auto;
	text-align: center;
}
#middle_left {
	clear: left;
	float: left;
	width: 140px;
	border: thin inset #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	padding: 5px;
}
.content {
	text-align: center;
	width: 165px;
	float: left;
	border: thin solid #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	padding: 2px;
	margin: 2px;
	height: 170px;
	
}
.toplist {
	float:right;
	width:170px;
}

.content li {
	list-style-type: none;

}

.NDlist {
	clear: both;
	float:right;
	text-align:center;
}

div.img {
	float:left;
	margin:2px;
	border:1px solid #0000ff;
	height:240px;
	width: 160px;
	text-align:center;
}
 div.img img {
   display:inline;
   margin:3px;
   border:1px solid #ffffff;
   }

div.img a:hover img {
   border:1px solid #0000ff;
   }
 div.desc {
   text-align:center;
   font-weight:normal;
   width:125px;
   margin:2px;
   font-size: 0.7em;
   }