/***********************************************************************
*
*	EMPOWER Portal Menu based on DHTML / JavaScript Menu by TwinHelix Designs.
*	More information at http://www.twinhelix.com/
*
*	SGW
*	03/06/2009
*
***********************************************************************/

/* VERTICAL FREESTYLE MENU LAYOUT */
#menu {
	padding:			175px 0 0 0;
	color:				#FFFFFF;
	font-size:			.75em;
}

/* All <ul> tags in the menu including the first level */
.loginmenu, .loginmenu ul {
	width:				150px;
	list-style:			none;
}
/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.loginmenu li {
	margin:				0 0 -1px 0;
	position:			relative;
}
.loginmenu li.login_menu_link {
	margin:				0 0 -1px 0;
	position:			relative;
}
.loginmenu ul>li:last-child {
	margin:				0 0 1px 0; /* Mozilla fix */
}
/* Links inside the menu */
.loginmenu a {
	text-decoration:		none;
}
a.login_menu_link:link, a.login_menu_link:visited {
	height:				40px;
	width:				150px;
	display:			block;
	background:			url('../images/lm1_item_bg.png') no-repeat;
	color:				#FFFFFF;
	font-weight:			bold;
}
a.login_menu_link:hover {
	height:				40px;
	width:				150px;
	display:			block;
	background:			url('../images/lm1_item_bg_hl.png') no-repeat;
	color:				#FFFFFF; 
	font-weight:			bold;
}
li.login_menu_link p {
	padding:			10px 0 0 10px;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .loginmenu li {
	float: 				left;
	width: 				100%;
}
* html .loginmenu li {
	float: 				left;
	height: 			1%;
}
* html .loginmenu a {
	height: 			1%;
}
/* End Hacks */