/** MENU PLACEMENT CSS **/

#menu, #menu ul {
	position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}


#menu li {
  position: relative;
  width: 190px;
}

#menu li li {
  width: 215px;
}

#menu li ul {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
}

#menu li.active ul { display: block; left:190px; }

/** END MENU PLACEMENT CSS **/






/** MENU STYLING **/



#menuNews, #menuCredits, #menuGallery, #menuEquipment, #menuContact {
		display:block;
		position: relative;
		height: 21px;
		width:176px;
		background: url(../img/main_menu3.png) no-repeat;
}

#menu a {
		width:100%; height:100%;
		display:block;
}

#menu span {
	position: absolute;
	text-indent: -9999px;
}

#menu LI A:LINK, #menu LI A:VISITED, #menu LI A:ACTIVE {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #93a9bf;
	text-decoration: none;
	outline:none;
}

#menu LI LI {
	min-height:18px;
}
#menu LI LI A {
	top:2px;
}

#menu LI LI.over,
.nojs #menu LI LI.active {
	color: black;
	background:url(../img/submenu_bg.png) repeat-x;
}

#menu LI LI.over A:LINK, #menu LI LI.over A:VISITED, #menu LI LI.over A:ACTIVE, #menu LI LI.over A:HOVER,
.nojs #menu LI LI.active A:LINK, .nojs #menu LI LI.active A:VISITED, .nojs #menu LI LI.active A:ACTIVE, .nojs #menu LI LI.active A:HOVER,
#menu LI LI A:HOVER {
	color: black;
}


#menu LI UL { /* submenu */
	background: white;
}

#menuNews {
	background-position: 0 0;
	height: 20px;
}

#menuCredits {
	background-position: 0 -20px;
	height: 18px;
}

#menuGallery {
	background-position: 0 -38px;
	height:18px;
}

#menuEquipment {
	background-position: 0 -56px;
	height:19px;
}

#menuContact {
	background-position: 0 -75px;
	height:25px;
}

.nojs #menuNews.active {
	background-position: -176px 0 !important;
}

.nojs #menuCredits.active {
	background-position: -176px -20 !important;
}

.nojs #menuGallery.active {
	background-position: -176px -38px !important;
}

.nojs #menuEquipment.active {
	background-position: -176px -56px !important;
}

.nojs #menuContact.active {
	background-position: -176px -75px !important;
}

#menu .invisispot {
	position:absolute;
	top:-15px;right:0px;
	width:30px; height:20px;
	display:none;
}

#menu .active .invisispot {
	display:block;
}

#menuCredits UL {
	max-height:365px;
	overflow-y:auto;
	overflow-x:hidden;
}