/* Menu  ******************************/
.tMenu {
	width		: 100%;
	position	: fixed;
	top			: 0;
	z-index		: 10;
}
.tMenu .bar { 
	height		: 35px;
	background	: black;
	display		: block;
	white-space	: nowrap;
}
.tMenu .bar .mainMenu { 
	height		: 35px;
	margin		: auto;
	white-space	: nowrap;
}
.tMenu .menuShadow {
	height		: 10px;
	background	: url('../imgs/myMends/menuShadow.png');
	display		: block;
}

.mainMenu .menuSep {
	width		: 2px;
	height		: 35px;
	background	: #222222;
	float		: left;
	display		: block;
	clear		: none;
}
.mainMenu .menuLEnd {
	width		: 20px;
	height		: 35px;
	float		: left;
	display		: block;
}
.mainMenu .menuREnd {
	width		: 20px;
	height		: 35px;
	float		: left;
	display		: block;
}

.mainMenu .menuBtn { float:left; clear:none; }

/* Menu buttons */
.mainMenu .menuBtn a, 
.mainMenu .menuBtn.on,
.mainMenu .menuBtn.ddMenuRoot {
	color			: #349846;
	font-weight		: bold;
	font-family		: Arial;
	font-size 		: 12px;
	height			: 35px;
	text-align		: center;
	line-height 	: 34px;
	padding 		: 0px 10px 0px 10px !important;
	background		: black;
	display			: block;
	clear			: none;
}
.mainMenu .menuBtn a:hover,
.mainMenu .menuBtn.ddMenuRoot:hover,
.mainMenu .menuBtn.on {
	color			: #e26fab;
	background-color: #073619;
}
.mainMenu .menuBtn.ddMenuRoot,
.mainMenu .menuBtn.on { cursor:default; }

/* Contact icon */
.mainMenu .menuBtn a p,
.mainMenu .menuBtn.on p {
	width	: 15px;
	height	: 35px;
	margin	: 0px;
	background-repeat	: no-repeat;
	background-position	: center;
	cursor: pointer;
}
.mainMenu .menuBtn a p { background-image: url("../imgs/myMends/menu_iconMail.png"); }
.mainMenu .menuBtn a:hover p,
.mainMenu .menuBtn.on p { cursor: pointer; background-image:url("../imgs/myMends/menu_iconMailOn.png"); }

/* Drop-Down ****************************/

.mainMenu .menuBtn.ddMenuRoot .ddMenu {
 	position	: relative;
 	z-index		: 597;
}

/* the 'ul' after .ddMenu is the parent that holds all menu buttons */
/* the 'li' after 'ul' is for the buttons that don't have sub menus */
.mainMenu .menuBtn.ddMenuRoot .ddMenu ul {
	color		: #C087A5;
	text-align	: left;
	list-style	: none;
 	margin		: 0px 0px 0px -10px;
 	padding		: 0px;
 	visibility	: hidden;
 	position	: absolute;
 	left		: 0;
 	z-index		: 598;
}

.mainMenu .menuBtn.ddMenuRoot:hover .ddMenu > ul { visibility: visible; }

.mainMenu .menuBtn.ddMenuRoot .ddMenu ul > *.dir { /* dirs are li's */
	border-top		: solid 1px #166233;
	border-bottom	: solid 1px #021208;
	text-indent		: 10px;
	background		: #073619 url("../imgs/ddMenu_arrow.png") no-repeat 90% 50%;
	display			: block;
	position		: relative;
	float			: none;
}

.mainMenu .menuBtn.ddMenuRoot .ddMenu ul > *.dir,
.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul li a,
.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul li.sDirCurr { width:80px; }

/* 'ul li a' are all the items (dir,btn) inside the main ul */
.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul li a { padding:0 !important; }

.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul *.dir:hover {
	color			: #F5B1Cf;
	background-color: #072612;
}

.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul *.dir ul {
 	margin		: 0px;
	position	: absolute;
 	z-index		: 599;
 	top			: 0;
 	left		: 99%;
}

/* buttons inside of dirs & buttons under dirs */
.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul li { clear:both; }
.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul li a { text-align:left; text-indent:10px; }
.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul *.dir ul > li a { text-align:center; text-indent:0px; }
.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul li a,
.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul *.dir ul > li a {
	border-top		: solid 1px #35423b;
	border-bottom	: solid 1px black;
	background-color: #1C2420;
}
.mainMenu .menuBtn.ddMenuRoot .ddMenu > ul *.dir:hover ul { visibility:visible; }