.menuLinks
{
	width: 850px;
	
	height: 23px;
	
	float: left;

	background-color: #660066;
}

.menuLinks ul
{
	padding: 0px;
	margin: 0px;
	
	list-style-type: none;
}

.menuLinks ul a:hover .firstLevel, .menuLinks ul li:hover .firstLevel
{
	visibility: visible;
}

.menuLinks li
{
	left: 0px;
	
	padding: 0px;
	margin: 0px;
	
	line-height: 23px;

	position: relative;
	float: left;
}

.menuLinks a
{
	font-size: 12pt;

	padding: 0px 20px;

	float: left;
}

.menuLinks a:link, .menuLinks a:visited, .menuLinks a:active 
{
	color: #FFFFFF;
}

.menuLinks a:hover 
{
	color: #FFCC00;
	
	background-color: #423e90;
}

/* must be absolute for IE6 and lower */
.menuLinksDot
{	
	top: 9px;
	border: 0px;

	position: absolute;

	left: 12px;
}

/* must float and absolute for IE6 and less */
.menuLinksExpand
{
	top: 9px;
	border: 0px;
	
	position: absolute;
	float: left;
	
	margin-left: 5px;
}

/* used table instead of div because didn't refresh properly, even in IE8. IE7 was ok and other browsers but wanted to keep consistent */
.menuLinks table 
{
	top: 0px;
	left: 0px;
	
	border: 0px;
	margin: 0px;
	padding: 0px;
	
	position: absolute;
}

.dropDown
{
	top: 23px;
	left: 0px;

	height: 0px;
	width: 155px;

	margin: 0px;
	padding: 0px;
	
	/* font family */
	
	list-style-type: none;
	
	position: absolute;
	visibility: hidden;
}

.dropDown li
{
	padding: 0px;
	margin: 0px;
	
	width: 130px;		/* ensure sub menus left align in all browsers */

	text-indent: 7px;
	
	border-left: solid 1px #000000;
}

.dropDown a
{
	font-size: 10pt;
}

.dropDown a:link, .dropDown a:visited, .dropDown a:active
{
	width: 130px;
	
	margin: 0px;
	padding: 0px;

	background-color: #660066;

	line-height: 23px;
	text-align: left;
	
	display: block;
	
	/*font-weight: bold;*/
	color: #0a345f;
	background-color: #bad4ef;		/* new */
}

.dropDown a:hover
{
	/*color: #FFCC00;*/
	/*background-color: #440044;*/
	
	
	background-color: #a3b3c6;
}

.firstLevel a:hover .secondLevel, .firstLevel li:hover .secondLevel
{
	visibility: visible;
}

.secondLevel a:hover .thirdLevel, .secondLevel li:hover .thirdLevel
{
	visibility: visible;
}

.thirdLevel a:hover .forthLevel, .thirdLevel li:hover .forthLevel
{
	visibility: visible;
}

.secondLevel
{
	top: 0px;
	
	float: left;
	left: 130px;
}

.thirdLevel
{
	top: 0px;
	
	float: left;
	left: 250px;
}

.forthLevel
{
	top: 0px;
	
	float: left;
	left: 150px;
}

#manual a
{
	width: 250px;
}

#configurationFileEditor a
{
	width: 150px;
}

#settingProfile a
{
	width: 130px;
}