/* structural styles and offsets */
ul.vertical, ul.vertical li, ul.vertical ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
}

ul.vertical {
  position: relative;
  z-index: 1000;
  cursor: default;
  width: 6em;
  left: 0px;
  top: 0px;
  margin-top:1em;
}

ul.vertical li {
  position: relative;
  text-align: left;
  cursor: pointer;
  cursor: hand;
  width: 6.5em;
  margin: -1px 0 0 0;
}

ul.vertical ul {
  z-index: 1020;
  cursor: default;
  width: 8em;
  margin: -0.5em 0 0 5em;
  position: absolute;
  left: -100em;
  top: 0;
  padding: 1px 0 0 0;
}

ul.vertical ul li {
  width: 10.2em;
}

ul.vertical ul ul {
  margin: -0.5em 0 0 7.7em;
}


/***** design styles *****/
ul.vertical ul {
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #000000 #000000 #000000 #000000;
}

/* outter list - base properties */
ul.vertical a:link, ul.vertical a:visited { 
	display: block;
	cursor: pointer;
	cursor: hand;
	
	background: #000000;
	color:#8B786A;
	border: 1px solid #000000;
	
	padding-top: .8em;
	padding-right: 0px;
	padding-bottom: .8em;
	padding-left: 7px;
	margin-right:0px;
	overflow:visible;
	
	font-family:"Verdana",sans-serif;
	font-size:9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	/*letter-spacing: 1px;*/
	
}

/* outter list - rollover state properties */
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a:active,
ul.vertical a.rollover:link, ul.vertical a.rollover:visited {   
	background-color: #7F7161;
	color: #E9E2D8;
}

/* inner lists properties */
ul.vertical ul a:link, ul.vertical ul a:visited { 
	background-color: #7F7161;
	color: #E9E2D8;
}

/* inner list - rollover state properties */
ul.vertical ul a:hover, ul.vertical ul a:focus, ul.vertical ul a:active,
ul.vertical ul a.rollover:link, ul.vertical ul a.rollover:visited {   
	background-color: #DBD3CB;
	color: #000;
}
 
 
}


/* iframe layer */
ul iframe {
  position: absolute;
  z-index: 1010;
  border: none;
}

/* browser hacks */
ul.vertical li { display:table; }
ul[class="vertical"] li { display:block; }

@media screen, projection {
  * html ul.vertical li {
    display: inline;
    f\loat: left;
    background: #fff;
  }
}
* html ul.vertical li { position: static; }
* html ul.vertical a:link, * html ul.vertical a:visited { position: relative; }

*+html ul.vertical li {
  display: inline;
  float: left;
  background: #000000;
  }
*+html ul.vertical li { position: static; }
*+html ul.vertical a:link, *+html ul.vertical a:visited { position: relative; }