/*-----------------------------*
 *        THE MENU CSS         *
 *-----------------------------*/

/* Basic widths */
#menu, #menu * {
    margin: 0;
    padding: 0;
}

#menu {
	height:43px;
	font-size: 12px;
}


/* The main menu container */
#menu .menu_content {
    height:43px;
}

#menu .menu_content ul {
    list-style: none;
    height: 35px;
    padding: 0;
}

/* The list styles - 0 tier */
#menu .menu_content ul li {
	height:43px;
	float:left;
	font-size:12px;
	color:#21aee8;
	text-transform:uppercase;
	font-weight:bold;
	text-shadow: 1px 2px #000;
	position:relative;
}

#menu .menu_content ul li.last {
    padding-right: 0;
    background: none;
}

#menu .menu_content ul li a {
	text-align: center;
	display:block;
	line-height:43px;
	height:43px;
	color:#98daf4;
	text-decoration:none;
	padding-left:18px;
	padding-right:18px;
}

* html #menu .menu_content ul li a {
	 display: inline-block;
}

:root #menu .menu_content ul li a {
	padding-left:16px\9;
	padding-right:16px\9;
}

@media \0screen {
#menu .menu_content ul li a {
	padding-left:16px;
	padding-right:16px;
}
}

#menu .menu_content ul li:hover > a {
	color:#fff;
	text-decoration:none;
	background-color:#000;
}

/* 1 tier list style */
#menu .menu_content ul li ul {
	position: absolute;
	width: 269px;
	list-style: none;
	float: left;
	top: 43px;
	left: 0px;
	display: none;
	background-color:#000;
	height: auto;
	padding-top:10px;
	z-index:99;
}

#menu .menu_content ul li ul li {
    padding: 0 10px 0 15px;
	width:244px;
    float: left;
    height: 26px;
	background-image:none;
}

#menu .menu_content ul li ul li.endl, #menu .menu_content ul li ul li.endl:hover {
    height: 10px;
    margin-bottom: -10px;
    background: url("images/dropdown-bottom.png") no-repeat scroll center;
}

#menu .menu_content ul li ul li, #menu .menu_content ul li ul li a {
    font-size: 11px;
    text-align: left;
    letter-spacing: normal;
    color: #98daf4;
    line-height: 26px;
}

#menu .menu_content ul li ul li a {
    padding: 0px!important;
}

#menu .menu_content ul li ul li, #menu .menu_content ul li:hover > ul {
    display: block;
}

#menu .menu_content ul li ul li:hover {
	background-color:#00123c;
}

#menu .menu_content ul li ul li a:hover, #menu .menu_content ul li ul li:hover > a {
    background: none;
	color:#fff;
}