@charset "utf-8";
/* CSS Document */

/* start main nav */
	#mainnav { position: relative; top:0px; left:30px; float:left; width: 700px; height:29px; clear: both; margin:0; padding:0;  z-index:5; font-weight:normal; }
	#mainnav img {float:left;}	
	#mainnav img.nofloat {float:none;}
	/* with international menu item */
	#mainnav ul 	{margin:0 40px 0 0; padding:0; list-style:none; float:left; }
	
	#mainnav ul li 	{margin:0px 0 0px 0; padding:0; float:left; position:relative; text-align: left; }
	#mainnav ul a   {text-decoration: none; padding:0; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;  }
	#mainnav li ul  {margin: 0 0 0 0; width: 1px; position: absolute; left: 0; top: 0px;  display: none; z-index: 100; }
	 /* Fix IE. Hide from IE Mac \*/
	 * html #mainnav ul li   {float: left; height: 1%; }
	 * html #mainnav ul li a {float: left; height: 1%; }
	 	
	 #mainnav li:hover ul, #mainnav li.over ul {display: block; position: absolute; top:0;}

 /* need to reset the padding and the width for the menu images.  They should not have any of the effects of the menu */	
	 #mainnav li ul li.home a		{ margin:0 0 0 0; width:71px; height:29px; padding:0px; border:0; }
	 #mainnav li ul li.shop a	    { margin:0; width:133px; height:29px; padding:0; border:0; }
	 #mainnav li ul li.guide a	    { margin:0; width:133px; height:29px; padding:0; border:0; }	 
	 #mainnav li ul li.visit a	    { margin:0; width:113px; height:29px; padding:0; border:0; }
	 #mainnav li ul li.about a	    { margin:0; width:98px; height:29px; padding:0; border:0; }	 

    #mainnav li ul li ul.third { position: absolute; left: 172px; display:none;}
	#mainnav li ul li:hover ul.third, #mainnav li.over ul.third {display: block; position: absolute; top:0px; z-index: 100; border-left:0;}
	#mainnav li ul li ul.thirdlast {position: absolute; left: -153px; display:none;}
	#mainnav li ul li:hover ul.thirdlast, #mainnav li.over ul.thirdlast {display: block; position: absolute; top:0; z-index: 100;}

 	/* begin styles the drop downs */ 
		#mainnav li ul li a 		   { color: #A5A2A5; display: block; background:url(../../images/nav/navbg.gif) #F7F7F7; width: 160px;  padding-top:2px; padding-bottom: 3px; padding-left:11px; font-size: .9em; border-bottom:1px solid #10182E; border-left:1px solid #10182E; border-right:1px solid #10182E; z-index: 100;} 

		#mainnav li ul li a:hover 	   { color: #F7FFEF	; background:#3A588F;}
	/* ends styles the drop downs */ 
	
	.utilsNav ul      { float:right; list-style:none; width:158px; height:41px; margin-bottom:-12px; border-top:1px solid #466495; top: -10px; border-left:1px solid #466495; position:relative; overflow:hidden; }
	.utilsNav ul li   { margin:0; padding:0; height:20px; display:block; border-bottom:1px solid #466495; }
	.utilsNav ul li.last   { border-bottom:0px solid #466495; }
	.utilsNav ul li a { margin:0; padding:0 }