/*** ESSENTIAL STYLES ***/
.main, .main * {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: 0px;
	outline: none;
	cursor: pointer; cursor: hand;
}
ul.main {
	line-height: 16px;
	float: left;
	width: 100%;
	background: none;
	font-size:12px;
	text-decoration: none;
	font-family: Verdana, Arial;
	text-align: left;
	color: white;
	margin-top:    4px;
	border-bottom: 4px solid #2456A3;
}
ul.main ul {
	border:	1px solid #356595;
	margin-left: 10px;
	position: absolute;
	top: -9999px;
	left: -10px;
    z-index: 99;
}

ul.main li:hover {
    visibility:     inherit; /* fixes IE7 'sticky bug' */
}
ul.main li {
    float:          left;
    position:       relative;
}
ul.main span {
    display:        block;
    position:       relative;
}
ul.main li ul li {
    float: none;
}
ul.main li.hovering {
    z-index:        99;
}
ul.main li.hovering ul {
    z-index:        99;
}
ul.main ul ul {
	top: -9999px;
	left: 255px;
}

/*** LI ***/

ul.main li {
	padding:0px 0px 0px 6px;
	margin:0px 0px 0px 0px;
	border-bottom: 1px solid white;
}
ul.main li.inactive {
	background:url("images/tabs_left_out_thin.gif") no-repeat left top;
}
ul.main li.disabled {
	background:url("images/tabs_left_gray_thin.gif") no-repeat left top;
}
ul.main li.active,
ul.main li.active.hovering,
ul.main li.inactive.hovering {
	border-bottom:1px solid #2456A3;
	background:url("images/tabs_left_in_thin.gif") no-repeat left top;
}
ul.main li.active {
	margin:0px 1px 0px 1px;
}
ul.main li#tab_HOME {
	margin-left:1px;
}
#menu ul.main li li {
	background:none;
	margin:0px;
	padding: 0px;
	border:	1px outset white;
} 
#menu ul.main li li.hovering {    
	border:	1px inset white;
} 

/*** SPAN ***/

ul.main span {
	padding:4px 8px 4px 2px;
	margin:0px;
	color:white;
	text-align:left;
	font-weight:bold; 
	white-space:nowrap;
}
ul.main span.arrow {
	padding-right:  1.5em;
	min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
}
ul.main li.inactive span {
	background:url("images/tabs_right_out.gif") no-repeat right top;
}
ul.main li.inactive span.arrow {
	background:url("images/tabs_right_out_arrow.gif") no-repeat right top;
}
ul.main li.disabled span {
	background:url("images/tabs_right_gray.gif") no-repeat right top;
	color:grey;
}
ul.main li.disabled span.arrow {
	background:url("images/tabs_right_gray_arrow.gif") no-repeat right top;
}
ul.main li.active span,
ul.main li.active.hovering span,
ul.main li.inactive.hovering span {
	background:url("images/tabs_right_in.gif") no-repeat right top;
}
ul.main li.active span.arrow,
ul.main li.active.hovering span.arrow,
ul.main li.inactive.hovering span.arrow {
	background:url("images/tabs_right_in_arrow.gif") no-repeat right top;
}

#menu ul.main ul li {   
	font: bold 12px Arial, sans-serif; 
    line-height:18px; 
	height:20px;
	margin:0px; 
	padding: 1px 10px 1px 5px;  
	color: white;
	background-image:none;
	background-color:#06437d;
}   
#menu li.hovering li,  
#menu li.hovering li.hovering li,
#menu li.hovering li.hovering li.hovering li {
	color: white; 
	background-color:#06437d;
}  
#menu li.hovering li.hovering,  
#menu li.hovering li.hovering li.hovering,
#menu li.hovering li.hovering li.hovering li.hovering {
	color:black;
	background-color:white;
}   
#menu ul.main ul li.parent {
	background-image: url(images/arrow_white_right.gif); 
	background-repeat: no-repeat;
	background-position: right center;
} 
#menu ul.main ul li.perm,  
#menu ul.main li.perm span {   
	color: cyan;
}