/* Start of CMSMS style sheet 'menu' */
#menu {
  padding-top: 230px;
  list-style-type: none;
  margin-left: 16px;
}

#menu li {
  float: left;
  color: white;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  background-image:	url('./images/menu-separator.gif');
  background-repeat:	no-repeat;
  background-position:	right;
  display: block;
}

#menu li a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  display: block;
  width:.1em;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

#menu > li a {
width: auto;
}

#menu li a:hover		{color: yellow}
#menu li a:active		{color: yellow}

.vert_menu {
position:absolute;
border:1px solid black;
border-bottom-width: 0px;
font:normal 11px Arial;
line-height: 18px;
z-index: 100;
background-color: #444444;
width: 160px;
visibility: hidden;
display: block;
}

.vert_menu a {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
border-right-width: 0px;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: white;
text-align: left;
}

.vert_menu a.parent, .vert_menu a.active, .vert_menu a.active:hover {
background-image: url('/images/arrow.gif');
background-position: right;
background-repeat: 	no-repeat;
}


.vert_menu a:link{ /*hover background color*/
color: white;
}
.vert_menu a:visited{ /*hover background color*/
color: white;
}
.vert_menu a:hover{ /*hover background color*/
background-color: #666666;
color: white;
}
.vert_menu a:active{ /*hover background color*/
color: white;
}
/* End of 'menu' */