/* Aug 08
latest 930px width top black nav
tested in 3 browsers 

*/

#newnav{

	padding:0;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	
	width:950px;
	background-color:#FFFFFF;
}
#newnav ul{
	margin:0;
	margin-left:10px; /*margin between first menu item and left browser edge*/
	padding:0;
	list-style:none;
}
#newnav li{
	display:inline; /*horizontal*/
	margin:0;
	padding:0;
}
#newnav a{
	text-align:center;
	float:left;
	display:block;
	font-family:Trebuchet MS,Georgia,Arial,sans-serif;
	font-size:15px;
	color:#FFFFFF;
	letter-spacing:0.1em;
	text-decoration: none;
	margin:0 2px 0 0; /*between each menu item*/
	padding:7px 3px 7px 3px; /* was 6px 9px 7px 9px;*/
	background-color:black;
	background-image:url(/tpics/menubg.gif);
	background-position:center center;
}
#newnav a:hover{
	background-color:#B5E601;
	background-image:none;
	border-bottom-color: white;
	color:#000000;
}
#nav_m{
	background-color:#FFFFFF;
}
#navbg{
	width:950px;
	border-bottom:20px #FFFFFF solid;
	background-color:#FFFFFF;
}


/*
930px total!
9* 6px padding
8* 2px gaps
+widths below
=920 10 to play with
can I create a javascript function to tell me the total? innerhtml etc
*/
#nav_home a{
	width:70px;
}
#nav_home a:hover{
	color:#FFFFFF;
	background-color:#0099FF;
}
#nav_whatson a{
	width:100px;
}
#nav_attractions a{
	width:115px;
}
#nav_hotels a{
	width:71px;
}
#nav_bandb a{
	width:70px;
}

#nav_restaurants a{
	width:119px;
}
#nav_shops a{
	width:90px;
}
#nav_panos a{
	width:110px;
}
#nav_map a{
	width:115px;
	margin:0;
}