@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/bckg.gif);
	background-repeat:repeat-x;
	background-color:#ffe900;
	color: #fff;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin: 0;
	padding: 0;
	
}


#container {
	background: #000;
	width: 780px;
	margin-left: auto ;
 	margin-right: auto ;
	margin-top: 15px ;
	border: 1px solid #fff;
	}
	
#main {
	padding: 5px;
	}
	
#words {
	width: 460px;
	margin-left: auto ;
 	margin-right: auto ;
	}

#header {
	width: 780px;
	margin-left: auto ;
 	margin-right: auto ;
	}

#menu { 
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
font-size:14px;
} 

#menu ul { 
text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */ 
margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */ 
}
 
#menu li { 
display: inline; /* Menu links are horizontally aligned using display: inline */ 
}
 
#menu li a { 
padding: 7px 20px 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the whole tab a clickable link */ 
color: #fff; 
text-decoration: none; 
font-weight: bold; 

}
 
#menu li a:hover { 
color: #ff5700;
}
 
#menu li a span { 
padding: 7px 10px 6px 0; 
 
}
 
#image {
	width:610px;
	padding:5px;
	margin-left: auto ;
 	margin-right: auto ;
	} 

#table {
	text-align: center; }

#footer {
	width: 770px;
	color: #FFFF00;
	margin-left: auto ;
 	margin-right: auto ;
	text-align: center;
	padding: 5px;
	font-size:20px;
	font-weight: bold;
	border-top: 2px solid #fff; 
}

#footer_links {
	width: 780px;
	margin-left: auto ;
 	margin-right: auto ;
	padding: 10px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 8px ;
	text-align: center;
}

#hours {
	width: 400px ;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin: 0;
	padding: 5px;
	
	}

img.floatLeft { 
    float: left; 
    margin: 5px 35px 15px 5px; 
}
img.floatRight { 
    float: right; 
    margin: 5px; 
}