


/*********navbar.css------Navagation menu with Thanks to Charles Wyke-Smith************************/
body
{
	behavior:url(styles/csshover.htc);
}
div#listmenu 
{
width:100%; 	/* makes the div full width FOR INDEX PAGE */
float:left; /*makes the div enclose the list */
font-size: 1.2em;	/* SET FONT-SIZE HERE */
font-weight:;
background-color:#EBE1AA;; /* colors the div */
padding-top:30px;
padding-bottom:20px;
position: relative;
z-index:100;
}

div#listmenu ul 
{
margin:0 0 0 0;/* indents ul from edge of container FOR INDEX PAGE*/
z-index:100;

}

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:#EBE1AA; /*sets the background of the menu items */
border-right:; /* creates dividing lines between the li elements */
border-bottom:;
border-top:;
z-index:100;
}

div#listmenu li:first-child 
{
border-left:; /*the first vertical line on the menu */
}

div#listmenu li:hover 
{ 
/*background-color:#C7CACE; /*sets the background of the menu items */
background-color:#ffc; /*sets the background of the menu items */
font-family:  Helvetica, Arial, sans-serif;
}

div#listmenu a 
{
display:block;
padding:0 6px; /*creates space each side of menu item's text */
text-decoration:none;	 /* removes the underlining of the link */
color:#4B6991;	/* sets the type color */
font-family:  Helvetica, Arial, sans-serif;
}

div#listmenu a:hover 
{
color:#9D102D;
font-family:  Helvetica, Arial, sans-serif;
}
/* 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:15em; /*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 */
font-size: .9em;
font-family:  Helvetica, Arial, sans-serif;

}

div#listmenu ul li ul li 
{
width:100%; /* makes the list items fill the list container (ul) */
border-left:; /*  three sides of each drop-down item */
border-bottom:;
border-right:;
border-top: ;
}
div#listmenu ul li ul li:first-child 
{
border-top:; /*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 */

/* * * * * * * THE HACK ACK ACK ATTACK 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: solid #ebe1aa; /* adds the rightmost menu vertical line to the ul */
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  div#listmenu ul li ul
{
border-top:;
border-left:0px; /* stops the drop inheriting the ul border */
}
/* end of hack zone */
/* ********************************** END OF LIST-BASED MENU ************************/
/*Margins are applied {margin: top right bottom left}*/