/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/

Customized by Garnet River 20090625 - mgalvin -->
*/

body {
  behavior: url(csshover.htc);
}

#menu {
  padding-top: 28px;
}

#menu a {
  color: #fff;
  text-decoration: none;
  font-family: Verdana, sans-serif;
  font-size: 8pt;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 120px;
}

#menu ul li {
  height: 100%;
  background: #0093B0;
  border-bottom: 1px solid #000;
  position: relative;
  float: left;
  width: 100%;
}

#menu ul li.last {
  border-bottom: none;
}
	
#menu ul li ul li{
  background: #0093B0;
}

#menu ul li ul {
  width: 200px;
}

#menu ul li a{
  display: block;
  padding: 2px 3px;
}

#menu ul li a:hover {
  color: #0093B0;
  background: #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

#menu ul li ul li a:hover {
  color: #0093B0;
  background: #fff;
  border-left: 1px solid #0093B0;
}

#menu ul ul {
  position: absolute;
  top: 0;
  display: none;
}

#menu ul li:hover ul{
  display: block;
  left: 120px;
}