/* CSS Document */

#navigation

{
	width: 950px;
	height: 38px;
	margin: 0 auto;
	background: url(../grfx/backgrounds/bg_navigation.gif) repeat-x;
	font-size: 1.00em;
	font-weight: bold;
	clear: both;
}

#navigation ul
{
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

#navigation li
{
	list-style: none;
	padding: 0;
	height: 38px;
	line-height: 38px;
	float: left;
	text-transform: uppercase;
}

#navigation li a
{
	text-decoration: none;
	color: #000000;
	margin: 0px 18px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#navigation li a {margin: 0px 17px;}
}

#navigation li a:hover
{
	border-bottom: 3px solid #00aeef;
}

#navigation li.item1, #navigation li.item2, #navigation li.item3, #navigation li.item4, #navigation li.item5, #navigation li.item8, #navigation li.item9, #navigation li.item10
{
	background: url(../grfx/navigation/separator.gif) top right no-repeat;
}

#navigation li ul { /* second-level lists */
	width: 124px;
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	margin-left: 0;
}

#navigation li ul li
{
	width: 124px;
	background: #000000;
	font-size: 0.91em;
}

#navigation li ul li a
{
	color: #FFFFFF;
	margin: 0px 10px;
}

#navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#navigation li:hover ul, #navigation li.over ul { /* lists nested under hovered list items */
	display: block;
}