/* CSS Document */

body {

	font-family: Arial, Helvetica, sans-serif;

font-size:100% behavior:url(css/csshover.htc);	background-color: #000000;

}

* {margin:0; padding:0;} 



/* the horizontal menu starts here */

div#listmenu {

	width:80%;	 /* draws line on bottom edge of div */

	font-size:0.8em;	/* SET FONT-SIZE HERE */

	background-color: #FFFFFF; /* colors the div */

	/*margin-top:20px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/

	margin-left:10%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin-right: 10%;

	background:#9ACAEE;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #9ACAEE;

	border-bottom-color: #9ACAEE;

	height:16px;

	}

div#listmenu ul {margin:0 0 0 30px;/* indents ul from edge of container */

	}

div#listmenu 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 */

	background-color:#9ACAEE; /*sets the background of the menu items */

	border-right:1px solid #069; /* creates dividing lines between the li elements */

	

	}

div#listmenu li:first-child {

	border-left:1px solid #069; /*the first vertical line on the menu */

	}

div#listmenu li:hover { 

	background-color:#D0E5F6; /*sets the background of the menu items */

	}

div#listmenu a {

	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */

	padding:0 6px; /*creates space each side of menu item's text */

	text-decoration:none;	 /* removes the underlining of the link */

	color:#375DB2;	/* sets the type color */

	}

div#listmenu a:hover {

	color:#375DB2;

	}

/* the horizontal menu ends here */



/* the drop-down starts here */

div#listmenu ul li ul {

	margin:0; /* 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*/

	left:-1px; /*aligns the drop exactly under the menu */

	}

div#listmenu ul li ul li {

	width:100%; /* makes the list items fill the list container (ul) */

	border-left:1px solid #069; /*  three sides of each drop-down item */

	border-bottom:1px solid #069;

	border-right:1px solid #069;

	padding:0 0 1px;

	}

div#listmenu ul li ul li:first-child {

	border-top:1px solid #069; /*the top edge of the dropdown */

	}

/* make the drop-down display as the menu is rolled over */

div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */



/* pop-out starts here */

body div#listmenu ul li ul li ul  {

	visibility:hidden; /* same effect as display:none in this situation */

	top:-1px;

	left:10em;

	}

div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */



/* second level popouts start here*/

div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}

div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */



/* third level popouts start here*/

div#listmenu ul li ul li ul li:hover ul li ul {visibility:hidden;}

div#listmenu ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */



/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */

* html div#listmenu ul {

	float:left; /* makes the ul wrap the li's */

	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */

	margin-left:15px; /* IE doubles the given value above - why? */

	}



/* add a top line to drops and pops in IE browsers - can't read :first-child */

* html  div#listmenu ul li ul {

	border-top:1px solid #069;

	border-left:0px; /* stops the drop inheriting the ul border */

	}

/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */

* html  div#listmenu ul li ul li ul { 

  left:9.85em; 

  voice-family: "\"}\""; 

  voice-family:inherit;

  left:10em;

  } 

/* and the "be nice to Opera" rule */

html>body div#listmenu ul li ul li ul {

  left:10em;

} 



/* END OF HACK ZONE */

/* the drop-down ends here */

/* END OF LIST-BASED MENU */