#menu {
	width: 100%;
	background:#000000 url(three_0.gif) repeat-x;
}

#menu  ul {
	display: block;
	margin: 0;
	margin-left:1px;
	padding: 0;
	list-style: none;
	z-index: 90;
}

#menu  ul li {
	float: left;
	margin: 0 0 0 0;
	padding:0;
	list-style-type: none;

	height:36px;
	background:#000000 url(three_0.gif) repeat-x;
	font-family:arial, verdana, sans-serif;
	display:block;
}

#menu li.top { float:left; height:38px;}

#menu li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; background: url(three_0.gif) right top no-repeat;}
#menu li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}
#menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background:#FFFFFF url(three_0a.gif) no-repeat right top;}
#menu li a.top_link span.back {float:left; display:block; padding:0 12px 0 24px; height:35px; background:#FFFFFF url(three_0b.gif) no-repeat left top;}

#menu li:hover a.top_link {color:#CCFFFF; background: url(three_1.gif) no-repeat;}
#menu li:hover a.top_link span {background: url(three_1.gif) no-repeat right top;}
#menu li:hover a.top_link span.down {background:#CCFFFF url(three_1a.gif) no-repeat right top;}
#menu li:hover a.top_link span.back {background:#CCFFFF url(three_1b.gif) no-repeat left top;}

#menu li a.top_link_selected {display:block; float:left; height:35px; line-height:33px; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_2.gif) no-repeat;}
#menu li a.top_link_selected span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_2.gif) no-repeat right top;}
#menu li a.top_link_selected span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_2a.gif) no-repeat right top;}

#menu li:hover a.top_link_selected {color:#CCFFFF; background: url(three_1.gif) no-repeat;}
#menu li:hover a.top_link_selected span {background:url(three_1.gif) no-repeat right top;}
#menu li:hover a.top_link_selected span.down {background:url(three_1a.gif) no-repeat right top;}

#menu li ul.level2 li a.fly
{
	background:#71828A url(arrow.gif) 210px 6px no-repeat;
}
#menu li:hover ul.level2 li a.fly:hover
{
	background:#CCFFFF url(arrow_row.png) no-repeat right center;
	color:#CCFFFF;
}
#menu li:hover ul.level2 li.special
{
	width:219px;
	border-top:1px dotted beige;
}

#menu ul li a {
	float: left;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;

	font-size:11px;
	font-weight:bold;
	padding:0 0 0 12px;
	background: url(three_0.gif);
}

#menu  ul li a:hover {
	color: #CCFFFF;
	text-decoration: none;
}

#menu  ul li.sep {
	color: white;
	padding: 0.8em 0em 0.5em 0em;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a {
	float: none;
}

/* End IE5-Mac hack */
#menu  ul.level2, #menu ul.level3, #menu ul.level4 {
	position: absolute;
/*	top: 0px;
	left: 0px;
	visibility: hidden;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #80D2D2;*/

	visibility: hidden;
	top:0px;
	background:#71828A;
	padding:0px;
	border:1px solid #7E8CA7;
	white-space:nowrap;
	width:219px;
	z-index:400;
	height:auto;
}

#menu  ul.level2 li, #menu ul.level3 li, #menu ul.level4 li {
	float: none;
	background-image: none;

	font-weight: normal;
	background:#71828A;
	font-size:11px;
	height:20px;
	width:205px;
	line-height:18px;
	text-indent:5px;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	border:0px solid #71828A;
}

#menu  ul.level2 li a, #menu ul.level3 li a, #menu ul.level4 li a {
	font-weight: normal;
	background:#71828A;
	display:block;
	font-size:11px;
	height:18px;
	width:205px;
	line-height:18px;
	text-indent:5px;
	color:#ffffff;
	text-decoration:none;
	border:1px solid #71828A;
	text-align:left;
}

#menu  ul.level2 li a:hover,#menu  ul.level3 li a:hover, #menu ul.level4 li a:hover {
	/* font-weight: normal;
	background-image: none; */

	background:#3F3F3F;
	color:#CCFFFF;
	border-color:#CCFFFF;
}

/* after first level */
#menu li:hover li:hover a.fly
{
        background:#CCFFFF url(arrow_row.png) no-repeat right center;
        color:#CCFFFF;
        border-color:#CCFFFF;
}
 
#menu li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover li:hover a.fly
{
        background:#CCFFFF url(arrow_row.png) no-repeat right center;
        color:#CCFFFF;
        border-color:#CCFFFF;
}
 
#menu li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li:hover li a.fly
{
        background:#71828A url(arrow.gif) no-repeat;
	background-position: 210px 6px;

        color:#ffffff;
        border-color:#71828A;
}

.home { background:#000 url(three_0.gif) repeat-x; }

.logout { background:#000 url(three_0.gif) repeat-x; }
.logout a:hover img { filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; }