#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.*/ 
	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:150px; top:-1px} /* 'left' should (probably) be equal to 'ul.menu ul li' width*/

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 */
/*	background:url(images/tdd_header.gif);  Background image for top menu items */
	width:134px
	}
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:#455876 url(images/tdd_arrow.gif) 136px 8px no-repeat; /* background color for fly-out title intem */
	}
ul.menu .topline {  /* Top border color of top fly-out item */
	border-top:1px solid #CFD7E3;
	}