/* CSS Document */

/* CSS Document */
body
{
	behavior:url(css/csshover.htc); /* Used to support the hover event on any element in Internet Explorer */
	/* This is root relative I assume, so the csshover.htc file has to be in the every directory that has a web page that wants to use the hover event in Internet Explorer */
}

ul.navigation
{
	text-transform:capitalize;
	margin-left:0px;
	padding:0px;
	margin-top: 0px;
	
}

ul.navigation li
{ 
	float: left;
	position: relative;
	list-style-type: none;

	padding: 0; /*--- The right padding is 10px and not 8px to compensate for the menu-separator (bullet) being displayed as the first item of each li ---*/
	margin:0px;
	
	background-image:url(../images/menu-separator.gif);
	background-repeat: no-repeat;

	/*background-color: #8a8a84;*/
	
}

ul.navigation li:hover
{
	/*background-color:#cad843;*/
	/* NA */	
}

ul.navigation li.first
{
	background-image:none;
}

ul.navigation li a:link, ul.navigation li a:visited, ul.navigation li a:active
{
	display: block;
	/*padding: 5px 12px;  Sets the height and width of the main navigation links */
	padding: 0px 11px 0px 15px;
	margin: 0px;
	color: #ffffff;
	/*font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	/*font-weight: bold;	*/
	text-decoration: none;
	line-height:54px;
}

ul.navigation li a:hover
{
	color:#fcbe00;
}



/*--- Drop Down Menus ---*/
ul.navigation li ul
{
	display:none; /*--- Hides all drop down menus ---*/

	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	padding:0px;

	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/

	/*border-top:1px solid #ffffff;*/
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	
	width:240px; /*--- overall width of each drop down menu ---*/

	/*background-color:#cad843 ;*/
}

ul.navigation li:hover ul
{
	display:block; /*--- Displays appropriate drop down menu ---*/
	background-image:none; /*--- overwrites the background applied in (ul.navigation li) ---*/
	background-color:#8a8a84;
	
}


ul.navigation li ul li
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ... may not work in IE6? --*/

	padding:0 0 0 5px;
	margin-top:0px;

	background-color:#750301;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	
	background-image:none; /*--- Remove the menu-separator (bullets) from displaying on sub menus ---*/
}

ul.navigation li ul li:hover 
{
	/*background-color:#a0aa3a;*/
	/*NA*/
}

ul.navigation li ul li a:link, ul.navigation li ul li a:visited, ul.navigation li ul li a:active
{
	display: block;	
	padding: 5px;
	background-color: transparent;
	color:#FFFFFF;
	line-height:18px; /*--- Overwrites the line-height applied to the parent menu ---*/
}

ul.navigation li ul li a:hover
{
	color: #fcbe00;
}