.dropdownmenu { margin:0; }

.dropdownmenu li.top {display:block; float:left;}
.dropdownmenu li a.top_link {display:block; float:left; color:black; text-decoration:none; }
                                                  
.dropdownmenu li a.top_link span {
	
	display:block; 
	height:29px;  /* height=active box area */ 
	float:left; 
	line-height:28px; 
	font-size:11px; /* submenu font - not dropdown */ 
	font-weight:normal;
    padding:0 8px; /* any larger support menu options fall off the end of the list in FF 2.0*/
    cursor:pointer; 
    
}

.dropdownmenu li a.top_link:hover b {color:#fff; background: url(../graphics/tabb_on.png) no-repeat;}

.dropdownmenu li a.top_link b.down {background: url(../graphics/tabdown_off.png) no-repeat; margin-top:2px} /*Arrow */


.dropdownmenu li a.top_link:hover span {color:#fff; background: url(../graphics/tab.png) no-repeat;
line-height:26px;}



.dropdownmenu li:hover > a.top_link span {color:#fff; background: url(../graphics/tab.png) no-repeat; line-height:26px; margin-top:2px}

.dropdownmenu li:hover > a.top_link b {color:#fff;  /* background: url(../graphics/tabb_on.png) no-repeat;margin-top:3px; background-color:red; */}
.dropdownmenu li:hover > a.top_link b.down {color:#fff; background: url(../graphics/tabdown_on.png) no-repeat; margin-top:3px}

.dropdownmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.dropdownmenu li:hover {position:relative; z-index:200;} /* submenu text */

/* keep the 'next' level invisible by placing it off screen. */
.dropdownmenu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/* top = of menu box */
.dropdownmenu :hover ul.sub {left:0; top:29px; white-space:nowrap; width:170px; height:auto; z-index:300; }
.dropdownmenu :hover ul.sub li {display:block; height:20px; float:left; width:170px;  font-weight:normal; background: url(../graphics/submid.png);}

/* dropdown font text */
.dropdownmenu :hover ul.sub li a { display:block; position:relative; font-size:9px; height:20px; line-height:20px; 
							       text-indent:8px; color:#000; text-decoration:none;background:url(../graphics/trans.gif);}
.dropdownmenu :hover ul.sub li a:hover {color:#fff;}

.dropdownmenu :hover ul.sub :hover > a {color:#fff;}

.dropdownmenu :hover ul :hover ul {left:120px; top:0; white-space:nowrap; width:170px; z-index:400; height:auto;}

.dropdownmenu :hover ul.sub li.subtop {background:url(../graphics/subtop.png);}

.dropdownmenu :hover ul.sub li.subbot {height:30px; background:url(../graphics/subbottom.png);}
 

/*Simple vertical wireframe menu for left side submenu*/

.wireframemenu{
	font-family:Arial, Helvetica, sans-serif;
	border: 0px solid #C0C0C0; /* used to be 1 */
	font-weight:bold;
	border-bottom-width: 0;
	width: 143px;
	height:100%; /* Web 2.0 the sidebar goes all the way down the page */
	display:block;
	float:left;
	margin-right:2px;
	margin-left:-8px;
	margin-bottom:1px;
	font-size: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 2px;
	text-indent: 0px;
	margin-top: -80px;

}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 115px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
padding-top: 1px;
padding-bottom: 6px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
line-height: 1.4em; /*Taller in IE than FireFox */
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color:#f6b65d; /* orange */
color: black;
}