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

ul.horizontal {
  position: 	relative;
  left: 	50px;
  width: 	100%;
  cursor: 	default;
  z-index: 	2000;
  top: 		0;
  margin:	0;
}

ul.horizontal li {
  width: 	auto;
  float: 	left;
  position: 	relative;
  cursor: 	pointer;
  background:   #9999CC;
  text-align: 	left;
  left: 	1em;
  margin: 	0 0 0 0;
}

* html ul.horizontal li 
{
  margin: 0 -1.1em 0 1em;
  left: 0;
}

ul[class^="horizontal"] li 
{
  margin: 		0 -1.1em 0 .75em;
  left: 		0;
}

ul.horizontal ul 
{
  z-index: 		2020;
  padding: 		0;
  cursor: 		default;
  position: 		absolute;
  left: 		-100em;
  top: 			auto;
  width: 		8.2em;
  margin: 		0 0 0 0;
  padding: 		1px 0 0 0;
}

ul.horizontal ul li 
{
  width: 		16.2em;
  float: 		none;
  left: 		auto;
  margin: 		-1px 0 0 0;
}

ul.horizontal ul ul 
{
  margin: 		-0.15em 0 0 15.25em;
}

/* design styles */
ul.horizontal ul 
{
  border-width: 	1px;
  border-style: 	solid;
  border-color: 	transparent;    /* #ffeca7 #a97741 #a97741 #ffeca7; */
}

ul.horizontal a, ul.horizontal a:visited 
{
  display: 		block;
  cursor: 		pointer;
  background: 		#32396A;
  border:		none;
  border-left: 		1px solid white; 
  border-right:		1px solid white; 
  padding: 		5px 18px 5px 7px;
  font-size:		8pt;
  font-weight:		normal;
  line-height:		0.75em;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: 		white;
  text-decoration: 	none;
  letter-spacing: 	1px;
}

ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a:active,
ul.horizontal a.rollover:link, ul.horizontal a.rollover:visited 
{
  background: 		#99CCFF;
  font-size:		8pt;
  color: 		#000066;
}

ul.horizontal ul li.hasmenu > a:hover,
ul.horizontal ul li.hasmenu > a:focus,
ul.horizontal ul li.hasmenu > a:active,
ul.horizontal ul li.hasmenu > a.rollover,
ul.horizontal ul li.hasmenu > a.rollover:visited 
{
  background: 		#99CCFF;
  font-size:		8.5pt;
  color: 		#000066;
}

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

ul.horizontal a { float: left; }
@media Screen, Projection { ul.horizontal a { float: none; } }
ul.horizontal ul a { float: none !important; }
@media screen, projection {
  * html ul.horizontal li {
    display: inline;
    float: left;
    background: #fff;
  }
}
* html ul.horizontal li { position: static; }
* html ul.horizontal a { position: relative; }

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