@charset "utf-8";
/* CSS Document */

LIST-BASED MENUS WITHOUT IDs OR CLASSES ON THE LIST ELEMENTS
 tested in NN7, Opera, Firefox, IE6, IE5.5, IE5, on Windows and Safari and IE5 on Mac 
has hacks for Opera (clipping problem) and IE postioning
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	behavior: url(css/csshover.htc);
	color: #aa4b5d;
	background-color: #FFFFFF;
}
* {margin:0; padding:0;}

/* the horizontal menu starts here */
div#listmenu {
	font-weight: 700;
	letter-spacing: .35em;
	width:780px;
	height:30px;
	margin-left:125px;
	font-size:16px;	/* SET FONT-SIZE HERE */
	margin-top:10px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
div#listmenu ul {
	margin:0 0 0 30px;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	}
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 */
	}
/*div#listmenu li:first-child {
	border-left:1px solid #069; 
	}
*/
div#listmenu li:hover { 
	}
div#listmenu a {
	font-family:"Courier New", Courier, monospace;
	display:block;
	padding:1px 3px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color: #aa4b5d;
	}
div#listmenu a:hover {
	background-color:#e3e4c8;
	color:#993333;
	border:1px solid #caa78f;
	padding:0 2px;
	}
/* the menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; 
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:12em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #caa78f; /*  three sides of each drop-down item */
	border-bottom:1px solid #caa78f;
	border-right:1px solid #caa78f;}
div#listmenu ul li ul li a {border-right:1px solid #e3e4c8;}
div#listmenu ul li ul li a:hover {
	background-color:#8B0A2C;
	color: #FFFFCC;
}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #caa78f; /*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;  background-color:#e3e4c8;} /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	position:absolute; 
	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 */

#listmenu ul li.nohover { background-color:none;}
#listmenu ul li.nohover:hover { background-color:none;}

p {padding-bottom:10px; }

/* 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 */
	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 #caa78f;
	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;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:0px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */

/* END OF LIST-BASED MENU */
/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("css/ie51_menu_hack.css"); 


/*end of css nav*/