/* Menubar Mechanics Styling Begin */

#nav {
  font-family: arial, helvetica;
  font-size: 14px;
  display:block;
  height:2em;
  width: 760px;
  }

#navextend { /*Extends the nav bar background across the page*/
  font-family: arial, helvetica;
  font-size: 14px;
  display:block;
  position:relative;
  background: #900;
  height: 2em;
  }

ul#nav {
  padding: 0;
  margin: 0;
  list-style: none;
  background: #fff; /* IE6 Bug */
  background: #900;
  }

#nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: #fff; /* IE6 Bug */
  color: #900;
  background-color: #fff;
  }

#nav li {
  float: left;
  position: relative;
  z-index: 1000;
  padding: 6px 0;
  text-align:center;
  width:84px;
  }

#nav li ul li { /* submenu list item formatting */
  border: 1px solid #900;
  border-top: 0px none;
  text-align:left;
  padding:3px;
  width: 145px;
  }

#nav li ul li#top {
  border: 1px solid #900;
  }

#nav li ul {
  display: none;
  position: absolute;
  left: 0;
	top: 1.5em;
  }

#nav li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
  top: 1.5em;
  left: 0;
  }

#nav li li ul {
  position: absolute;
	left:151px;
	top: -1px;
	} 

#nav ul li:hover ul ul,
#nav ul li.over ul ul { display: none; } /* Hide sub-menus initially */

#nav li:hover ul,
#nav ul li li:hover ul,
#nav li.over ul,
#nav ul li li.over ul { display: block; } /* The Magic */


#nav li a,
#nav li ul li:hover a,
#nav li ul li.over a { 
  display:block;
  color:#fff;
  text-decoration: none;
  }

#nav li:hover a,
#nav li.over a,
#nav li ul li li:hover a,
#nav li ul li li.over a { /*Hovered list items, but not child unordered lists */
  color:#900;
  }

#nav ul li.menuparent {
  background: transparent url(images/arrow.gif) right center no-repeat;
  }

#nav li:hover,
#nav li.menuparent:hover,
#nav li.over { background-color: #fff; }

#nav li li:hover,
#nav li li.over { background-color: #900; }

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

/* Menubar Mechanics Styling End */