/* the horizontal menu starts here */
div#hnavmenu {
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	margin:-3px 0 0 0;
	border-top:2px solid #000;	     /* draws line on top edge of div */
	border-bottom:2px solid #000;	 /* draws line on bottom edge of div */
	font-size:.9em;	/* SET FONT-SIZE HERE */
	font-weight:bold;
	background-color:#D8D8D8; /* colors the div */
	}
div#hnavmenu ul {margin:0 0 0 120px;}/* indents ul from edge of container */
div#hnavmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	     /* removes the bullet off each list item */
	background-color:#565656;    /* sets the background of the menu items */
	border-right:1px solid #000; /* creates dividing line on right edge of li */
	border-left:1px solid #000;  /* creates dividint line on left edge of li
	}
div#hnavmenu li:first-child {
	border-left:1px solid #000; /*the first vertical line on the menu */
	}
div#hnavmenu li:hover { 
	background-color:#B9B7FF; /*sets the background of the menu items */
	}
div#hnavmenu a {
    padding:0 20px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FFF;	/* sets the type color */
	}
div#hnavmenu a:hover {
	color:#009;
	}
/* the horizontal menu ends here */
/* END OF LIST-BASED MENU */