#navigation {
	position: relative;
	height: 44px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	z-index: 2;
	font-size: 11px;
}

#navigation #navBkgnd {
	height: 100%;
	background: url(../picture/interface/main_menu.png) top left no-repeat;
}

#navigation .section {
	position: relative;
	float: left;
	width: 105px;
	height: 44px;
	cursor: pointer;
	display: inline; /* ie6 dbl margin fix */
}

#navigation .section.first {
	margin-left: 81px;
}

#navigation .section .wrapper {
	display: table-cell;
	width: 105px;
	height: 44px;
	vertical-align: middle;	
}

#navigation .section a {
	color: #FFF;
}

#navigation .container {
	display: none;
	position: absolute;
	left: -25px;
	top: 44px;
	width: 155px;
	padding-top: 25px; 
	padding-bottom: 3px;
	font-size: 10px;
	font-weight: normal;
	z-index: 1;
}

#navigation .section .volute {
	display: none;
	position: absolute;
	left: 50%;
	top: 44px;
	width: 25px;
	height: 20px;
	margin-left: -12px;
	z-index: 3;
}
#navigation .section#s1 .volute,
#navigation .section#s2 .volute {
	background: url(../picture/interface/volute_1.png) 0 0 no-repeat;
}
#navigation .section#s3 .volute,
#navigation .section#s4 .volute {
	background: url(../picture/interface/volute_2.png) 0 0 no-repeat;
}
#navigation .section#s5 .volute,
#navigation .section#s6 .volute,
#navigation .section#s7 .volute {
	background: url(../picture/interface/volute_3.png) 0 0 no-repeat;
}
#navigation .section#s8 .volute {
	background: url(../picture/interface/volute_4.png) 0 0 no-repeat;
}

/* ie6 fix */
#navigation .section#s1 .container,
#navigation .section#s2 .container {
	background-color: #0088A5;
}
#navigation .section#s3 .container,
#navigation .section#s4 .container {
	background-color: #007789;
}
#navigation .section#s5 .container,
#navigation .section#s6 .container,
#navigation .section#s7 .container {
	background-color: #00958F;
}
#navigation .section#s8 .container {
	background-color: #0093D1;
}
/* /ie6 fix */
#navigation .section#s1 > .container,
#navigation .section#s2 > .container {
	background: url(../picture/interface/bkgnd_menu1.png) 0 0 repeat-y;
	background-color: transparent;
}
#navigation .section#s3 > .container,
#navigation .section#s4 > .container {
	background: url(../picture/interface/bkgnd_menu2.png) 0 0 repeat-y;
	background-color: transparent;
}
#navigation .section#s5 > .container,
#navigation .section#s6 > .container,
#navigation .section#s7 > .container {
	background: url(../picture/interface/bkgnd_menu3.png) 0 0 repeat-y;
	background-color: transparent;
}
#navigation .section#s8 > .container {
	background: url(../picture/interface/bkgnd_menu4.png) 0 0 repeat-y;
	background-color: transparent;
}

#navigation .container .subSection {
	width: 155px; /* ie6 fix */
	margin-left: 0; /* ie6 fix */
	margin-bottom: 3px;	
}
#navigation .container > .subSection {
	width: 152px;
	margin-left: 3px;
}

#navigation .container .subSection a {
	display: block;
	width: 149px; /* ie6 fix */
	padding: 2px 3px;
}
#navigation .container .subSection > a {
	width: 146px;
}

#navigation .section .container a:hover,
#navigation .section .container .selected a {
	color: #707173;
}
#navigation .section#s1 .container a:hover,
#navigation .section#s2 .container a:hover,
#navigation .section#s1 .container .selected a,
#navigation .section#s2 .container .selected a {
	background-color: #C8E800;
}
#navigation .section#s3 .container a:hover,
#navigation .section#s4 .container a:hover,
#navigation .section#s3 .container .selected a,
#navigation .section#s4 .container .selected a {
	background-color: #F5D500;
}
#navigation .section#s5 .container a:hover,
#navigation .section#s6 .container a:hover,
#navigation .section#s7 .container a:hover,
#navigation .section#s5 .container .selected a,
#navigation .section#s6 .container .selected a,
#navigation .section#s7 .container .selected a {
	background-color: #FFBE20;
}
#navigation .section#s8 .container a:hover,
#navigation .section#s8 .container .selected a {
	background-color: #FFF720;
}

#navigation .container .bottomShadow {
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 3px;
	background: url(../picture/interface/bottom_menu.png) 0 0 no-repeat;
	display: none; /* ie 6 fix */
}
#navigation .container > .bottomShadow {
	display: block;
}