@charset "utf-8";
/* CSS Document */

/* -- Main Menu ----------------------------------------------------------------*/

.menu {}
.menu ul {
	float: left;
	width: 880px;
	height: 39px;
}
.menu li {
	float: left;
	position: relative;
	padding: 0px 7px 0px 5px;
	height: 39px;
	background: url(../images/grad03.png) right top no-repeat;
}
.menu li a {
	display: block;
	padding: 12px 10px 7px 10px;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 0px 1px 0px #000000;
	background: ;   
	
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px; 
	border-radius: 3px 3px 3px 3px;
}

.menu li a span.topline {
	display: block;
	margin: -4px 0 0 0;
}
.menu li a span.subline {
	display: block;
	margin: -2px 0 0 0;
	font-size: 9px;
	color: #cfcfcf;
}

.menu li a:hover {
	color: #ffa800;
}
.menu li.active a {
	color: #ffa800;
}

.menu ul li ul {
	display: none;
	position: absolute; 
	padding: 5px 0;
	top: 39px;
	left: 0px;
	width: 150px;
	height: auto;
	font-size: 12px;
	background: url(../images/grad05.png) left top repeat;
	z-index: 999;
}

.menu ul li ul li {
	margin: 0;
	padding: 0;
	height: 25px;
	border-bottom: 1px solid #474747;
	border-top: 1px solid #626262;
	background: none;
}
.menu ul li ul li:first-child {
	border-top: none;
}
.menu ul li ul li:last-child {
	border-bottom: none;
}

.menu ul li ul li a {
	margin: 0;
	padding: 8px 10px 2px 15px;
	height: 15px;
	font-size: 9px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: none;
	background: none;
}
.menu ul li ul li a:hover {
	color: #ffa800;
	}

.menu li:hover ul { }
.menu li:hover ul ul { display: none; position: absolute; top: -8px; left: 151px; }
.menu li li:hover ul { }

.menu li li { padding: 0px 0px 0px 0px; margin: 0px; float: none; }



.menu li li.active a	{ color: #333333!important; background: url('../images/arrow_sm_black.gif') 12px 10px no-repeat !important; font-weight: bold; }
.menu li li.active li a		{ color: #959595!important; background: url('../images/arrow_sm_grey.gif') 12px 10px no-repeat !important; font-weight: normal; }
.menu li li.active li a:hover	{ color: #333333!important; }
.menu li li li.active a		{ color: #333333!important; background: url('../images/arrow_sm_black.gif') 12px 10px no-repeat !important; font-weight: bold; }


/* // Main Menu ----------------------------------------------------------------*/