﻿@charset "utf-8";
#nav {
	position: relative;
	height: 30px;
	margin:0;
	padding:0;
	width:580px;
	margin:0 auto;
	z-index:50;
	background-color: #fff;
	}

	#nav li ul{
		margin: 0;
		padding: 0;
		border-top:1px solid #bcbcbc;
		list-style-type: none;
	}
	#nav li ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#nav a {
		text-decoration: none;
	}

	#nav li.top {
		margin: 0;
		float: left;
		display: block;
	}

	#nav li ul {
		display: none;
		 position: absolute;     
		 width: 200px;     
		 left: -999em; 
		z-index: 10000;
	}

	#nav li ul li {
		display: block;
		text-align: left;
		line-height:18px;
		border-left:1px solid #eaeaea;
		border-right:1px solid #eaeaea;
	}

	#nav li.off ul, #nav li.on ul  {
		left: auto;
		background-color: #fff;
		z-index: 10000;
		position: absolute;
	}

	
	#nav li a {
		color: #224d6f;
		display: block;
		padding: 0;
	}

	#nav li.on a {
		color: #f90;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0px;
		color: #6c6c6c;
		width: 188px;
		z-index: 10000;
	}

	#nav li.on:hover ul a, #nav li.over ul li a {
		background: #0678b7;
	}

	#nav li.on:hover ul a:hover, #nav li.over ul li a:hover {
		background:#fb7623;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		background-color: #8f8e8e;
	}
	
	#nav li.off:hover ul, #nav li.over ul, #nav li.on:hover ul {
		display: block;
		z-index: 1;
	}
	
	#nav li.off ul a, #nav li.on ul a {
		display: block;
		background:#115EAC;
		color: #ffffff;
		font-weight:normal;
		border-bottom: 1px solid #f0f0f0;
		padding: 6px 5px 6px 5px;
		margin: 0px;
	}
		
	ul.drop {
		font-size: 13px;
	}
	

	#nav li span {
		display: none;
	}
	
	#menu1 {
		padding-left: 0px;
	}

	#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a{
		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;
		background: url(../images/menu.jpg) no-repeat; 
	}
	
	#menu1 a.top, #menu2 a.top, #menu3 a.top, #menu4 a.top, #menu5 a.top, #menu6 a.top{
		height: 30px;
	}
	
	#menu1 a {
		background-position: 0 0;
		width: 206px;
	}
	
	#menu2 a {
		background-position: -206px 0;
		width: 78px;
	}
	
	#menu3 a {
		background-position: -284px 0;
		width: 55px;
	}
	
	#menu4 a {
		background-position: -339px 0;
		width: 74px;
	}
	
	#menu5 a {
		background-position: -413px 0;
		width: 79px;
	}
	
	#menu6 a {
		background-position: -492px 0;
		width: 88px;
	}

	
	#menu1.on a {
		background-position: 0 -120px;
	}
	
	#menu2.on a {
		background-position: -206px -120px;
	}
	
	 #menu3.on a {
		background-position: -284px -120px;
	 } 
	
	#menu4.on a {
		background-position: -339px -120px;
	}
	
	#menu5.on a {
		background-position: -413px -120px;
	}
	
	#menu6.on a {
		background-position: -492px -120px;
	}
	

	#menu1 a:hover, #menu1:hover a, #menu1.over a {
		background-position: 0 -30px;
	}
	
	#menu2 a:hover, #menu2:hover a, #menu2.over a {
		background-position: -206px -30px;
	}
	
	#menu3 a:hover, #menu3:hover a, #menu3.over a {
		background-position: -284px -30px;
	}
	
	#menu4 a:hover, #menu4:hover a, #menu4.over a {
		background-position: -339px -30px;
	}
	
	#menu5 a:hover, #menu5:hover a, #menu5.over a {
		background-position: -413px -30px;
	}
	
	#menu6 a:hover, #menu6:hover a, #menu6.over a {
		background-position: -492px -30px;
	}
