/*body { behavior:url(../css/csshover.htc);} fix for dropdown menu in ie6 */ 

/* the horizontal menu starts here */
#menu {
	margin-left:0px;
	padding-top:26px;
	width:100%;
	}
	
#menu ul {
	width:100%;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	letter-spacing:1px;
	padding-top:0px;
}


#menu li {
	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 each list item */
	padding:5px;
	margin-right:2px;
	background-image:url(../images/navbar_bg.jpg);
	background-repeat:repeat-x;
	height:25px;	
	}
	
#menu a:link, #menu a:visited {
	color: #fff;
	text-decoration: none;
}

#menu a:hover, #menu a:active {
	color: #78b4ff;
}


#menu li:first-child {

	}

#menu a {
	display:block;
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
#menu ul li ul {
	margin-top:10px; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	}
#menu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	margin:-4px;
	}
	
#menu ul li ul li:first-child {
	}
/* make the drop-down display as the menu is rolled over */
#menu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
#menu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html #menu ul {
	width:100%;
	float:left; /* makes the ul wrap the li's */
	margin-left:15px; /* IE doubles the given value above - why? */
	}

/* *html a {display:block;} */ /* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */

* html  #menu ul li ul {
	width:100%;
	margin:0px;
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */