body{
background-color:#E5D7EE;
font-size:14px
}
h1{
text-align: center;}



h2{color:#8E8E08;}
div{
background-color:#fff;
color:#111;
width:588px;
margin:20px auto;
padding:4px 10px;
}

ul{
list-style-type: none;
}
a:link{
color:#744199;
text-decoration:none;
}
a:visited {
color:#B492CC;
text-decoration:none;
}


#menu{
 margin:auto;
 width:588px;
 list-style-type:none;
}

#menu li{
 width:98px;
 float:left;
 text-align:center;
}
#menu li a{
 width:auto;
 display:block;
 padding:10px 10px;
 color:#fff;
 text-decoration:none;
 background:#744199;

 text-shadow:0 -1px 0px #693A8A,0 1px 0px #B69FC5;
 background-image: -moz-linear-gradient(top, #CCB3DD 0%, #9D73BB 50%, #744199 50%, #9D73BB 100%);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCB3DD), color-stop(0.50, #9D73BB), color-stop(0.50, #744199), color-stop(1, #9D73BB));
}
#menu li a:hover{
 background:#B69FC5;

 background-image: -moz-linear-gradient(top, #B69FC5 0%, #8D67A8 50%, #693A8A 50%, #8D67A8 100%);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B69FC5), color-stop(0.50, #8D67A8), color-stop(0.50, #693A8A), color-stop(1, #8D67A8));
}

#menu:before,
#menu:after {
    content: " ";
    display: table;
}
#menu:after {
    clear: both;
}
#menu{
    *zoom: 1;
}