/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
STYLE SHEET ------  SCREEN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Date

NAVIGATION
        MAIN
        SUB
        META
       SITE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/*      MAIN      
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main-navigation {
	background: transparent url(../images/mainnav_bg_end.gif) top right no-repeat;
	height: 41px;
	position: relative;
	z-index: 100;
}


	#main-navigation .content {
		background: transparent url(../images/mainnav_bg_start.gif) top left no-repeat;
		display: block;
		height: 41px;
		margin-right: 6px;
		padding: 3px 0 0 6px;
	}

	#navigation {
		display: block;
		position: relative;
		margin-left: 4px;
	}

		#navigation li {
			float: left;
			display: block;
			position: relative;
		}
		
		#navigation li.first a{
			background: url(../images/navi_start_inactive.gif) 0 0 no-repeat;
		}

		#navigation li a {
			background: url(../images/navi_inactive.gif) 0 0 no-repeat;
		    color: #fff;
			display: block;
			font-family: Arial, sans-serif;
			font-size: 0.75em;
			font-weight: bold;
			padding: 13px 10px 13px 10px;
			text-transform: uppercase;
		}
		
		#navigation li a:hover{
			background: url(../images/navi_over.gif) 0 0 no-repeat;
		}
		
		#navigation li.first a:hover{
			background: url(../images/navi_start_over.gif) -2px 0 repeat-x;
		}
		
		#navigation li:hover .sub-menu {
			display: block;
		}
		
		#navigation li.active a{
			background: url(../images/navi_active.gif) 0 0 repeat-x;
		}
		
		#navigation li.activefirst a{
			background: url(../images/navi_start_active.gif) -2px 0 repeat-x;
		}





		
/*      SUB 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		
#navigation .sub-menu {
	display: none;
	background: transparent url(../images/sub_navi_bg.png) bottom left no-repeat;
	color: #fff;
	position: absolute;
	left: -3px;
	top: 39px;
	z-index: 1;
	padding: 0 0 0 13px;
	width: 160px;
	line-height: 1em;
	z-index: 10000;
}
		
		#navigation .sub-menu li.last a {
			border-bottom: 0;
			padding-bottom: 10px;
		}

		#navigation .sub-menu li a,
		#navigation .sub-menu li.first a {
			background: 0;
			border-bottom: 1px solid #91c5e9;
			color: #fff;
			display: block;
			font-weight: normal;
			padding: 5px 0 5px 0px;
			width: 143px;
			text-transform: none;
		}

		#navigation li .sub-menu li a:hover,
		#navigation li.first .sub-menu li a:hover {
			background: 0;
			color: #fff;
			text-decoration: underline;
		}
		
		#navigation li .sub-menu li.active a{
			font-weight: bold;
		}


/*      META      
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#meta-navigation {
	border-top: 1px #c8c9ca solid;
	font-weight: bold;
	font-size: 0.65em;
	color: #4a4a4a;
	text-align: center;
	padding-top: 10px;
}

	#meta-navigation ul {
		margin: 0;
		padding: 0;
	}

		#meta-navigation li {
			display: inline;
			padding: 0 15px;
		}
		#meta-navigation li.last{
			border-right: none;
		}

		#meta-navigation li a {
			text-transform: uppercase;
		}

		#meta-navigation li a:hover,
		#meta-navigation li.active a {
		    text-decoration: none;
		}
		
/*      SITE     
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#site-navigation {
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
	width: 96%;
	margin: 0 auto;
}

	#site-navigation li {
		display: inline;
	    padding: 0 0 0 55px;
		font-size: 0.7em;
	}
	#site-navigation li.first{
		color:#bbb;
		padding:0;
		text-transform: uppercase;
	}
	#site-navigation li a {
	    color: #888888;
	    text-transform: uppercase;
	}

	#site-navigation li a:hover,
	#site-navigation li.active a {
	    color: #3e80ae;
	    text-decoration: none;
	}
	
	#site-navigation li.first {
	    padding: 0;
	}
	
	#site-navigation li.first a:hover {
	    color: #333;	
	}
	
	#site-navigation li.orange a:hover,
	#site-navigation li.last a:hover {
	    color: #ee7f01;	
	}
	

/*      SITEMAP FOOTER     
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sitemap{
	text-transform: uppercase;
}

#sitemap ul li{
	display: block;
	list-style-type: none;
}

#sitemap ul li a{
	color: #888888;
	font-size: 0.65em;
	padding: 2px 0 0 10px;
}
#sitemap ul li a:hover,
#sitemap ul li.active a {
	background-color: #fff;
	color: #3e80ae;
	text-decoration: none;
	}
#sitemap ul.level1{
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}
#sitemap ul.level1 a{
	display: block;
}

#sitemap ul li.level1 a{
	font-weight: bold;
	color: #4a4a4a;
}
	
#sitemap ul li.level2 a{
	font-weight: normal;
}

#sitemap ul li.level4{
	display: none;
}