/* Navigation related styles */

#mainNavigation {
	background: white url(images/navigation_blue.png) bottom left repeat-x;
	border-bottom: 1px solid #7FD7F7;
	min-height: 31px;
}
* html #mainNavigation {
	height: 31px;
}
	#mainNavigation ul, #subNavigation ul {
		width: 860px;
		margin: 0 auto;
		padding: 0 0 0 100px;
		overflow: hidden;
		font-family: Helvetica, Arial, sans-serif;
	}
	#mainNavigation li {
		float: left;
		margin: 0 -20px 0 30px;
		font-size: 1.143em;
		font-weight: bold;
		min-height: 24px;
		padding-left: 2px;
		display: inline;
	}
	* html #mainNavigation li {
		height: 25px;
	}
		#mainNavigation li a, #mainNavigation li strong {
			text-decoration: none;
			color: #636363;
			display: block;
			padding: 8px 10px 4px 8px;
			min-height: 20px;
		}
		#mainNavigation li.active a {
		    padding: 0;
		}
		#mainNavigation li.active, #mainNavigation li.active a, #mainNavigation li.active strong {
			color: white;
			background: #7FD7F7;
		}
		#mainNavigation li.active, #mainNavigation li.hover {
			background: #7FD7F7 url(images/navi_top_left.png) top left no-repeat;
		}
		#mainNavigation li.active strong, #mainNavigation li.hover a {
			background: #7FD7F7 url(images/navi_top_right.png) top right no-repeat;
		}
		#mainNavigation li.hover a {
		    color: white;
		}