@charset "utf-8";
/* CSS Document */

.menu {
	font-family: Arial, Helvetica, sans-serif;
	width:498px;
	height:35px;
	position:relative;
	font-size:12px;
	position:relative;
	z-index: 3;
}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {
	float:left;
	width:83px;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	float:left;
	width:66px;
	text-decoration:none;
	height:23px;
	color:#FFFFFF;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 17px;
	background-image: url(../images/navbase03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
}
.menu ul li a:hover{
	background-image: url(../images/navbase02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.menu ul li ul {
	display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
	background-image: url(../images/navbase02.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:35px;
	left:0;
	color:#fff;
	width: 498px;
}
.menu ul li:hover ul.right_side li {
	float:right;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
}
.menu ul li:hover ul.left_side li {
	float:left;
	border:0;
}
.menu ul li:hover ul li a.hide {
	color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
	color:#fff;
}
.menu ul li:hover ul li ul {
	border: 1px solid #bcbcbc;
	background-color: #CCCCCC;

}
.menu ul li:hover ul li a {
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	width: 66px;
	padding-top: 11px;
	padding-left: 17px;
	color: #313131;
	background-image: url(../images/navbase05.gif);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #bcbcbc;
	border-bottom-color: #bcbcbc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bcbcbc;
}
.menu ul li:hover ul li a:hover {
	background-image: url(../images/navbase04.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;

}
