#menu {
	width:590px; 
	font-size:0.85em;
	position:relative;
	z-index:100;
	white-space:nowrap;
}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#menu ul ul {
	width:106px;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
	float:left;
	width:101px;
	position:relative;
}


/* style the links for the top level */
#menu a, #menu a:link , #menu a:visited {
	display:block;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-decoration:none; 
	color:#FFFFFF; 
	height:25px; 	
	border:1px solid #FFFFCC ; 
	border-width:1px 1px 0 0; 
	padding-left:7px; 
	line-height:23px;
	background:#009933 url(../images/menu_tab.gif) top center no-repeat;
}


/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {
	width:99px;
	w\idth:105px;	
}

#menu li a:hover, #menu li:hover a {
	color:#003300;
	background:#CCFFCC url(../images/menu_tab_over.gif) top center no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
 	visibility:hidden; 
	position:absolute;
	height:0;
	top:26px;
	left:0; 
	width:99px;
/*	
	background: #009933 url(../images/menu_tab.gif) center bottom no-repeat;
	padding-bottom:20px;
*/
}

/* another hack for IE5.5 */
* html #menu ul ul {
	top:25px;
	t\op:26px;
}


/* ========================================================= */
/* style the links that have the sub_show and sub_hide classes applied to them by the javascript */
/* ========================================================= */
/* ========================================================= */
/* style the anchors within the LI with a class of sub_hide so that have a white arrow  */

#menu .sub_hide ul {
	visibility:hidden;  
}

#menu .sub_show ul {
 	visibility:visible; 
}


#menu ul li.sub_hide a {
	color:#ffffff;
	background:#009933 url(../images/menu_tab_arrow_white.gif) top center no-repeat;
}


#menu li.sub_hide:hover a  , #menu li.sub_show:hover a ,  #menu li.sub_show a:hover , #menu li.sub_hide a:hover    {
	color:#000000;
	background: #CCFFCC url(../images/menu_tab_hover_arrow_black.gif) top center no-repeat;
}

/* style the anchors within the LI with a class of sub_show or ones that are being hovered over, so that have a black arrow  */
#menu li.sub_hide:hover a  , #menu li.sub_show:hover a ,  #menu li.sub_show a:hover , #menu li.sub_hide a:hover    {
	color:#000000;
	background: #CCFFCC url(../images/menu_tab_hover_arrow_black.gif) top center no-repeat;
}



/* ========================================================= */
/* ========================================================= */

 

/* style the second level links , whether they are within sub_show or sub_hide LI tags */
/* these will overides any rule above that may apply to ALL LI A  within sub)hide or sub_show */

#menu ul ul li a, 
#menu ul ul li a:link , 
#menu ul ul li a:visited ,
#menu ul li.sub_show li a , 
#menu ul li.sub_show li a:link , 
#menu ul li.sub_show li a:visited {
	background:#009933;
	color:#FFFFFF ;
	height:auto; 
	line-height:1em; 
	padding:5px 10px 5px 10px; 
}
 

/* yet another hack for IE5.5 */
* html #menu ul ul a {
	width:101px;
	w\idth:99px;
}


#menu ul ul li a:hover, 
#menu ul ul li:hover a ,  
#menu ul li.sub_show:hover li a:hover , 
#menu ul li.sub_show li a:hover , 
#menu ul li.sub_hide:hover  li a:hover , 
#menu ul li.sub_hide li a:hover {
	color:#000000;
	background: #CCFFCC;
}