body
 {
font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #4E4E4E;
background: url(back.png) transparent repeat fixed;

}

a.top {
position: fixed;
margin: 0;
left: 0px;
top: 0px;
background: transparent url(bar.png) repeat center top;
width: 100%;
height: 3em;
}

#mid {
position: relative;
margin: 0 auto;
top: 2.5em;
background: transparent url(mid.png) repeat center top;
width: 55%;
height: 100%;
z-index: -1;
text-align: center;
}

#title {
position: fixed;
margin: 0;
left: 2em;
top: 1em;
color: white;
font-size: 15px;
}




/* for the navigation bar */
#navbar ul {
top: 0px;
left: 10px;
  font-family: Arial, Verdana;
  font-size: 14px;
   list-style: none;
z-index: 1;
}

#navbar ul li {
  display: block;
  position: relative;
  float: top;
z-index: 1;
width: 7em;

}
#navbar li ul { 
top: 0px;
left: 10px;
display: none; }

#navbar ul li a {
top: 0px;
left: 10px;
  display: block;
  text-decoration: none;
/* text attributes */
  color: #ffffff;
  border-top: 1px solid white;
  padding: 5px 15px 5px 15px;
  background: black;


}
#navbar ul li a:hover { 

background: black; }
#navbar li:hover ul {

  display: block;
  position: absolute;
}
#navbar li:hover li {

  float: none;
  font-size: 11px;
}
#navbar li:hover a { 

background: black; }
#navbar li:hover li a:hover {

background: #95A9B1; }

/* forces the navigation bar to stay the hell put. Oddly enough, this works, but putting position:fixed directly
in the navbar code causes it to malfunction, so technically, the navbar code is inside the below code to get it to stay. */
#stay {
position: fixed;
top: -3px;
left: 10em;
}