/* ######### CSS for sub menu container below ######### */
.menu {width:749px; height:37px; position:relative; margin:0; font-size:11px; margin:0 0 0 0; position:relative; z-index:100;}
.menu ul {padding:0 0 0 7px; margin:0; list-style-type: none;}

.menu ul li {float:left; text-align:center;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; padding:0 7px; height:37px; line-height:37px; color:#FFFDFe; font: bold 16px/37px Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; font-style:italic;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:37px; left:0; }


	.menu li.active a { color: #ff9907;	font-style:italic;}

.menu ul li:hover a,
.menu ul li a:hover {color: #ff9908; background: url(../images/menu-hover-bg.gif) center bottom no-repeat;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:910px; background:#aeb6b8; color:#fff;}


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

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; height:25px; line-height:25px; font-size:12px; font-style:normal; color:#FFFAFA; background:none;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:none; color:#10365D;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#dfc184;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}