/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu{
	width: 100%;
	height: 30px;
	font-size: 10px;
	position: relative;
	z-index: 100;
	background: #000000;
}
/* mac ie5.5 */
* html #menu{ width: 100%; w\idth:100%; }

#menu .globalnavi{
	width: 95%;
	height: 30px;
}

/* DEFAULT LIST STYLE--------------------------------------------- */
#menu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menu ul ul{
	width:149px;
}

#menu li{
	width: 100px;
	position: relative;
	font-size: 12px;
}

/* FIRST-LEVEL LINK STYLE--------------------------------------------- */
#menu a,
#menu a:visited{
	width: 100px;
	height: 30px;
	display: block;
	text-decoration: none;
	text-indent: 10px;
	color: #ffffff;
	line-height: 29px;
}
/* mac ie5.5 */
* html #menu a, * html #menu a:visited{ width:120px; w\idth:118px; }

/* DROP-DOWN BACKGROUND--------------------------------------------- */
#menu ul ul a.drop,
#menu ul ul a.drop:visited{
	background: #000000;
}


/* DROP-DOWN STYLE--------------------------------------------- */
#menu ul ul{
	width: 149px;
	height: 0;
	visibility: hidden;
	position: absolute;
	top: 30px;
	left: 0;
	/*border-top:1px solid #000;*/
}
/* mac ie5.5 */
* html #menu ul ul{top:30px;t\op:30px;}


/* DROP-DOWN LIST STYLE--------------------------------------------- */
#menu ul ul li{
	_width: 150px;
	_height: 10px;
	font-size: 11px;
	_font-size: 0.62em;
}

/* DROP-DOWN ROLL OVER--------------------------------------------- */
#menu ul ul a.drop:hover{ background:#000000; }
#menu ul ul :hover > a.drop{ background:#000000; }


/* position the third level flyout menu */
#menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left{left:-149px;}

/* THIRD LEVEL BUTTON STYLE--------------------------------------------- */
#menu ul ul ul a,
#menu ul ul ul a:visited{ background:#000000; }
#menu ul ul ul a:hover{ color: #000000; background:#cccccc; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table{
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited{
	padding: 8px 10px;
	width:158px;
	height:auto;
	line-height:1em;
	color:#000000;
	background: url(images/btn-gbnavi.gif) no-repeat left center;
}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited{
	width:150px;
	w\idth:128px;
}

/* style the top level hover */
#menu a:hover{
	color: #000000;
	background: #cccccc;
}

#menu ul ul a:hover{
	background: url(images/btn-gbnavi-ro.gif) no-repeat left center;
}

#menu :hover > a{
	color: #000000;
	background: #cccccc;
}
#menu ul ul :hover > a{
	background: url(images/btn-gbnavi-ro.gif) no-repeat left center;
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{ visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{ visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


#menu ul ul .current_page_item a{
	background: url(images/btn-gbnavi-ro.gif) no-repeat left center;
}

/* CURRENT PAGE FIRST-LEVEL BUTTON STYLE */
#menu .current_page_item a{
	color: #000000;
	background: #cccccc;
}

/* CURRENT PAGE FIRST-LEVEL BUTTON ROLL-OVER STYLE */
#menu .current_page_item a:hover{
}

/* CURRENT PAGE DROP-DOWN BUTTON STYLE */
#menu ul .current_page_item ul a{
	background: url(images/btn-gbnavi.gif) no-repeat left center;
	/*color: #000000;
	background: #cccccc;*/
}

/* CURRENT PAGE DROP-DOWN BUTTON ROLL-OVER STYLE */
#menu ul .current_page_item ul a:hover{
	background: url(images/btn-gbnavi-ro.gif) no-repeat left center;
}