.main  { color: #2e768e; font-size: x-small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: lighter; line-height: 1.5 }
.notes { color: #c62a3f; font-size: -1px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: normal }
.Header { color: #c62a3f; font-size: large; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold }
#Main_menu {
	height: 200px;
	width: 800px;
}
ul, li {	/* use of a list for the menu */
list-style-type: none;	/* clean up of the list */
margin:0;
padding:0;
}
ul {
	width: 800px;
	text-align: center;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	height: 204px;
	background-image: url(../images/purple_menu.png);
}
li {float: left;}
li a:hover {
background: transparent url(/images/purple_menu.png) top left no-repeat;
}
a#contact:hover {
	background-position: 0px -80px;	/* background move for each button */
	background-image: url(/images/purple_menu.png);
}
a#drink:hover {
background-position: -200px -80px;
}
a#dining:hover {
background-position: -400px -80px;
}
a#distract:hover {
background-position: -600px -80px;
}
body {
	background-image: url(../images/LR_Bar_DBg.png);
	background-repeat: repeat-x;
	background-color: #000000;
	margin-top: 20px;
}#main {
	height: 426px;
	float: left;
	width: 800px;
	background-repeat: no-repeat;
	background-position: center top;
}
a.image { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 270px; /* width of reactive image */
     height: 175px; /* height of reactive image */
     background-image: url(../images/LR_memb_.png); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.image:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-position: 0px -170px;
	 background-image: url(../images/LR_memb_.png); /* source for target image */
     } 
