#menubar { 
	font-size:12px;   /* Font size for menu */
	margin-right: 0; 
	background-color: #455876; /* Extends bar color to right */
	border-right:1px solid #CFD7E3; /* Far right menubar border */
	}

/*
TinyDropdown - http://www.leigeber.com/2008/11/drop-down-menu/ 

Note: The using program must end like this:

<script type="text/javascript">
//<![CDATA[
        var menu=new menu.dd("menu");
        menu.init("menu","menuhover");
//]]>
</script>
</body>
*/
ul.menu {
	list-style:none; 
	margin:0; 
	padding:0;
/*	padding-left: 10px	Works, but need to eliminate 'ul.menu .menulink border-left' to look good */
	}
ul.menu * {margin:0; padding: 0}
ul.menu a {
	display:block; 
	color:#CFD7E3;   /* Color for all menu text */
	text-decoration:none
	}
ul.menu li {
	position:relative; 
	float:left; 
	margin-right:2px;    /* Padding between top menu items. Must also change 'ul.menu ul li' width */
	}
ul.menu ul {
	position:absolute; 
	top:25px; /* Vertical offset of top of dropdown list */ 
	left:0; 
	background:#455876; /* ??? */
	display:none; 
	opacity:0; 
	list-style:none
	}
ul.menu ul li {
	position:relative; 
	border:1px solid #CFD7E3; /* Border color for drop-down and fly-out menu items */ 
	border-top:none; 
/*	width:150px;   Width of dropdown items.*/ 
	width:188px;  /* Width of dropdown items.*/ 
	margin:0
	}
ul.menu ul li a {
	display:block; 
	padding:3px 7px 5px;          /* Padding for drop-down/fly-out text */
	background-color:#455876; /* Background color for all drop-down items except those with fly-out menus */
	}
ul.menu ul li a:hover {  /* Hover background for all drop-down and fly-out menu items */
	background-color:#5A797B;
	}
ul.menu ul ul { /* 'left' should (probably) be equal to 'ul.menu ul li' width*/
	left:188px; top:-1px
	} 

ul.menu .menulink {
/*	border:1px solid #CFD7E3;   Border color for top menu bar items */ 
	border-left:1px solid #CFD7E3; /* Border-left color for top menu bar items */
	padding:4px 7px 6px; /* Padding of text for top menu bar items */
	font-weight:bold; 
	background-color:#455876; /* Background color for top menu items */
/*	width:134px */
	width:172px /* ul.menu ul li width - 16 ? */
	}
ul.menu .menulink:hover, ul.menu .menuhover {  /* Hover color for top menu items */
	background:url(images/tdd_header_over.gif); 
/*	background-color: #658688; */
	}
ul.menu .sub {  /* background for fly-out title item */
/* background:#455876 url(images/tdd_arrow.gif) 136px 8px no-repeat; */
 	background:#455876 url(images/tdd_arrow.gif) 172px 8px no-repeat; 
	}
junk {
/*	background-color: #455876;  */
	background-color: red; 
	background-image: url(images/tdd_arrow.gif);
	background-repeat: no-repeat;
	margin-left: 172px ; /* 'ul.menu ul li' width - 12? */
	margin-top: 8px;
}	
ul.menu .topline {  /* Top border color of top fly-out item */
	border-top:1px solid #CFD7E3;
	}