/* common styling */
.menu {font-family: arial, sans-serif; width:944px; position:relative; margin:0; font-size:12px; margin:0px 0 0px 0; z-index:100; text-transform:uppercase;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:auto; min-width:80px;  text-align:center; color:#4c4c4c; font-size:12px; overflow:hidden;  border-right:1px solid #e6e7e7; margin-top:5px; font-weight:bold; height:40px;line-height:40px; padding-left:10px;padding-right:10px;}

.menu ul li.active a  {display:block; text-decoration:none; width:auto; min-width:80px;  text-align:center; color:#a32022; font-size:12px; overflow:hidden;  border-right:1px solid #e6e7e7;height:42px;   margin-top:5px;font-weight:bold; line-height:40px; padding-left:10px;padding-right:10px;}

.menu ul li.last a { margin-left:320px;  border:none; color:#a32022;}

.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */



.menu ul li:hover a { color:#a32022; display:block; background-image:url(nav-bg.png); background-repeat:repeat-x;} /*Background image to get around IE block display*/
.menu ul li:hover ul {display:block; position:absolute; top:44px; left:0;   }
.menu ul li:hover ul li a.hide {color:#a32022;}
.menu ul li:hover ul li:hover a.hide { color:#4c4c4c;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li.first a {border-top:1px solid #c1c1c1;} /*first level dropdown border */

.menu ul li:hover ul li a {display:block; background:#f0f0f0; color:#4c4c4c; line-height:20px;height:20px;width:190px; text-align:left; margin:0px;padding:4px; padding-left:10px;}
.menu ul li:hover ul li a:hover {background:#dddddd; color:#a32022;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}