/* common styling */
.menu {
font-family: arial, sans-serif; 
position:relative; 
z-index:100;
background:#dbeff7;
display: block;
width: 100%;
height: 22px;
padding: 5px 0;
}

.menu ul li a, .menu ul li a:visited {
/* Main Button size. Label: Main A (see below) */
width: 160px;
display:block; text-align:center; 
border: 1px solid #115076; 
/* Main Top button BG color */
background:#dbeff7; 
/* Main Top button font style */
color:#115076;
line-height:20px; overflow:hidden; font-weight: bold; text-decoration:none;}


.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative; 
/* Spacing between main buttons*/
margin-right:5px;}

.menu ul li.main {margin-left: 5px;}

.menu ul li ul {display: none;}

/* .menu ul li ul li a{
 Main A - Padding B to get this number 
width: 146px;} */

/* specific to non IE browsers */
.menu ul li:hover a {
/* hover on Main Button */
color:#cae6f7; 
background:#115076;}

.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0;}

.menu ul li:hover ul li a.hide {
/* style for first level sub menu item that has a second level rollout on hover */
}

.menu ul li:hover ul li:hover a.hide {
/* style for first level sub menu item HOVER that has a second level rollout on hover */
}

.menu ul li:hover ul li ul {display: none;}

/* First sub level bg color on FF */
.menu ul li:hover ul li a {display:block; background:#dbeff7; color:#115076; 
/* First sub level font on FF */
font-weight: normal; text-align: left; 
/* Padding A */
padding-left: 4px; padding-right: 4px; width: 152px;}

.menu ul li:hover ul li a:hover {
/* Style for hover state on first level sub FF */
background:#115076; color:#fff; text-decoration: none;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; 
/*This has to match (+1 px) the size of the button defined at the top labeled 'Main A'*/
left:161px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

/* THIRD LEVEL SUB MENU */

/*hides menu item*/ 
.menu ul li:hover ul li ul.sublevel3{
display:none;
}

/*shows 3rd sub menu on second sub hover*/ 
.menu ul li:hover ul li.show3rd:hover ul.sublevel3{
display:block;
}