/*** CSS for Horizontal Navigation Bar  ***/

#nav {
	LIST-STYLE: none;
	MARGIN: 0px;	
	PADDING: 0px;
}


#nav UL {
	LIST-STYLE: none;
	DISPLAY: block;
	MARGIN: 0px; 
	PADDING: 0px; 
	CURSOR: default; 
   	BACKGROUND-COLOR: maroon; 
}


#nav LI {
	FLOAT: left; 
	POSITION: relative;
	MARGIN: 0px; 
	PADDING: 4px 24px;  
	MAX-WIDTH: 150px; 
   	BACKGROUND-COLOR: maroon; 
}


#nav LI UL {
	POSITION: absolute;
	DISPLAY: none;
	MARGIN: 0; 
	TOP: 100%; 
	WIDTH: 29ex;
	BACKGROUND-COLOR: maroon;
	PADDING-BOTTOM: 2px;
	BORDER-BOTTOM: 1px solid #000000; 
	BORDER-LEFT: 1px solid #000000; 
	BORDER-RIGHT: 1px solid #000000; 
}


#nav LI LI {
	DISPLAY: block; 
	FLOAT: none; 
	MAX-WIDTH: 35ex;
	MARGIN: 0px; 
	PADDING: 4PX 2PX;
	TEXT-ALIGN: left; 
	HEIGHT: auto; 
	BACKGROUND-COLOR: maroon; 
}


#nav LI:hover {
	DISPLAY: block;
	WIDTH: auto;
	COLOR: black;
}


#nav LI:hover UL, #nav LI.over UL {
	DISPLAY: block;
}


#nav LI A{
        COLOR: white;
        TEXT-ALIGN: center;
	FONT-SIZE: 10pt; 
	FONT-WEIGHT: bold; 
}


#nav LI LI A {
	DISPLAY: inline; 
	FONT-WEIGHT: normal; 
	COLOR: white;
}


#nav LI A:hover{
        COLOR: black;
	TEXT-DECORATION: none;
}


#nav LI LI:hover {
	MAX-WIDTH: 35ex;
	BACKGROUND-COLOR: #CCCCCC;
	BORDER-RIGHT: 3pt solid #000000;
	BORDER-LEFT: 3pt solid #000000;
}


#nav LI LI:hover, #nav LI LI.over {
	DISPLAY: block;

}

	
#nav LI LI A:hover {
	DISPLAY: inline; 
	COLOR: #000000; 
	FONT-WEIGHT: normal;
	BACKGROUND-COLOR: #CCCCCC;
	TEXT-DECORATION: none;
}