
/* Support for the "iehover-fix.js" **
 * See: http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe.html
 */
#navi iframe {
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}


/*****************************/
/* NAVIGATION */


#navi {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/*position: absolute;
	top: 222px;*/
	left: 0px;
	/*background: transparent url("img/bg.gif") repeat-x top right;*/
}

#navi li {
	position: relative;
	list-style-type: none;
	list-style-image: none;
	float: left;
	/*background: transparent url("img/separator.gif") no-repeat top right;*/
}

#navi li.first-tab a {
	/*background: transparent url("img/separator.gif") no-repeat top left;*/
}

/* Provides different text color for selected top item */
#navi li.selected a, #navi li.first-tab-selected a, #navi li:hover a, #navi li.iehover a {
	color: #de774c !important;
  text-decoration: none;
  }

#navi li.selected ul li a, #navi li.first-tab-selected ul li a, #navi li:hover ul li a, #navi li.iehover ul li a  {
	color: #000000 !important;
}

#navi li.first-tab ul li a {
	background-image: none;
}

/* Provides different background color for selected top item */
#navi li:hover, #navi li.iehover, #navi li.selected, #navi li.first-tab-selected {
	background: #ffffff;
  }

#navi li a {
	display: block;
	padding: 0px 10px 0px 10px !important;
	color: #676767 !important;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
}

/* Provides selection of top menu item (no javascript) */
#navi li a:hover 
{
	background: transparent url("img/bg-sel.gif") repeat;
	color: #de774c !important;
	text-decoration: none !important;
}

/* Fixes selection of submenu item independently on top menu item (no javascript) */
#navi li ul li a:hover {
	background: none;
	color: #000000 !important;
}

#navi li ul li a {
	display: block;
	padding-top: 3px;
	padding-bottom: 4px;
	text-transform: none !important;
	white-space: nowrap;
	font-size: 10px;
	color: #000000  !important;
}

#navi li ul {
	position: absolute;
	left: -2000px;
	top: 16px;
	padding-top: 3px;
}

#navi li:hover ul, #navi li.iehover ul {
	left: 0px;
}

#navi li.first-tab:hover ul, #navi li.first-tab.iehover ul {
	left: 0px;
}

#navi li ul li {
	display: block;
	float: none;
	width: 172px;
	border: 1px solid #02768A;
	border-top: none;
	background: #fff;
}

#navi li ul li:hover, #navi li ul li.iehover {
	background: #8fbca5;
}

#navi li ul li a {
	width: 139px;
	display: block;
	padding-left: 5px 11px 5px 11px;
}

#navi li ul li a:hover {
	color: #ffffff !important;
}

