/* 2005-03-05: rewrote JS and menu styles */
/* 2003-10-02: dropped @media handheld in favor of @media screen, projection */
/* One of my standard ways to hide CSS from deficient browsers is with @media rules.
   This also prevents mobile devices from attempting CSS they shouldn't */

@media screen, projection {
/* This next rule exploits a parsing bug in MacIE5 so @media rules will be applied on screen */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
/* WinIE5 hoses the selector following a box model hack, 
   so a dummy selector here will resync it */
.resyncWinIE5 {
}

#navbar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 90%;
}
/* hide the heading off-screen and don't let it affect list position */
#navbar h2 {
	position: absolute;
	top: -10em;
	left: 0;
	margin: 0;
}
#navbar ul,
#navbar li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* default list styles are for the disappearing submenu lists */
#navbar ul {
	display: none;    /* hidden by default */
	border: 1px solid #009;
	border-top-width: 0;
	background-color: #fff;
	color: #000;
	position: relative;
	z-index: 1;
	width: 100%;      /* 100% of parent */
/* overflow should only clip very long words and prevents WinIE from erroneously widening the box */
	overflow: hidden;
}
/* override default for top-level items */
#navbar ul.mainmenu {
	display: block;
	border-width: 0;
	overflow: visible;
}

/* the default styles for submenu links */
#navbar li a {
	padding: .3em;
	color: #000;
	background-color: #fff;
	display: block;
	margin: 0;
	border-top: 1px solid #009;
	text-decoration: none;
	position: relative; /* prevent WinIE weirdness */
}
/* the colors here are the same as links embedded in the content area, but don't have to be */
#navbar li a:link {
	color: #00c;
	background-color: #fff;
}
#navbar li a:visited {
	color: #606;
	background-color: #fff;
}
#navbar li a:hover {
	color: #fff;
	background-color: #009;
}

/* The list items for the 5 main menu groups:
   each 20% of window width, positioned at 20% increments.
   Might set widths in ems instead. */
#mainmenu1 {
	position: absolute;
	width: 10%;
	top: 145;
	left: 20%;
	z-index: 1;
}
#mainmenu2 {
	position: absolute;
	width: 10%;
	top: 145;
	left: 30%;
	z-index: 2;
	
}
#mainmenu3 {
	position: absolute;
	width: 10%;
	top: 145;
	left: 40%;
	z-index: 3;
}
#mainmenu4 {
	position: absolute;
	width: 10%;
	top: 145;
	left: 50%;
	z-index: 4;
}
#mainmenu5 {
	position: absolute;
	width: 10%;
	top: 145;
	left: 60%;
	z-index: 5;
}

/* the main menu link, styled as a 'CSS button' */
#navbar a.mainmenu {
	border: medium ridge #ccc;  /* or outset */
	font-weight: bold;
	padding: .3em;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 0;
	visibility: visible;
	background: #fff url(images/h_arrow.png) -20px 0 no-repeat;
	color: #009;
}
/* submenu indicator, hide from MacIE \*/
#navbar a.mainmenu.more {
	background-position: 100% .8em;
} /* end submenu indicator */

/* main menu links get different colors than submenus */
#navbar a.mainmenu:link {
	color: #009;
}
#navbar a.mainmenu:visited {
	color: #003;    /* for top-level links, unvisited and visited are same color */
}
#navbar a.mainmenu:hover {
	color: #fff;
	background-color: #009;
	border-style: groove;  /* or inset */
}

/* hack to prevent excessive spacing in WinIE */
* html #navbar ul.mainmenu li {
	display: inline;
} /* end hack */

} /* end screen rules */