/* commom style for all browsers */
.container {
width:540px;
height:30px;
text-align:center;
left: -55px;
position: relative;
z-index: 50;
float: right;
margin-bottom: 15px;
}

.menu {
text-align:left;
font-family: verdana, sans-serif;
position:relative;
font-size:1em;
background:transparent;
width:540px;
height:30px;
margin:0 auto;

}

.menu ul {
padding:0; margin:0; list-style-type: none;
}

.menu ul li {
float:left;
position:relative;
border-bottom: 1px solid #3c0703;
padding: 5px 10px 5px 10px;
width: 186px;
margin-right:16px;
}

.menu ul li:hover{background: #3c0703;}

.menu ul li.about {
background:transparent url(/images/uiHome_about.gif) no-repeat center;
width: 141px;
padding: 0;
border: 0px;
}

.menu ul li.about:hover {background:#3c0703 url(/images/uiHome_about.gif) no-repeat center;}

.menu ul li.menu {
background: transparent url(/images/uiHome_menu.gif) no-repeat center 6px;
width: 122px;
padding: 0;
border: 0px;
}

.menu ul li.menu:hover {background:#3c0703 url(/images/uiHome_menu.gif) no-repeat center 6px;}

.menu ul li.events {
background:transparent url(/images/uiHome_events.gif) no-repeat center;
width: 120px;
padding: 0;
border: 0px;
}

.menu ul li.events:hover {background:#3c0703 url(/images/uiHome_events.gif) no-repeat center;}

.menu ul li.catering {
background:transparent url(/images/uiHome_catering.gif) no-repeat center;
width: 80px;
padding: 0;
border: 0px;
}

.menu ul li.catering:hover {background:#3c0703 url(/images/uiHome_catering.gif) no-repeat center;}


.menu ul li a, .menu ul li a:visited {
display:block; text-decoration:none; height:23px; color:#000; padding-left:0px; line-height:29px; 
}

* html .menu ul li a, .menu ul li a:visited {

}

.menu ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; border: 3px solid #3c0703; 
}

.menu table {
margin:-1px; border-collapse:collapse; font-size:1.1em ;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu ul li:hover a,
.menu ul li a:hover {
color:fff; text-decoration:underline; border:0; font-weight: bold;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
visibility:visible; width:206px; height:auto; position:absolute; top:23px; left:0px; background:#230402; overflow:visible;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; background:transparent; height:auto; text-decoration:none; color:#fff; line-height:1.1em; padding:0px 0px 0px 0px;
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
display:block; color:#fff; height:auto; line-height:1.1em; padding:0px 0px 0px 5px; font-weight: normal;
}

.menu ul li:hover ul li a.third,
.menu ul li a:hover ul li a.third {
display:block; color:#fff; height:auto; line-height:1.1em; padding:0px 0px 0px 15px; font-weight: normal;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
color:#fff; text-decoration:underline;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#fff; left:166px; height:auto; border:10px solid black;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-166px;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
display:block; color:#fff; height:auto; line-height:1.1em; padding:0px 0px 0px 0px;
}

* html .menu ul li a:hover ul li a:hover ul li a {padding:0px 0px 0px 0px;}

.menu ul li:hover ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover ul li a:hover {
color:#fff; text-decoration:underline;
}