/* CSS Document */



#OrangeNavBar {

	width: 100%;

	min-width:1250px;

	height:20px;

	background-color:#B76C0B;

}



#NavBarDrop {

	width: 100%;

	min-width:1250px;

	height:20px;

	background-color:#919579;

}



/*These classes control how much does the rollover area extends to the left or right of the menus. Provide additional "grace" area.*/



.MenuGraceAreaL{

	padding-left:50px;

}



.MenuGraceAreaR{

	padding-right:20px;

}





/***************************************************************************************************************/

/********************************** These styles create the dropdown menus. ************************************/

/***************************************************************************************************************/



#navbar {

	margin: 0 auto;

	padding-top: 1px;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 14px;

	width:780px;

	position:relative;

	/*background-color:#CCCCCC;*/	

}



#navbar li {

	background: url(../../images/template/Pipe.jpg) 0px 3px no-repeat; /* NO IMAGE THERE??? */

	/*pipe object is the vertical separator that appears between menu/submenus items*/

	list-style: none;

	float: left;

}

/***************************************************************************************************************/

/***************************************menu text properties****************************************************/

/***************************************************************************************************************/

#navbar li a {

	display: block;

	padding: 1px 12px 4px 12px;

	letter-spacing:0px;

	text-decoration: none; 

	color: #FFFFFF;

	font-weight: bold;

}





#navbar li a:hover {

	/*top menu rollover color*/

	color: orange;}



#navbar li ul {

	display: none;

	/*display: block;*/

}

	



#navbar ul li{

	/*controls menus' vertical distance to parent menu*/

	margin-top:-1px;

	/*extends the "rollover area" below the drop downs so they don't close until the mouse is really far away*/

	padding-bottom:50px;

}



/***************************************************************************************************************/

/*********************************************  hover states ***************************************************/

/***************************************************************************************************************/



/*Note: ".hover" class is not supported on IE6, so this issue is addressed by IE6 javascript workaround found in JS file*/



#navbar li:hover ul, #navbar li.hover ul {

	position: absolute;

	margin: 0;

	padding: 0;

	display: inline;

	width: 100%;

}

#navbar li:hover li, #navbar li.hover li {

	float: left;

}

#navbar li:hover li a, #navbar li.hover li a {

	/*drop menu text color*/

	color: #FFFFFF;

 }

#navbar li li a:hover {

	/*submenu rollover color:*/

	color: orange; }