.menu {
	margin: auto ;
	padding:0;
	list-style: none;
  	font-size:100%;
  vertical-align : middle;
  width:200px;
}
.menu li {
	padding: 0;
  margin: 0 0.5em 0 1em;
    line-height: 10em;
	height:75px;
  text-align:center;
	list-style: none;
	background-repeat: no-repeat;
  background-position: center;
}
.menu li a, .menu li a:visited {
  	display: block;
	text-decoration: none;
	height: 75px;
	background-repeat: no-repeat;
  background-position: center; 
  	color:#A2A2A2;
}
.agenda {background-image: url(http://www.tua.org.tw/tua/images/white-agenda.png); width: 70px; 
}
.agenda a {background-image: url(http://www.tua.org.tw/tua/images/gray-agenda.png); }
.calendar {background-image: url(http://www.tua.org.tw/tua/images/white-calendar.png); width: 70px;}
.calendar a {background-image: url(http://www.tua.org.tw/tua/images/gray-calendar.png);}
.data {background-image: url(http://www.tua.org.tw/tua/images/white-person.png); width: 70px;}
.data a {background-image: url(http://www.tua.org.tw/tua/images/gray-person.png);}
.score {background-image: url(http://www.tua.org.tw/tua/images/white-search.png); width: 70px;}
.score a {background-image: url(http://www.tua.org.tw/tua/images/gray-search.png);}
.online {background-image: url(http://www.tua.org.tw/tua/images/white-discuss.png); width: 70px;}
.online a {background-image: url(http://www.tua.org.tw/tua/images/gray-discuss.png);}
.member {background-image: url(http://www.tua.org.tw/tua/white-member.png); width: 70px;}
.member a {background-image: url(http://www.tua.org.tw/tua/gray-member.png); }
ul.menu li a:hover {background: none;color:#ffffff;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}