/* Left navigation classes */
.leftnav ul 
{
	margin: 0;
	padding: 0; /* Zeroed margins and padding to give us a clean slate */
	list-style: none; /* No bullet points in our menu, thanks */
	width: 100%; /* IE7 chokes without this */
	float: left; /* Fixes alignment issue in non-IE browsers caused by fixing for IE7.  Thanks a lot, Microsoft. */
	font-size: 90%;
}

/* Handles positioning of main menu */
.leftnav ul li 
{
	position: relative; /* This is really important */
	border-bottom: 1px solid #666666; /* This handles the appearance of the lines between buttons */
	width: 100%; /* IE7 chokes without this */
	float: left; /* IE7 also chokes without this */
	text-align: left;
}

/* Handles positioning of submenus */
.leftnav li ul 
{
	position: absolute; /* This is also really important */
	font-size: 80%; /* Makes submenus smaller than the main menu */
	left: 150px; /* Aligns the submenu beside the main menu. This should be the width of the main menu. */
	top: 0; /* Keep this zero to line up the submenu with the button that spawns it */
	display: none; /* Hides the submenu when buttons aren't hovered over */
	margin-top: -1px; /* Eliminates the single pixel jog between the main and sub menus */
	width: 150px;
	border-top: solid 1px #666666;
}

.leftnav li:hover ul 
{ 
	display: block; /* Makes submenu visible on hover in all but IE6 */
}

/* Handles appearance of inactive, unhovered buttons in the main menu */
.leftnav ul li a 
{
	display: block; /* Makes buttons occupy all available space */
	text-decoration: none; /* No underlines */
	color: #000000; /* Button text color */
	background-image: url("../images/btnbkg.jpg");
	padding: 5px 20px 5px 5px;
	text-align: left;
}

.leftnav ul li a.parent
{
	background-image: url("../images/btnbkg.jpg");
}

/* Handles appearance of buttons that are hovered over in the main menu */
/* Only things that change from the element above need to be declared */
.leftnav ul li a:hover
{
	background-image: url("../images/btnbkgover.jpg");
	text-decoration: none;
	color: #000000;
}

.leftnav ul li a.parent:hover
{
	background-image: url("../images/btnbkgover.jpg");
}

/* Handles appearance of inactive, unhovered buttons in the submenus */
.leftnav li ul li a
{
	background-image: url("../images/btnbkgover.jpg");
	background-position: right;
	display: block;
	border-right: solid 1px #666666;
	text-decoration: none;
	text-align: left;
	color: #000000;
	padding: 5px;
}

/* Handles appearance of buttons that are hovered over in the submenus */
.leftnav li ul li a:hover
{
	background-image: url("../images/btnbkg.jpg");
	background-position: right;
	color: #000000;
}

/* Begin stuff that interacts with the Javascript */
#nav li.off:hover ul, #nav li.over ul 
{ 
	display: block; /* Makes submenu visible on hover in IE6 */
	z-index: 8000; /* Arbitrary large number to ensure that submenu takes precedence over all possible conflicting elements */
}

#nav li.off a:hover, #nav li:hover a, #nav li.over a 
{
	display: block; /* Safety declaration for IE6 and older versions.  Keeps CSS and Javascript from arguing. */
}

/* Javascript-assisted menu styling.  If this breaks the menu still works so don't freak out too much if you bork this. */
/* In cases of disagreement between CSS styling and Javascript styling IE6, IE7, and Opera will use the Javascript styling */
/* In cases of disagreement between CSS styling and Javascript styling Firefox will use the CSS styling */
/* Browsers without Javascript support or with Javascript disabled will use the CSS styling */
#nav li.over a
{
	background-image: url("../images/btnbkgover.jpg");
	color: #000000;
}

#nav li.over a.parent
{
	background-image: url("../images/btnbkgover.jpg");
}

#nav li.over ul li a
{
	background-image: url("../images/btnbkgover.jpg");
	background-position: right;
	color: #000000;
	border-left: solid 1px #848388;
}

#nav li.over ul li a:hover
{
	background-image: url("../images/btnbkg.jpg");
	color: #000000;
}
/* End stuff that interacts with the Javascript */
/* End of left navigation */

/* Hacks for the left nav \*/
* html .leftnav ul li 
{
	float: left; 
}

* html .leftnav ul li a 
{ 
	height: 1%; 
}
/* End hacks */