/* Begin Navigation */
/* Position main nav div */
#nav {
	/* position: absolute; */
	/* top: 138px; */
	z-index: 2;
	width: 183px;
	/* True height of this element is 206 */
	/* 196px + 10px padding at top */
	height: 196px;
	/* background-color: #996600; */
	/* Vertically position the menu within this container */
	/* Used padding here rather than mess with additional margin */
	padding-top: 10px;
}


/******* Begin Globals *******/
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	/* Width of entire list element */
	width: 173px;
}

#nav li {
	/* This ensures that nested elements line up with their parent */
	position: relative; 
	margin: 0 0 0 10px;
	padding: 0;
	border-bottom: 1px solid #828170;
}

/* Kill the border on the last LI element in UL's */
#nav li.bottom {
	border-bottom: none;
}

/* Open nested element (submenu) */
#nav li:hover ul, 
#nav li.over ul {
	display: block;
}

#nav li a {
	/* Forces the background of anchor to display at specified width */
	/* and will allow the 'rollover' effect to be visible because the */
	/* 'hit' area of the button is now defined by the width and height */
	/* even when the the mouse (cursor) is not over the text. */
	display: block; 
	width: 153px;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 10px;
	/* Assign font attributes */
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/green_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;

}

#nav li a:hover,
#nav li a.over {
	color: #FBDE4A; /* Gold */
	background-color: #613C1E; /* Dark Brown */
	background-image: url(../images/yellow_arrow.gif);
}
/******* End Globals *******/

/** Second Level Items **/
/* Position Second Level Nav Block*/
#nav ul li ul {
	/* Turn off the display of this element by default */
	/* This element's display is activated by the :hover */
	/* sudoclass on parent element */
	display: none;
	/* Position it absolutly to it's parent element */
	/* Parent element must use relative positioning */
	position: absolute;
	top: 0;
	left: 163px;
	/* Reset margin and padding to ensure nothing is inherited */
	margin: 0;
	padding: 0;
	width: 183px;
	/* Add a border and background color to surround */
	/* this element and it's contents */
	border: 1px solid #82806F;
	background-color: #996600;
}