body {font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:100%; behavior:url(css/csshover.htc);}

 {margin:0; padding:0;} 



div#listmenu {

	width:100%; 	/* makes the div full width */

	float:left; /*makes the div enclose the list */

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

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

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

	
	}

div#listmenu ul {margin:0 0 0 0px;/* 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:#FFFFCC; /*sets the background of the menu items */
	
	border-right:0px solid #113268; /* creates dividing lines between the li elements */

	}

div#listmenu li:first-child {

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

	}

div#listmenu li:hover { 

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

	}

div#listmenu a {

	display:block;

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

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

	color:#102B5A;	/* sets the type color */

	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; font: 12px; font-weight: bold; text-decoration: none; line-height: 14px; }

	}

div#listmenu a:hover {

	color:#FFFFE8;

	}

/* 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:150px; /*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 {
	margin:0px;
	border-bottom:2px solid #CC0033; border-top:1px solid #CC0033; border-right:2px solid #CC0033; border-left:2px solid #CC0033;
	



	}

div#listmenu ul li ul li {

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

	 /*  three sides of each drop-down item */

	padding-top: 5px;

	padding-bottom: 5px;

        padding-left: 0px;
        padding-right: 0px;
		margin-right: 0px;
		
		


	

	}

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

	border-top:1px solid #CC0033; /*the top edge of the dropdown */
		padding-top: 10px;
	}

		/* test line to set hover colour  */

	div#listmenu ul li ul li:hover a{

	color: #ffffe8;

	}

		/* end test line */



/* 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 */





/* hack for IE 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 #113268; /* adds the rightmost menu vertical line to the ul */

	margin-left:0px; /* 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 dropdown in IE browsers - can't read :first-child */

* html  div#listmenu ul li ul {

	border-top:1px solid #CC0033;

	border-left:2px solid #CC0033; /* stops the drop inheriting the ul border */
	
	
	}

/* end of hack zone */