/* common styling */
.menu {
/*;font-family: "Trebuchet MS", verdana, sans-serif; */
font : bold .85em Verdana, Geneva, Arial, Helvetica, sans-serif;
width:780px; 
letter-spacing:1.0;
position:relative;
/*font-size:0.85em;*/
z-index:5;
padding-top:6px;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
 margin-top : -7px;
}
/* does not seem to do anything in IE7 - used on Macs - Safari, Firefox */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#fff; 
width: 129px;
height:25px; 
border:1px solid #bd332c; 
border-width:1px 1px 0px 0px;
background:#e93e37; 
line-height:25px;
text-align: center;
/*padding-left:110px; */
font : bold .85em Verdana, Geneva, Arial, Helvetica, sans-serif;

}
.menu ul li a.section-active {
padding-left:0px;
padding-right:10px; 
}

* html .menu ul li a, .menu ul li a:visited {
width:119px;
padding: 5px 5px; 
 
display:block; 
text-decoration:none; 
color:#fff; 
height:15px; 
border:1px solid #bd332c; 
border-width:1px 1px 0px 0px; 
background:#e93e37;
line-height:15px;
text-align: center;
font : bold .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
vertical-align : text-bottom;
}

.menu ul li ul {
display: none;
}

table {
margin:-4px;  /* for firefox and all non-IE browsers */ 
border-collapse:collapse;
padding:0;
}

.menu ul li table {
font-size:0.85em;
}

/* specific to non IE browsers */
.menu ul li:hover a {
display:block;
color:#000; 
background:#e93e37;
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:25px;
left:0; 
width:119px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
padding: 8px 5px; 
display:block; 
text-decoration:none; 
color:#fff; 
width:119px; 
height:15px; 
border:1px solid #bd332c; 
border-width:1px 1px 0px 0px;
background:#e93e37;
line-height:15px;
text-align: left;
margin-top:7px;
/*padding-left:10px; */
font : bold .85em Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.menu ul li:hover ul li a:hover {
/*;background:#c9c9a7; */
color:#000;
}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:130px; 
top:0;
width:109px;
}
.menu ul li:hover ul li:hover ul.left {
left:-130px;
}