Стиль ссылки

html,body{
height:100%;
margin:0;
padding:0;
background:#FFA07A;
}
#wrapper{
display: table;
height:100%;
}
#header{
height:50px;
background:     #87CEEB;
foht-family: "Monotype Corsiva" Cursive;
font-size:40px;
text-align:center;
font-style: italic;
}
 
#footer{
background:#769;
display: table-row;
height:30px;
}
#wrapper, #footer{
width:100%;
}
 
h1{font-family: arial;
font-size: 20px;
text-align:center;
}
p{font-family: arial;
font-size: 14px;
text-indent: 20px;
}
 
ul {
  list-style: none; /*убираем маркеры списка*/
  margin: 0 auto; /*убираем отступы*/
  padding-left: 0; /*убираем отступы*/
  background:   #3CB371; /*добавляем фон всему меню*/
  height: 50px; /*задаем высоту*/
}
a {
  text-decoration: none; /*убираем подчеркивание текста ссылок*/
  background:   #3CB371; /*добавляем фон к пункту меню*/
  color:#fff; /*меняем цвет ссылок*/
  padding:0px 15px; /*добавляем отступ*/
  font-family: arial; /*меняем шрифт*/
  line-height:50px; /*ровняем меню по вертикали*/
display:block;
  border-right: 1px solid #677B27; /*добавляем бордюр справа*/
  -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;
 
}
a:hover {
  background:#D43737;/*добавляем эффект при наведении*/
}
li {
float:left;/*Размещаем список горизонтально для реализации меню*/
  position:relative; /*задаем позицию для позиционирования*/
}
     
    /*Стили для скрытого выпадающего меню*/
    li > ul {
        position:absolute;
        display:none;   
    }
     
    /*Делаем скрытую часть видимой*/
    li:hover > ul {
        display:block; 
        width:300px;  /*Задаем ширину выпадающего меню*/      
    }
   li:hover > ul > li {
        float:none; /*Убираем горизонтальное позиционирование*/
    }
#content{
background:#FFA07A;
padding:10px;
}