/* HEAD NAVIGATION */
/* =============== */

#mnav {
  float: left;
  width: 800px;
  margin-top: 5px;
  border-top: solid 1px #ccc;
  font-family: 'Arial Narrow';
  font-size: 18pt;
  margin-bottom: 15px;
}

#button1 a, #button2 a, #button3 a, 
#button4 a, #button5 a {
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  color: #909090; 
}

#button1 a {margin-left: 30px; width: 120px;}
#button2 a {width: 140px;}
#button3 a {width: 120px;}
#button4 a, #button5 a {width: 180px;}

#button1 a:hover, #button2 a:hover, 
#button3 a:hover, #button4 a:hover, 
#button5 a:hover {
  background-color: #5B0043;
  color: white;
}

/* SIDE NAVIGATION */
/* =============== */

#snav {
  float: left;
  margin-top: 45px;
  text-align: left;
}

#footer {
  float: left;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 175px; /* Width of Menu Items */
  font-family: 'Arial Narrow';
}
	
ul li {position: relative;}
	
li ul {
  position: absolute;
  left: 175px; /* Set 1px less than menu width */
  top: 0;
  display: none;
}

/* Styles for Menu Items */
ul li a {
  display: block;
  text-decoration: none;
  color: #777;
  background: #fff; /* IE6 Bug */
  padding: 5px;
  border-bottom: solid;
  border-width: 1px;
  border-color: #ccc;
}

#pri1 a, #pri2 a, #pri3 a,
#pri4 a, #pri5 a, #pri6 a,
#pri7 a, #pri8 a, #pri9 a {
  padding-left: 20px;
  color: #5B0043;
}

#sub a {
  width: 195px; 
  border-bottom: solid;
  border-left: solid;
  border-width: 1px;
  border-color: #CCC;
  background-color: #EBDEE8;
}

#sub a:hover {
  background-color: #5B0043;
  color: white;
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */