header {
   color: #000000;
   cursor: default;
   font-family: Verdana;
   font-size: 8pt;
   }

html {
   border: 0;
   overflow: hidden;
}

body {
   background: #336699;
   border: 0;
   margin: 0;
}

.menuBottom {
   position: absolute;
   top: 99px;
   height: 1px;
   width: 700;
   background: #ECA947;
   overflow: hidden;
}

pre {
   overflow: auto;
   margin: 0;
   width: auto;
}

.webfx-menu, .webfx-menu * {
   box-sizing: content-box;
   -moz-box-sizing: content-box;
}

.webfx-menu {
   position: absolute;
   z-index: 100;
   visibility:	 hidden;
   width: 100px;
   background: #FFFFFF;
   border: 1px solid #000000;
   padding: 1px;

   filter: progid:DXImageTransform.Microsoft.Shadow(color="#000000", Direction=135, Strength=4)
   alpha(Opacity=85);
   -moz-opacity: 0.8;
}

.webfx-menu-empty {
   display: block;
   font-size: 11px;
   font-family: Tahoma, Verdan, Helvetica, Sans-Serfif;
   color: white;
   border: 1px solid #FFFFFF;
   height: 18px;
   height: expression(18);	/* should be ignored by mz and op */
   padding-left:5px;
   padding-right: 5px;
}

.webfx-menu a {
   display: block;
   width: expression("100%");	/* should be ignored by mz and op */
   font-size: 11px;
   font-family: Tahoma, Verdan, Helvetica, Sans-Serfif;
   text-decoration: none;
   color: #000000;
   border: 1px solid #FFFFFF;
   height: 18px;
   height: expression(18);	/* should be ignored by mz and op */
   vertical-align: center;
   padding-left: 5px;
   padding-right: 0px;
   overflow: hidden;
}	

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
   color: #000000;
}

.webfx-menu a:hover {
   color: #000000;
   background: #EE6F1B;
   border: 1px solid #000000;
}	

.webfx-menu a .arrow {
   float: right;
   border: 0; 
   width: 3px;
   height: 16px;
   margin-right: 2px;
}


/* separtor */

.webfx-menu div {
   height: 0;
   height: expression(2);
   border-top: 1px solid #000000;
   overflow: hidden;
   margin-top: 2px;
   margin-bottom: 2px;
   font-size: 0mm;
}

.webfx-menu-bar {
   background: #ECA947;
   border-left: 1px solid #ECA947;
   border-right: 1px solid #ECA947;
   padding: 0;
   font-family: Verdana, Helvetica, Sans-Serif;
   font-size: 11px;
   margin-top: 0;

   /* IE5.0 has the wierdest box model for inline elements */

   padding: expression(/MSIE 5\.0/.test(navigator.userAgent) ? "0px" : "2px");	
   width: 700;
}

.webfx-menu-bar a,
.webfx-menu-bar a:visited {
   color: black;
   border: 1px solid #ECA947;
   text-decoration: none;
   padding: 1px;
   padding-left: 5px;
   padding-right: 5px;

   /* IE5.0 Does not paint borders and padding on inline elements without a hieght/width */

   height: expression(/MSIE 5\.0/.test(navigator.userAgent) ? "18px" : "auto");
}

.webfx-menu-bar a:hover {
   color: #000000;
   background: #EE6F1B;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
}

.webfx-menu-bar a .arrow {
   border: 0;
   float: none;
/*
   float: right;
   width: 6px;
   height: 16px;
   margin-right: 0px;
   background: red;
*/
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
   -moz-outline: none;
   outline: none;
   /*
   ie does not support outline but ie55 can hide the outline using
   a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
   */
   ie-dummy: expression(this.hideFocus=true);
}