/* Navigation CSS Document */
body 
{
	behavior:url(csshover.htc);
}

body div#navBar ul li ul
{
	display:none; /*--- Hides all drop down menus ---*/
}

*
{
	margin:0;
	padding:0;
}

/*--- IE Fixes ---*/
* html div#navBar ul
{
	float:right; /*--- Makes the ul wrap the li's ---*/
	margin-left: 15px; /*--- IE doubles the given value above... This fixes that ---*/
}

* html div#navBar ul li ul
{
	border-top: 2px solid #996633; /*--- Add a top line to drop-downs in IE browsers ---*/
	border-left: 0px; /*--- Stops the drop-down from inheriting the ul border ---*/
}

* html div#navBar ul li:hover ul, * html div#navBar ul li ul li, * html div#navBar ul li ul li:hover
{
	padding:0px;
}
/*--- End of IE Fixes ---*/




div#navBar /*--- Menu List Container ---*/
{
	width: 700px;
	
	float: right; /*--- Makes the div enclose the list ---*/
}

div#navBar ul
{
	margin: 0px 0px 0px 0px; /*--- Indents ul from edge of container ---*/
}

/*--- MAIN MENU ITES ---*/
div#navBar li
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #996633;
	text-decoration: none;
	padding: 0px 12px 0px 3px;
	

	float: left; /*--- Causes the list to align horizontally instead of stack ---*/
	position: relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/	
	background-image:url(images/dot_brown.gif);
	background-position:right;
	background-repeat:no-repeat;
}

/*--- Because IE does not support last-child, we had to create a seperate class ---*/
div#navBar ul li#lastItem
{
	background-image:none;
}

div#navBar li:hover
{
	background-color: #E2D7A9;
}


div#navBar a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	color: #996633;
	text-decoration: none;
	padding: 0px 3px 0px 8px;
	
	font-weight:bold;
	display: block; /*--- List items in drop down highlight and wrapped lines indent correctly ---*/
}

div#navBar a:hover
{
	/*--- Speficify a link roll over effect ---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003333;
	text-decoration: underline;
	background-color:transparent;
	padding: 0px 3px 0px 8px;
}

/*--- Sub Nav Menu Container Hover ---*/
div#navBar ul li:hover ul
{
	display: block; /*--- Displays appropriate drop down menu ---*/
	background-color:#E2D7A9;
	padding:0px 10px 0px 0px;
}

/*--- Sub Nav Menu Container ---*/
/*----------------------------------------------------------------------------------------------
This is never really seen because the sub navs are hidden and even when they are
moused over, that is controlled byt he div#navBar ul li:hover ul style... I think...
but some of these properties my carry over to the hover state... not sure.
----------------------------------------------------------------------------------------------*/
div#navBar ul li ul
{
	margin: 0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position: absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	width: 13em; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	left: -1px; /*--- Aligns the drop-down exactly under the menu ---*/
	padding:0px 10px 0px 0px;
}

/*--- Individual Sub Items ---*/
div#navBar ul li ul li
{
	width: 100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-bottom: 2px solid #996633;
	padding: 0px 10px 0px 0px;
	background-image: none;
}

div#navBar ul li ul li:first-child
{
	border-top: 2px solid #996633; /*--- The top edge of the drop-down ---*/
	padding: 0px 10px 0px 0px;
}

div#navBar ul li ul li:hover
{
	padding: 0px 10px 0px 0px;
}

div#navBar ul li ul li a:link, div#navBar ul li ul li a:visited, div#navBar ul li ul li a:active, div#navBar ul li ul li a:hover
{
	padding: 5px 0px 5px 10px;

	display: block;
	width:100%;
	
}

div#navBar ul li ul li a:hover
{
	padding: 5px 0px 5px 10px;
	color:#E2D7A9;
	background-color:#996633;
	
	display: block;
	width:100%;	
}
