body{
    background-color: #5d82a9;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
  }
  #middle a{
	font-size: 14px;
  }
  #left{
    width: 200px;
    float: left;
  }
  #middle{
    width: 570px;
    padding: 5px;
    float: left;
  }
  #right{
    width: 165px;
    float: left;
    text-align: right;
    padding: 5px;
  }
  #surround{
    width: 959px;
    margin: 0 auto;
  }
  #content{
    width: 780px;
  	background-color: #FFFFFF;
	margin: 5px 0px 5px 4px;
	float: left;
  }
  #left h2{
  	background-color: #666666;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
  }
  #left ul{
  	list-style-type: none;
	padding: 0px;
	margin: 0px;
  }
 #left ul li{
	margin: 0px;
	padding: 0px;
}
  #left ul li a{
  	display: block;
	margin 0px;
	padding: 3px 20px 3px 20px;
	border-bottom: 1px solid #000000;
	text-decoration: none;
  }
  
  #left ul li a:hover{
  	color: #FF0000;
  }

.box{
  float: left;
}
.box a{
	display: block;
	border: 1px solid #5d82a9;
	padding: 22px;
	margin: 3px;
	background-color: #EEEEEE;
}
.box a:hover{
	background-color: #fffdc7;
}