@charset "utf-8";
/* CSS Document */
		
		#nav
		{
			font-size: 16px;
			font-weight: bold;
			height: 40px;
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				list-style: none;
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
					padding: 8px 11px;
				}
				#nav li a:active
				{
					color: #fff;
					text-decoration: none;
					text-shadow: 1px 1px 1px #000;
					background-color: #66cccc;
				}

			/* first level */

			#nav > ul
			{
				height: 35px;
				padding: 0 0 0 10px;
				list-style: none;
				background-color: #217d7d;
				margin: 0px;
			}
				#nav > ul > li
				{
					float: left;
					
				}
					#nav > ul > li > a
					{
						line-height: 35px;
						text-align: center;
						padding: 0px 10px;
					}
						/*#nav > ul > li:not( :last-child ) > a
						{
							
							border-right: 2px solid #fff;
						}*/
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							color: #fff;
							text-decoration: none;
							text-shadow: 1px 1px 1px #000;
							background-color: #002e40;
						}


				/* second level */

				#nav li ul
				{
					background-color: #002e40;
					box-shadow: 0px 0px 5px #333;
					display: none;
					position: absolute;
					top: 100%;
					padding: 0;
				    list-style-type: none;
					z-index: 12;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
							width: 165px;
						}
						#nav li ul a
						{
							border-top: 1px solid #217D7D;
							text-shadow: 1px 1px 1px #000;
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
									color: #333366;
									text-decoration: none;
									text-shadow: 1px 1px 1px #fff;
									-moz-box-shadow:    inset 0 0 4px #000000;
   									-webkit-box-shadow: inset 0 0 4px #000000;
  									box-shadow:         inset 0 0 4px #000000;
									background-color: #83e9ea;
							}