/*------------Top nav------------------*/
#top-nav{
	float: left;
	width: 760px;
	/*background: #000;*/
	margin: 28px 0 0 18px;
	padding: 0;
	display: inline;
	}

	

	/*------------FIRST LEVEL---------------------*/	
	#top-nav ul {
		float: left;
		width: 760px;
		width: 742px;
		padding: 0;
		margin: 0;
		height: 41px;
		background: url(../images/top-nav-bg.jpg) left bottom no-repeat;
		}
		
		#top-nav ul li{
			float: left;
			color: #fff;
			background: url(../images/split-top-nav.gif) right top no-repeat;
			position: relative;
			margin: 0;
			padding: 0;
			}

			#top-nav ul li a, #top-nav ul li a:visited{
				/*display: block;*/
				/*padding: 8px 10px 5px 10px;*/
				font-size: 85%;
				/*font-weight: bold;*/
				text-decoration: none; 
				color: #fff;
				display: inline;
				}

			#top-nav ul li a:hover, #top-nav ul li a:focus{
				color:#53504d;
				position: relative;
				display: inline;
				}
			
			
			#top-nav ul li a#home-nav{
				float: left;
				width: 43px;
				background: url(../images/buttons/top-nav/home.gif) left top no-repeat;
				height: 41px;
				text-indent: -9999px;
				margin: 0 1px 0 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}
			#top-nav ul li a#visit-nav{
				float: left;
				width: 38px;
				background: url(../images/buttons/top-nav/visit.gif) left top no-repeat;
				margin: 0 1px 0 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}
			#top-nav ul li a#whatson-nav{
				float: left;
				width: 69px;
				background: url(../images/buttons/top-nav/whatson.gif) left top no-repeat;
				margin: 0 1px 0 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}
			/*#top-nav ul li a#collections-nav{
				float: left;
				width: 80px;
				background: url(../images/buttons/top-nav/collections.gif) left top no-repeat;
				margin: 0 1px 0 0;
				padding: 0;
				height: 21px;
				text-indent: -9999px;
				}*/
			#top-nav ul li a#collections-nav{
				float: left;
				width: 62px;
				background: url(../images/buttons/top-nav/archives.gif) left top no-repeat;
				margin: 0 1px 0 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}
			#top-nav ul li a#education-nav{
				float: left;
				width: 70px;
				background: url(../images/buttons/top-nav/education.gif) left top no-repeat;
				margin: 0 1px 0 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}
			
			#top-nav ul li a#venuehire-nav{
				float: left;
				width: 71px;
				background: url(../images/buttons/top-nav/venuehire.gif) left top no-repeat;
				margin: 0 1px 0 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}
			
			#top-nav ul li a#shop-nav{
				float: left;
				width: 41px;
				background: url(../images/buttons/top-nav/shop.gif) left top no-repeat;
				margin: 0 1px 0 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}
			
			#top-nav ul li a#recordmanagement-nav{
				float: left;
				width: 125px;
				background: url(../images/buttons/top-nav/recordmanagement.gif) left top no-repeat;
				margin: 0 1px 0 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}
			
			#top-nav ul li a#aboutus-nav{
				float: left;
				width: 64px;
				background: url(../images/buttons/top-nav/aboutus.gif) left top no-repeat;
				margin: 0 1px 0 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}
			
			#top-nav ul li a#supportus-nav{
				float: left;
				width: 73px;
				background: url(../images/buttons/top-nav/supportus.gif) left top no-repeat;
				margin: 0 1px 0 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}
			
			#top-nav ul li a#contactus-nav{
				float: left;
				width: 76px;
				background: url(../images/buttons/top-nav/contactus.gif) left top no-repeat;
				margin: 0;
				padding: 0;
				/*height: 41px;*/
				height: 21px;
				text-indent: -9999px;
				}

		

	/*---------------SECOND LEVEL-------------------*/

	#top-nav ul ul {
		visibility:hidden;
		position:absolute;
		margin: 21px 0 0 0;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
		
	/*--------Attempt to sort problem in IE7----------------*/
	*:first-child+html #top-nav ul .visit ul{
		position:absolute;
		margin: 21px 0 0 -39px;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
			*:first-child+html #top-nav ul .visit ul ul {
				float: left;
				left: 120px; 
				top: 0px;
				width: 120px;
				padding: 0;
				margin: 0;
				z-index: 500;
				}
			
		
	*:first-child+html #top-nav ul .whatson ul{
		position:absolute;
		margin: 21px 0 0 -70px;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
			*:first-child+html #top-nav ul .whatson ul ul {
				float: left;
				left: 120px; 
				top: 0px;
				width: 120px;
				padding: 0;
				margin: 0;
				z-index: 500;
				}
			
	*:first-child+html #top-nav ul .collections ul{
		position:absolute;
		margin: 21px 0 0 -81px;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
			*:first-child+html #top-nav ul .collections ul ul{
				float: left;
				left: 120px; 
				top: 0px;
				width: 120px;
				padding: 0;
				margin: 0;
				z-index: 500;
				}
	*:first-child+html #top-nav ul .education ul{
		position:absolute;
		margin: 21px 0 0 -71px;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
			*:first-child+html #top-nav ul .education ul ul{
				float: left;
				left: 120px; 
				top: 0px;
				width: 120px;
				padding: 0;
				margin: 0;
				z-index: 500;
				}
	
	*:first-child+html #top-nav ul .hire ul{
		position:absolute;
		margin: 21px 0 0 -72px;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
			*:first-child+html #top-nav ul .hire ul ul{
				float: left;
				left: 120px; 
				top: 0px;
				width: 120px;
				padding: 0;
				margin: 0;
				z-index: 500;
				}
	
	*:first-child+html #top-nav ul .shop ul{
		position:absolute;
		margin: 21px 0 0 -42px;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
			*:first-child+html #top-nav ul .shop ul ul{
				float: left;
				left: 120px; 
				top: 0px;
				width: 120px;
				padding: 0;
				margin: 0;
				z-index: 500;
				}
	
	*:first-child+html #top-nav ul .recordmanagement ul{
		position:absolute;
		margin: 21px 0 0 -126px;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
			*:first-child+html #top-nav ul .recordmanagement ul ul{
				float: left;
				left: 120px; 
				top: 0px;
				width: 120px;
				padding: 0;
				margin: 0;
				z-index: 500;
				}
				
	*:first-child+html #top-nav ul .aboutus ul{
		position:absolute;
		margin: 21px 0 0 -65px;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
			*:first-child+html #top-nav ul .aboutus ul ul{
				float: left;
				left: 120px; 
				top: 0px;
				width: 120px;
				padding: 0;
				margin: 0;
				z-index: 500;
				}
		
	*:first-child+html #top-nav ul .supportus ul{
		position:absolute;
		margin: 21px 0 0 -74px;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
			*:first-child+html #top-nav ul .supportus ul ul{
				float: left;
				left: 120px; 
				top: 0px;
				width: 120px;
				padding: 0;
				margin: 0;
				z-index: 500;
				}
				
	*:first-child+html #top-nav ul .contactus ul{
		position:absolute;
		margin: 21px 0 0 -77px;
		padding: 2px 0 0 0;
		width: 120px;
		background: url(../images/generic-top-nav-bg.gif) left top repeat-x #5e5e5e;
		z-index: 120;
		height: auto;
		}
			*:first-child+html #top-nav ul .contactus ul ul{
				float: left;
				left: 120px; 
				top: 0px;
				width: 120px;
				padding: 0;
				margin: 0;
				z-index: 500;
				}
		
	
	
	

	

	/* hack for IE5.5 + */
	* html #top-nav ul ul {
		margin: 21px 0 0 0;
		}

		#top-nav ul li ul li{
			float: left;
			color: #fff;
			font-weight: normal;
			background: none;
			position: relative;
			background: none;
			width: 120px;
			padding: 0;
			margin: 0;
			font-size: 85%;
			}

		* html #top-nav ul li ul li{
			float: left;
			color: #fff;
			font-weight: normal;
			background: none;
			position: relative;
			background: none;
			width: 120px;
			padding: 0;
			margin: 0;
			font-size: 100%;
			}

		#top-nav .drop-down-splits{
			float: left;
			margin: 1px 10px 1px 10px;
			height: 1px;
			font-size: 0;
			background: url(../images/drop-down-underline.gif) left bottom repeat-x transparent;
			width: 100px;
			display: inline;
			}

			#top-nav ul li ul li a{
				width: 82px;
				padding: 5px 29px 5px 9px;
				float: left;
				color: #fff;
				font-weight: normal;
				background: none;
				background-image: none;
				position: relative;
				}

			#top-nav ul li ul li a:hover, #top-nav ul li ul li a:focus{
				color: #fff;
				background-color: #363636;
				}

			#top-nav ul li ul .drop{
				color:#fff;  
				width: 82px;
				padding: 5px 29px 5px 9px;
				float: left;
				color: #fff;
				font-weight: normal;
				background: url(../images/icons/drop-down-arrows.gif) right 7px no-repeat;
				position: relative;
				}

	

	/* style the third level background */

	/*#top-nav ul ul ul a, #top-nav ul ul ul a:visited {background:#e2dfa8;}*/

	/* style the third level hover */

	/*#top-nav ul ul ul a:hover {background:#b2ab9b;}*/
	

	/*------------STYLE THIRD LEVEL---------------------*/
	/* position the third level flyout menu */

	#top-nav ul ul ul{
		float: left;
		left: 120px; 
		top: 0px;
		width: 120px;
		padding: 0;
		margin: 0;
		z-index: 2000;
		}

	

	/*---------For IE AGAIN---------*/
	* html #top-nav ul ul ul{
		top: -1px;
		left: 120px;
		padding: 1px 0 0 0;
		width: 120px;
		}

		

	#top-nav ul ul ul li{
		float: left;
		width: 120px;
		font-size: 100%;
		padding: 0;
		margin: 0;
		}

		* html #top-nav ul ul ul li{
			width: 120px;
			font-size: 120%;
			}

	#top-nav ul ul ul li a{
		float: left;
		width: 100px;
		padding: 5px 10px 5px 10px;
		margin: 0;
		font-weight: normal;
		}

	/*-------FOR IE---------------*/
	* html #top-nav ul ul ul li a{
		font-size: 100%;
		}

	#top-nav ul ul ul li a:hover, #top-nav ul ul ul li a:focus{
		float: left;
		color: #fff;
		background-color: #363636;
		}

	#top-nav ul ul ul .drop-down-splits{
		float: left;
		width: 099px;
		padding: 0;
		margin: 1px 0 1px 10px;
		display: inline;
		}

	

	/* position the third level flyout menu for a left flyout */
	#top-nav ul ul ul.left {
		left:-120px;
		}

	

	

	/* style the table so that it takes no ppart in the layout - needed for IE to work */
	#top-nav table {
		position:absolute; 
		top:0; 
		left:0; 
		border-collapse:collapse;
		}

	

	

	/*-----------VISIBILITY / INVISIBILITY-----------------------*/
	/* make the second level visible*/
	#top-nav ul li:hover ul, #top-nav ul a:hover ul, #top-nav ul li:focus ul, #top-nav ul a:focus ul{
		visibility: visible;
		}

	/*#top-nav ul ul{
		visibility: visible;
		}*/

	/* keep the third level hidden when hovered */
	#top-nav ul :hover ul ul{
		visibility: hidden;
		/*visibility: visible;*/
		}

	/* make the third level visible when hover second level*/
	#top-nav ul :hover ul :hover ul{
		visibility: visible;
		}

		

		

	/*---------------JUST ADDED--------------*/
	/*#top-nav ul ul ul .drop2{
		color:#fff;  
		width: 120px;
		padding: 5px 29px 5px 9px;
		float: left;
		color: #fff;
		font-weight: normal;
		background: url(../images/icons/drop-down-arrows.gif) right 7px no-repeat;
		position: relative;
		}

		#top-nav ul ul ul .drop2:hover {
			width: 182px;
			}*/

		#top-nav ul ul ul ul{
			float: left;
			left:120px; 
			top: 0px;
			width: 120px;
			padding: 0;
			margin: 0;
			z-index: 2000;
			}

		* html #top-nav ul ul ul ul{
			top: -1px;
			left: 120px;
			padding: 1px 0 0 0;
			width: 120px;
			}

		* html #top-nav ul ul ul ul li{
			width: 120px;
			}

		* html #top-nav ul ul ul ul li a{
			font-size: 100%;
			}



		/* keep the third level hidden when hovered */
			#top-nav ul :hover ul :hover ul ul{
				visibility: hidden;
				/*visibility: visible;*/
				}

			/* make the fourth level visible when hover third level*/
			#top-nav ul :hover ul :hover ul :hover ul{
				visibility: visible;
				}

	/*-------------END JUST ADDED------------------*/