/* menu */

#nav { position: absolute; height: 45px; top: 330px; left: 15px; margin: 0; padding: 0; text-align: center; z-index: 10; }
* html #nav { top: 340px; }

.menu ul { margin: 0; padding: 0; z-index: 10; }
.menu a { display: block; }
.menu li { float: left; width: auto; text-align: left; font: bold 12px Arial, Helvetica; list-style: none; }
.menu li a { margin: 0 5px; padding: 5px; border-top: 1px solid #fff; background: #d80b0b; text-decoration: none; font-weight: bold; font-size: 13px; color: #fff; }
.menu li a:hover { background: #9b0d0d; text-decoration: none; }

/* banner submenu one level */
.menu li ul { position: absolute; left: -999em; height: auto; }
.menu li:hover ul, .menu li.over ul { left: auto; border: 1px solid #ccc; border-bottom: 2px solid #ccc; background: #fff; }
.menu li:hover ul li, .menu li.over ul li { display: block; clear: both; width: 180px; border: none; left: auto; }
.menu li:hover ul li a, .menu li.over ul li a {
	margin: 5px 10px; padding: 0; border: 0; background: none; text-decoration: underline; font-weight: normal; font-size: 11px; color: #333;
}
.menu li:hover ul li a:hover, .menu li.over ul li a:hover { border: 0; background: none; color: #d90000; }

/* banner submenu second level */
.menu li ul ul { border: 1px solid #fff; margin: -20px 0 0 160px; height: auto; }
.menu li:hover ul ul, .menu li.over ul ul { left: -999em; border-bottom: 4px solid #e8e8e8; background: #5d99e3; }
.menu li:hover ul ul a, .menu li.over ul ul a { padding: 0; border: none; }
.menu li:hover ul, .menu li li:hover ul, .menu li.over ul, .menu li li.over ul { left: auto; width: 180px; }

/* menu separator */
.separator { margin-bottom: 5px; }

/* submenu title */
.subtitle { padding: 5px 10px; text-transform: uppercase; font: bold 13px "Times New Roman", Arial; color: #000; }