#TopNavigation {
	width: 555px;
	list-style: none;
	/*display: inline;*/
	overflow: hidden;
	padding-left: 0px;
	float: right;
}
#TopNavigation img {
	margin: 0px;
	padding: 0px;
}
#TopNavigation ul {
	margin: 0px;
	padding: 0px;
}
#TopNavigation li {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	list-style: none;
	display: block;
}
#TopNavigation a {
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 40px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:40px;
}
#TopNavigation a:hover {
	background-position: 0 -40px;
}
#TopNavigation a:active, #TopNavigation a.selected {
	background-position: 0 -40px;
}
#accommodation a {
	width: 123px;
	background: url("http://www.hokitika.org/graphics/navigation/accommodation.jpg") no-repeat left top;
}
#activities a {
	width: 142px;
	background: url("http://www.hokitika.org/graphics/navigation/see-do.jpg") top left no-repeat;
}
#restaurants a {
	width: 151px;
	background: url("http://www.hokitika.org/graphics/navigation/restaurants-cafes.jpg") top left no-repeat;
}
#arts a {
	width: 103px;
	background: url("http://www.hokitika.org/graphics/navigation/arts-crafts.jpg") top left no-repeat;
}
#events a {
	width: 76px;
	background: url("../graphics/navigation/events.jpg") top left no-repeat;
}
#retail a {
	width: 135px;
	background: url("http://www.hokitika.org/graphics/navigation/retail-services.jpg") top left no-repeat;
}
#getting-here a {
	width: 169px;
	background: url("http://www.hokitika.org/graphics/navigation/getting-here.jpg") top left no-repeat;
}
#visitor-information a {
	width: 139px;
	background: url("http://www.hokitika.org/graphics/navigation/visitor-information.jpg") top left no-repeat;
}
/*#line {
	width: 155px;
	margin: 0px;
	padding: 0px;
	height: 10px;
}
*/#VerticalNavigation {
	width: 235px;
	text-transform: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
#VerticalNavigation a {
	text-decoration:none;
	text-transform: none;
	display: block;
	margin: 0px;
	padding: 7px 10px 7px 20px;
	color: #000000;
}
#VerticalNavigation a:hover {
	color: #FFFFFF;
}

#VerticalNavigation .accommodation a {
	background: #678FB8 url(../graphics/bullet-sml-white.png) no-repeat 5px center;
}
#VerticalNavigation .accommodation a:hover {
	background: #5684B1 url(../graphics/bullet-sml-white-dark.png) no-repeat 5px center;
}
#VerticalNavigation .activities a {
	background: #6CA82B url(../graphics/bullet-sml-white.png) no-repeat 5px center;
}
#VerticalNavigation .activities a:hover {
	background: #619526 url(../graphics/bullet-sml-white-dark.png) no-repeat 5px center;
}
#VerticalNavigation .arts a {
	background: #F2CA40 url(../graphics/bullet-sml-white.png) no-repeat 5px center;
}
#VerticalNavigation .arts a:hover {
	background: #EAB70E url(../graphics/bullet-sml-white-dark.png) no-repeat 5px center;
}
#VerticalNavigation .events a {
	background: #2F5E8C url(../graphics/bullet-sml-white.png) no-repeat 5px center;
}
#VerticalNavigation .events a:hover {
	background: #254A70 url(../graphics/bullet-sml-white-dark.png) no-repeat 5px center;
}
#VerticalNavigation .gettinghere a {
	background: #9EBC25 url(../graphics/bullet-sml-white.png) no-repeat 5px center;
}
#VerticalNavigation .gettinghere a:hover {
	background: #80981E url(../graphics/bullet-sml-white-dark.png) no-repeat 5px center;
}
#VerticalNavigation .visitorinfo a {
	background: #AE2C00 url(../graphics/bullet-sml-white.png) no-repeat 5px center;
}
#VerticalNavigation .visitorinfo a:hover {
	background: #9B2700 url(../graphics/bullet-sml-white-dark.png) no-repeat 5px center;
}
/*#VerticalNavigation a:active {
	outline: none;
}
#VerticalNavigation a.current {
	color:#7A623C;
}
*/

#VerticalNavigation .SubNavigationActivities a {
	background: #6CA82B  url(../graphics/bullet-sml-two.png) no-repeat 15px center;
	padding-left: 30px;
	border-top-style: none;
	font-size: 1em;
	font-weight: normal;
}
#VerticalNavigation .SubNavigationActivities a:hover {
	background: #619526 url(../graphics/bullet-sml-two.png) no-repeat 15px center;
	padding-left: 30px;
}
#VerticalNavigation .SubNavigationArts a {
	background: #F2CA40 url(../graphics/bullet-sml-two.png) no-repeat 15px center;
	padding-left: 30px;
	font-size: 1em;
	font-weight: normal;
}
#VerticalNavigation .SubNavigationArts a:hover {
	background: #EAB70E url(../graphics/bullet-sml-two.png) no-repeat 15px center;
	padding-left: 30px;
}
#VerticalNavigation .SubNavigationEvents a {
	background: #2F5E8C url(../graphics/bullet-sml-two.png) no-repeat 15px center;
	padding-left: 30px;
	font-size: 1em;
	font-weight: normal;
}
#VerticalNavigation .SubNavigationEvents a:hover {
	background: #254A70 url(../graphics/bullet-sml-two.png) no-repeat 15px center;
	padding-left: 30px;
}
#VerticalNavigation .SubNavigationGettingHere a {
	background: #9EBC25 url(../graphics/bullet-sml-two.png) no-repeat 15px center;
	padding-left: 30px;
	font-size: 1em;
	font-weight: normal;
}
#VerticalNavigation .SubNavigationGettingHere a:hover {
	background: #80981E url(../graphics/bullet-sml-two.png) no-repeat 15px center;
	padding-left: 30px;
}
#VerticalNavigation .SubNavigationInfo a {
	background: #AE2C00 url(../graphics/bullet-sml-two.png) no-repeat 15px center;
	padding-left: 30px;
	font-size: 1em;
	font-weight: normal;
}
#VerticalNavigation .SubNavigationInfo a:hover {
	background: #9B2700 url(../graphics/bullet-sml-two.png) no-repeat 15px center;
	padding-left: 30px;
}

