body {
			font: 80% arial, helvetica, sans-serif;
			background: #800000 url(logos/stripe_bg.gif);
			background-attachment: fixed;
			margin: 0;
		}
		
		.accessaid, h1 {
			position: absolute;
			height: 0;
			overflow: hidden;
		}
		
		#header {
			background: maroon url(logos/header_bgx.png);
			height: 100px;
			border-bottom: 3px solid black;
		}
		
		#navigation {
			position: absolute;
			top: 107px;
			left: 0;
			width: 100px;
			color: white;
		}


		#footer {
			color:#ffffff;
			background: #000000;
			position: relative;
			width: 7640px; /* width + border for IE 5.x */
			w\idth: 760px; /* real width */
			border: solid black;
			border-width: 0 3px 3px;
			margin: auto;
			height:23px;			
		}
 		#copyright {
			color: #c4c4c4;
			float:left;
			margin: 4px 0 0 4px;
		}





/* my top version		#navigation {position: absolute;top: 92px;left: 16%;color: white;} */
		
		#navigation ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

/* I removed float: left and align: center plus I also gives the border and color of border removed border if want it back use: border: 1px solid #c0c0c0; */

		#navigation li {
			border-bottom-width: 0;
			margin: 0;
		}

/*this gives color to the text and the background to the text*/

		#navigation ul a {
			color: white;
			text-decoration: none;
			display: block;
			background: #800000; /*#e74900*/
			padding: 5px 1em;
			margin: 0 0;
		}
		
		#navigation a:visited {
			color: #b7b7b7;
		}
		
		#navigation a:hover {
			color: black;
			background: #b70101; /*#c11111*/
		}
/* I added this which gives the current id selected in html code the background and text*/
	
		#navigation #selected a{
			color: #0b4d06;
			background: #ffffff;
		}

		#container {
			position: relative;
			width: 7640px; /* width + border for IE 5.x */
			w\idth: 760px; /* real width */
			border: solid black;
			border-width: 0 3px 3px;
			margin: auto;
			background: #DF7900;
		}

		#content {
			background: #ffffff url(logos/sample.jpg); /*beige like background #ecd9c0 */
			padding: 1px 20px 1em 40px;
			border-left: 100px solid #800000; 
			border-top: 4px solid #800000; 
		} 

/* removed 	xpadding: 1px 1em 2em 1em; from content */
		
		h2 {
			text-indent: 15px;
			font-size: 1.75em;
			color: #ffffff;
			background: #800000;
		}
		
		h3 {
			font-size: 1.25em;
			color: #800000;
		}
		
		ul.address {
			font-weight:bold;
			list-style-type:none;
		}

		p.spaced {
			line-height: 2.5;
		}

		span.menu {
			font-weight:bold;
			font-size: 1.75em;
			color: #800000;
		}
		#meal {
			text-indent:15px;
			}

		span.item {
			font-weight: bold;
			font-size: 1.25em;
		}

		span.price {
			font-weight: bold;
			font-size: 1.25em;
			float:right;
		}
		
		#content img {
			width: 300px;
			height: 195px;
			padding: 1px;
			border: 1px solid #333;
			margin: 1em;
		}
		


/* This is for links in text lines */

		a {
			color: #0b4d06;
		}

		a:hover {
			color: blue;
		}

		li.finger {
			font-size: 1.25em;
			font-family: arial;
			list-style-image: url(logos/pointer_new.jpg);
			width: 200px;
		}

		#textfloatright {
			list-style-type:none;
			width: 255px;
			float: right;
			padding: 0;
			margin: 0;
		}

		#pricefloatright {
			list-style-type:none;
			width: 300px;
			float: right;
			padding: 0;
			margin: 0;
		}



		li.right {
			font-size: 1.25em;
			font-family:arial;
			list-style-image: url(logos/pointer_list_spacer.jpg);
		}

	
/* removed align: left; from li.right */

	/*	#footer.img {border: 1px green; margin:2px; height:auto; width:auto; align:center; text-align: center; }
		#footer.desc {text-align: center; font-weight: normal; width: 180px; margin: 2px;}
	*/