/* The following css code is modified by Shanna Frith based on code from webvamp.co.uk
*	Setup
*/

/*------- Nav placement on page--------*/

#Navtop{
	display:block;
	float:right; 
	margin:185px 30px 0 0; 
	width:463px;

}
#Navtop img{ display:block;}
#Navtop a{display:block;}	

#Navbot{
	display:block;
	float:right; 
	margin:5px 30px 40px 0; 
	width:441px;
}
#Navbot img{ display:block;}
#Navbot a{display:block;}	

/*------ this shows where each image is viewed----*/
ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin:0;
	border:0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}


ul.cssmenu li.home a {
	display: block;
	width: 44px;
	height: 16px;
	background:  url("../images/navjan2012.gif");
	}
	
ul.cssmenu li.rates a {
	display: block;
	width: 102px;
	height: 16px;
	background:  url("../images/navjan2012.gif");
	}
	
ul.cssmenu li.contact a {
	display: block;
	width: 125px;
	height: 16px;
	background:  url("../images/navjan2012.gif");
	}
	
ul.cssmenu li.maps a {
	display: block;
	width: 46px;
	height: 16px;
	background:  url("../images/navjan2012.gif");
	}
	
ul.cssmenu li.guestbook a {
	display: block;
	width: 146px;
	height: 16px;
	background:  url("../images/navjan2012.gif");
	}
	
ul.cssmenu li.gallery a {
	display: block;
	width: 50px;
	height: 16px;
	background:  url("../images/navjan2012.gif");
	}
	
ul.cssmenu li.here a {
	display: block;
	width: 165px;
	height: 16px;
	background:  url("../images/navjan2012.gif");
	}
	
ul.cssmenu li.rmnp a {
	display: block;
	width: 226px;
	height: 16px;
	background:  url("../images/navjan2012.gif");
	}

/*
*	Normal Links
*/
ul.cssmenu li.home a {
	background-position: 0 0;
	}

ul.cssmenu li.rates a {
	background-position: -44px 0;
	}

ul.cssmenu li.contact a {
	background-position: -146px 0;
	}
	
ul.cssmenu li.maps a {
	background-position: -271px 0;
	}
	
ul.cssmenu li.guestbook a {
	background-position: -317px 0;
	}
	
ul.cssmenu li.gallery a {
	background-position: -22px -25px;
	}
	
ul.cssmenu li.here a {
	background-position: -72px -25px;
	}
	
ul.cssmenu li.rmnp a {
	background-position: -237px -25px;
	}

/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	background-position: 0 -41px;
	}

ul.cssmenu li.rates a:hover {
	background-position: -44px -41px;
	}

ul.cssmenu li.contact a:hover {
	background-position: -146px -41px;
	}
	
ul.cssmenu li.maps a:hover {
	background-position: -271px -41px;
	}
	
ul.cssmenu li.guestbook a:hover {
	background-position: -317px -41px;
	}
	
ul.cssmenu li.gallery a:hover {
	background-position: -22px -66px;
	}
	
ul.cssmenu li.here a:hover {
	background-position: -72px -66px;
	}
	
ul.cssmenu li.rmnp a:hover {
	background-position: -237px -66px;
	}
	
/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	background-position: 0 0;
	}

ul.cssmenu li.rates a:active {
	background-position: -44px 0;
	}

ul.cssmenu li.contact a:active {
	background-position: -146px 0;
	}
	
ul.cssmenu li.maps a:active {
	background-position: -271px 0;
	}
	
ul.cssmenu li.guestbook a:active {
	background-position: -317px 0;
	}
	
ul.cssmenu li.gallery a:active {
	background-position: -22px -25px;
	}
	
ul.cssmenu li.here a:active {
	background-position: -72px -25px;
	}
	
ul.cssmenu li.rmnp a:active {
	background-position: -237px -25px;
	}

/*
*	Selected/Active Links
*/
ul.cssmenu li.home a.selected {
	background-position: 0 0px;
	}

ul.cssmenu li.rates a.selected {
	background-position: -44px 0px;
	}

ul.cssmenu li.contact a.selected {
	background-position: -146px 0px;
	}
	
ul.cssmenu li.maps a.selected {
	background-position: -271px 0px;
	}
	
ul.cssmenu li.guestbook a.selected {
	background-position: -317px 0px;
	}
	
ul.cssmenu li.gallery a.selected {
	background-position: -22px -25px;
	}
	
ul.cssmenu li.here a.selected {
	background-position: -72px -25px;
	}
	
ul.cssmenu li.rmnp a.selected {
	background-position: -237px -25px;
	}