.menu
{
    float:left;
    margin:-12px 0px 0px 10px;
    padding:0px;
    width:700px;
    height:31px;
    position:absolute;
    z-index:10;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}
.menu ul ul
{
    width:132px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li
{
    float:left;
    width:175px;
    position:relative;
    background: url('../img/summer/framework/menu_button-trans.png') no-repeat;
    text-align:center;
}
.menu li ul li
{
    background: url('../img/summer/framework/menu_dropdown-trans.png') repeat-y;
    margin:0px;
    padding:0px;
}
.menu .last_dropdown
{
    background: url('../img/summer/framework/menu_dropdown_last-trans.png') no-repeat;
    margin:0px;
    padding:0px;
}
/* style the links for the top level */
.menu a, .menu a:visited
{
    display:block;
    font-size:11px;
    text-decoration:none;
    color:#a34f4f;
    width:175px;
    height:31px;
    line-height:30px;
    font-weight:bold;
}

.menuhl, .menuhl:visited
{
    display:block;
    font-size:11px;
    text-decoration:none;
    color:#9c0f1e;
    font-weight:bold;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited
{
    background:#6abcd8 url('../img/orginal/menu/blue_arrow.gif') no-repeat 101px center;
}
/* style the second level hover */
.menu ul ul a.drop:hover
{
    background:#62b8d5 url('../img/orginal/menu/white_arrow.gif') no-repeat 101px center;
}
.menu ul ul :hover > a.drop
{
    background:#62b8d5 url('../img/orginal/menu/white_arrow.gif') no-repeat 101px center;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited
{
    background:#6abcd8;
}
/* style the third level hover */
.menu ul ul ul a:hover
{
    background:#62b8d5;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul
{
    visibility:hidden;
    position:absolute;
    height:0;
    top:29px;
    left:0;
    width:175px;
}
/* position the third level flyout menu */
.menu ul ul ul
{
    left:132px;
    top:0px;
    width:120px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left 
{
    left:132px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table 
{
    position:absolute;
    top:0;
    left:0;
    border-collapse:collapse;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
{
    color:#a34f4f;
    line-height:30px;
    padding:0px;
    margin:0px;
    height:30px;
    width:175px;
    /*background:#d9d9d9;
    border:1px solid #acacac;*/
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
{
    /*background-color:#ffffff;*/
    color:#a34f4f;
    text-decoration:underline;
}
.menu :hover > a, .menu ul ul :hover > a 
{
    color:#a34f4f;
    text-decoration:underline;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul
{
    visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul
{
    visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul
{
    visibility:visible;
}