.menu, .menu ul, .menu li, .menu a {
margin : 0;
padding : 0;
border : none;
outline : none;
}
.menu {
height : 40px;
width : 914px;
background : #8ea5b9;
}
.menu li {
position : relative;
list-style : none;
float : left;
display : block;
height : 40px;
}
.menu li a {
display : block;
padding : 0 14px;
margin : 6px 0;
line-height : 28px;
text-decoration : none;
border-left : 1px solid #708ea5;
border-right : 1px solid #b4ccdf;
font-family : Helvetica, Arial, sans-serif;
font-weight : bold;
font-size : 12px;
color : #f3f3f3;
}
.menu li:first-child a {
border-left : none;
}
.menu li:hover > a {
color : #7c0006;
}
.menu ul {
position : absolute;
display: block;
top : 40px;
left : 0;
background : #9cb3c2;
}

.menu li > ul {
display: block;
width: auto;
}

.menu ul li {
display: none;
border-bottom : 1px solid #b4ccdf;
width: 201px;
float: none;
padding: 0;
height : 28px;
}
.menu > li:hover > ul li {
display: block;
}

.menu ul li a {
width : 185px;
margin: 4px 8px 4px 8px;
padding: 0px;
border : none;
}