/* 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 */
.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 div#navbar {
	text-align: left;
    position:absolute;
    top:55px;
    /* margin-left:0px; */
}

.menugroup {
	position:absolute;
	top:0px;
}
.menu {
    position:absolute;
	display:block;
    /* bottom:12px; */
	padding-top:18px;
	/* border:1px solid green; */
	/* width:200px; */
	width:500px;
	color:#666666;
}

#menu1 {
	left: 20px;
	z-index: 1;
}
#menu2 {
	left:97px;
	z-index: 2;
}

#menu3 {
	left: 235px;
	z-index: 3;
}
#menu4 {
	left: 329px;
	z-index: 4;
}
#menu5 {
	left: 390px;
	z-index: 5;
}
#menu6 {
	left: 443px;
	z-index: 6;
}


#group1 {
	left:17px;
	z-index: 1;
}
#group2 {
	left:94px;
	z-index: 2;
}

#group3 {
	left:232px;
	z-index: 3;
}
#group4 {
	left: 326px;
	z-index: 4;
}
#group5 {
	left: 387px;
	z-index: 5;
}
#group6 {
	left: 440px;
	z-index: 6;
}

/* the menu group/category link */
a.grouplink {
	font-weight: bold;
	padding: 1px;
	text-decoration: none;
	text-align: center;
/* display: block; */
	margin: 0;
	visibility: visible;
}

a.grouplink:link {
  color: #666;
}
a.grouplink:visited {
  color: #666;
}
a.grouplink:hover {
  color: #c00;
}

a.grouplink span {  
  font-size: xx-small;
}
a.grouplink img {  
	border: 0 none;
	vertical-align: middle;
}

/* the child lists for the disappearing menus */

#navbar div.menu {
	visibility: hidden;
}
#navbar ul {
	color: #000;
	/* background-color:blue; */
	z-index: 1;
	margin: 0;
	padding: 0;
	overflow: hidden;
	/* this should only clip very long words and prevents IE from erroneously widening the box */
	display:block;
	width:100%;
}
#navbar li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:100%;
	display: inline;    /* prevents WinIE from adding extraneous margin */
}

/* the submenu links */
.menu a {
	padding:0px;
	line-height:12px;
	color: #000;
	/* background-color: #fff; */
/*	display: block;  */
	margin: 0;
	text-decoration: none;
}
.menu a:link {
	color: #666;
}
.menu a:visited {
	color: #666;
}
.menu a:hover {
	color: #c00;
}
/* 2 Oct 2003, added styles for <noscript> menu */
p.nav {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	margin: .5em 0 0 0;
}

} /* end screen rules */

/* print media rules */
@media print {
  body {
    padding-top: 0;
  }
  div#navbar {
    display: none;
  }

} /* end print media rules */

