/***  Levels: Styles and Positioning  *****/
.toplevel {
	FONT-SIZE: 11px; 
	WIDTH: 200px; 
	COLOR: #005EBB; font-weight:bold;
	BORDER-BOTTOM: #866a32 0px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.level2,
.level3 {
	FONT-SIZE: 11px; 
	WIDTH: 200px; 
	COLOR: #000000;  
/** if li border here, do also with hover  **/  
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-indent:2px;
}


/*****   ITEM STYLES   *****/

/***  Align all text left or center here  ***/
#nav {
	margin:0; 
	padding:0px; 
	WIDTH: 200px; 
	LIST-STYLE-TYPE: none; 
	text-align:left;
		
	}


/***  first level background image button  
      and padding above below buttons ***/
#nav .toplevel  { 
 /***  CSS is the Better way, but Button BACKGROUND 
or button side image file here;  Text indent here also    ****/
padding-top:6px; /*** padding here is above below buttons ***/
padding-bottom:6px;/*** padding here is above below buttons ***/
border-bottom:solid 1px #B9DCFF;
border-left:solid 1px #B9DCFF;
border-right:solid 1px #B9DCFF;
background-color:#DFEFFF;
} 
 /****  BACKGROUND: url("/oxis/images_OSIS/blankbevblue.gif") no-repeat center; ****/
/**  darkblue button-look = background #2b4b7c  **/
/***  background-color:#333366;border: 1px ridge #ffffff;text-indent:5px; ***/

/***  2nd + 3rd level list items  ****/
 /*** padding here is above below 2nd level buttons ***/
#nav LI LI, 
#nav LI LI LI {
padding-top:2px; /*** padding here is above below buttons ***/
padding-bottom:2px; /*** padding here is above below buttons ***/

}


/****  2nd-3rd backgrounds of flyout boxes (UL) NO BORDER CAUSE GRABS FIRST ****/
#nav UL, #nav UL UL {
	margin:0; padding:0; FLOAT: left; WIDTH: 100%; LIST-STYLE-TYPE: none; 
	BACKGROUND-COLOR: #FFFFFF; 
}

#nav LI {
	FLOAT: left; 
}

/*** 2nd main FLYOUT. Second List position: (margin-left:distance) ****/
#nav LI UL {
	MARGIN-TOP: -1.7em; LEFT: -999em; MARGIN-LEFT: 207px; 
	width:200px; POSITION: absolute; background-color:#FFE8E8;  border:1px solid #FFB7B7;
}

/**** 3rd main FLYOUT. Third list postion (margin-left:distance)  *****/
#nav LI UL UL {
	MARGIN-TOP: -1.5em; LEFT: -999em; MARGIN-LEFT: 205px; BORDER: 1px solid #FF9900;
	width:220px; position:absolute; background-color:#FFE8C6;
	}

/***  This one effects all LI, All levels ****/
#nav LI A {
	DISPLAY: block; margin:0; padding:0; TEXT-DECORATION: none;padding:0px 0px 0px 5px
}

/***  Main List Hover (gold) ****/
#nav LI A:hover {
	COLOR: #000000; 
	 background-color:#f2f9ff;
	/***  li hover border here  ***/ 
	/**** if hover background-color:#eaeaea; desired  ****/
}


/*** 2-3-4 fly lists items link, can color 
	or border or underline here  ***/
#nav LI LI A,
#nav LI LI LI A,
#nav LI LI LI LI A {	
	DISPLAY: block;
	TEXT-DECORATION: none;
	color:#640000;
	padding:3px;
	BORDER-RIGHT: 4px solid #640000;
	/*background-color:#FFF2F2;*/
}

/*** 2-3-4 fly lists items link-hover can color 
	or border or underline here ***/
#nav LI LI A:hover,
#nav LI LI LI A:hover,
#nav LI LI LI LI A:hover {
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #640000;
	}


/*** aligns left ***/

#nav LI:hover UL UL {LEFT: -999em;}
#nav LI:hover UL UL UL {LEFT: -999em}
#nav LI.sfhover UL UL {	LEFT: -999em;}
#nav LI.sfhover UL UL UL {	LEFT: -999em}
#nav LI:hover UL {	LEFT: auto}
#nav LI LI:hover UL {	LEFT: auto}
#nav LI LI LI:hover UL {	LEFT: auto}
#nav LI.sfhover UL {	LEFT: auto}
#nav LI LI.sfhover UL {	LEFT: auto}
#nav LI LI LI.sfhover UL {	LEFT: auto}


/* Fix IE. Hide from IE Mac \*/
 html #nav li { float:left; height:1%; }
 html #nav li a { height:1%; }
/* End */