/* Common Classes */
ul
{
  padding-left: 20px;
  margin: 10px 0;
}
ul.no-style
{
  list-style: none;
  margin: 0;
  padding: 0;
}
li a,
ul#leftNav li a:hover
{
  text-decoration: none;
}
li a:hover
{
  text-decoration: underline;
}
li a.group,
li span.group
{
  font-weight: bold;
  color: #522381;
}
li a.root,
li span.root
{
  color: #8f8f8f;
  cursor: pointer;
}
a:hover,
li a.root:hover,
li span.root:hover,
ul#leftNav li a:hover
{
  color: #62b4c8;
}

/* Top Menu */
ul#navBar li.root,
ul#navBar div.column,
#topNav,
#leftNav
{
  float: left;
}

#topNav
{
  height: 100%;
  position: relative;
  width: 575px;
  top: 0;
  left: 0;
}

#topNav div#navBarContainer
{
  position: absolute;
  bottom: 15px;
  left: 0;
}
ul#navBar li.root
{
  padding: 0 25px;
  position: relative;  
  border-left: dotted 1px #333;
  border-right: dotted 1px #000;
  border-top: dotted 1px #000;
}

ul#navBar li.li-r
{
  border-right: dotted 1px #333;
}

ul#navBar li div.hovered
{
  display: block;
  min-width: 100%;
  border-top: 0;
}

ul#navBar div.subMenuContainer,
ul#navBar li.hovered
{
  background-color: #fff;
  border: solid 1px #8f8f8f;
}
ul#navBar li.hovered
{
  border-bottom: none 0;
}
ul#navBar div.subMenuContainer
{
  position: absolute;
  z-index: 1;
  display: none;
  left: -1px;
  top: 1.13em;
}

ul#navBar div.menuRight
{
  right: -1px;
  left: auto;
}

ul#navBar div.subMenu
{
  z-index: 100;
  padding: 10px 10px 0 0;
  overflow: hidden;
}

ul#navBar div.subMenu ul,
.subNav ul,
.column ul
{
  margin-left: 10px;
  margin-bottom: 10px;
}

/* Left Menu */
#logo,
.colL
{
  width: 170px;  
  height: 100%;
  float: left;
}

ul#leftNav
{
  margin: 0 0 0 15px;
  line-height: 3em;
  padding-top: 1px;
}

ul#leftNav li a
{
  color: #fff;
}

/* Left Bottom Sub Menu */
.subNav > ul
{
  /*font-size: 0.9em;*/
}

.subNav li.selected
{
  color: #522381;
}

.subNav ul span.group
{
  display: block;
  border-bottom: solid 1px #8f8f8f;
}