/* navigation CSS template */
#wrapper #container #bodycontainer #navigation 
{
	background: #C0EAED url(Images/NavigationBackground.gif) repeat-x bottom left;
	height: 30px;
}

#wrapper #container #bodycontainer #navigation #mainnav 
{
	float: left;
	width: 735px;
	font-size: 90%;	
}

	#wrapper #container #bodycontainer #navigation #mainnav #navlist 
	{
		margin: 0px;
		padding: 0px;
	}

	#wrapper #container #bodycontainer #navigation #mainnav #navlist li
	{		
		margin: 0px;
		padding: 0px;	
		list-style: none;	
		float: left;
		position: relative;
										
	}
		/* sub navigation */
		#wrapper #container #bodycontainer #navigation #mainnav #navlist li ul 
		{
			display: none;
			position: absolute;	
			margin-top: 30px;	
			left: -40px;	
			width: 125px;		
		}	
				
			#wrapper #container #bodycontainer #navigation #mainnav #navlist li ul li a
			{					
				width: 125px;
				background: #007799;
				text-align: left;				
				border-right: none;
				border-bottom: solid 1px #cdfafd;
				float: left;
				font-size: 100%;	
			}
			
				#wrapper #container #bodycontainer #navigation #mainnav #navlist li ul li a:hover 
				{
					background: #619fb8;
					
				}
			
			#wrapper #container #bodycontainer #navigation #mainnav #navlist li:hover ul, #wrapper #container #bodycontainer #navigation #mainnav #navlist li.over ul
			{ 
				display: block; 
			} 

		/* style for IE 7 and Firefox */
		*> #wrapper #container #bodycontainer #navigation #mainnav #navlist li a
		{		
			height: 30px;
			line-height: 30px;			
			float: left;
			display: block;
			border-right: solid 1px #FFF;
			color: #FFF;
			text-decoration: none;
			text-align: center;			
			padding: 0px 21px 0px 21px;			
		}
		
		/* style for IE 5 and IE 6 */
		*html #wrapper #container #bodycontainer #navigation #mainnav #navlist li a
		{		
										
			float: left;
			display: block;
			border-right: solid 1px #FFF;			
			color: #FFF;
			text-decoration: none;
			text-align: center;			
			padding: 8px 21px 8px 21px;			
		}
			
		#wrapper #container #bodycontainer #navigation #mainnav #navlist li img 
		{
			border: 0px;
			padding: 0px 4px 1px 0px;
		}

	#wrapper #container #bodycontainer #navigation #mainnav #navlist li a:hover
	{		
		background: url(Images/NavigationBackground_Roll.gif) repeat-x bottom left;
	}
	
#wrapper #container #bodycontainer #navigation #datetime 
{
	float: right;
	height: 30px;
	width: 130px;
	text-align: right;
	line-height: 30px;	
	padding-right: 27px;
	color: #FFF;
}