/* Project : Visitadom 2.0
*  Author  : PL
*  History : 2009-05-31 Original version
*
*  Object : Front End - Styles for the Menus Bar
*
*/

/***** Menu Bar *****/
#barmenus {
	width: 740px;
	height: 34px;
	
	background-image: url(../images/bg-barmenus.png);
	background-repeat: repeat-x;
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	position: relative;
}

/***** Root Menu *****/
ul.rootmenu {
	margin: 0;
	padding: 0;
	width: auto; /*For KHTML*/
	list-style: none;
}

ul.rootmenu li {
	margin: 0;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
}
ul.rootmenu A {
	padding: 0 20px;
	margin: 0;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	height: auto !important;
	height: 1%; /*For IE*/
	line-height: 34px;
}
ul.rootmenu A:link, ul.rootmenu A:visited {
	text-decoration: none;
	color: #000;
}
ul.rootmenu A:active, ul.rootmenu A:hover {
	text-decoration: none;
	color: #f60;
}

/***** Sub Menus *****/
ul.submenu {
	font-size: 12px;
	text-transform: none;
	background-color: #e3e1d9;
	border-left: 1px solid #fff;
	border-right: 1px solid #b1ad97;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b1ad97;
	line-height: 24px;
	vertical-align: middle;
	z-index: 1000;
	
}
ul.submenu A {
	line-height: 24px;
	padding: 0 10px;
	margin: 0;
}

ul.submenu li A:link, ul.submenu li A:visited {
	background-color: #efefef;
	color: #484847;
}
ul.submenu li A:active, ul.submenu li A:hover {
	background-color: #dadada;
	color: #f60;
}

ul.submenu .hilight {
	position: absolute;
	margin-left: 145px;
	margin-top: 3px;
}

/***** Submenus Level 1 *****/
ul.rootmenu ul {
	margin: 0;
	padding: 0;
	width: auto;
	list-style: none;
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
}
ul.rootmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
ul.rootmenu ul li {
	width: 160px;
	text-align: left;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}

/***** Submenus Level 2 *****/
ul.rootmenu li:hover li a,
ul.rootmenu li.iehover li a {
	float: none;
}
ul.rootmenu ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul.rootmenu li:hover ul ul,
ul.rootmenu li.iehover ul ul {
	display: none;
}
ul.rootmenu li:hover ul,
ul.rootmenu ul li:hover ul {
	display: block;
}
ul.rootmenu li.iehover ul,
ul.rootmenu ul li.iehover ul {
	display: block;
}

/***** Submenus Level 3 *****/
ul.rootmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 158px;
}
ul.rootmenu li:hover ul ul ul,
ul.rootmenu li.iehover ul ul ul {
	display: none;
}

ul.rootmenu ul li:hover ul,
ul.rootmenu ul ul li:hover ul {
	display: block;
}

ul.rootmenu ul li.iehover ul,
ul.rootmenu ul ul li.iehover ul {
	display: block;
}