/* 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 {        /* next 2 lines are known as the "box model hack" */
  font-family: "\"}\"";
  font-family: inherit;
}
/* WinIE5 hoses the selector following a box model hack, 
   so a dummy selector here will resync it */
.resyncWinIE5 {
}
body {
	font-size: 100%;     /* prevent weird scaling in WinIE */
}
.copyright,
.content {
	margin-left: 10em;
}
#navbar {
	float: left;
	width: 158px;
	font-size: 95%;
}

/* 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;
	position: relative;
	overflow: hidden;
}
/* hide from MacIE \*/
div#navbar ul,
div#navbar li {
	overflow: visible;
} /* end hack */

/* default list styles are for the disappearing submenu lists */
#navbar ul {
	display: none;       /* hidden by default */
	border: 3px solid #666666;
	background: #666666;
	width: 198px;
	color: #ffffff;
	position: absolute;
	left: 155;            /* main menu width */
	top: 0;
	z-index: 1;

}
/* override default for top-level items */
#navbar ul.mainmenu {
	font: 10px Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	display: block;
	border-color: #666666;
	border: 1px solid #666666;
	position: relative;
	top: 0;
	left: 0;
	width: 158px;   /* a little narrower than submenus */
}

/* the default styles for submenu links */
#navbar li a {
	font: 11px Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	padding: 5px;
	color: #ffffff;
	background-color: #000000;
	display: block;
	margin: 0;
	border-top: 1px solid #666666;
	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: #ffffff;
	background-color: #000000;
}
#navbar li a:visited {
	color: #ffffff;
	background-color: #000000;
}
#navbar li a:hover {
	color: #ffffff;
	background-color: #0000ff;
}

/* the main menu link, styled as a 'CSS button' */
#navbar a.mainmenu {
	border: thin solid #666666;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	text-align: left;
	display: block;
	margin: 0;
	visibility: visible;
	background: #000000 url(rightarrowwhite.gif) -20px 0 no-repeat;
	color: #ffffff;
/* for mozilla browsers, (optionally) round the top corners to give a 'tab' appearance */
/*	-moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em; */
}

/* submenu indicator (set via JS), except in MacIE \*/
#navbar a.mainmenu.more {
	background-position: 99% .8em;
} /* end submenu indicator */

#navbar a.mainmenu:visited {
	color: #ffffff;    /* for top-level links, unvisited and visited are same color */
	background-color: #000000;
}
#navbar a.mainmenu:hover {
	color: #ffffff;
	background-color: #0000ff;
	border-style: groove;  /* or inset */
}

/* hack to prevent excessive spacing in WinIE */
* html #navbar ul.mainmenu li {
	display: inline;
} /* end hack */
/* hack to prevent weird widths in WinIE5 \*/
* html #navbar ul.mainmenu li a {
	height: 1%;
} /* end hack */

} /* end screen rules */

/* print media rules */
@media print {
body {
	padding-top: 0;
}
div#navbar {
	display: none;
}

} /* end print media rules */