.background {
	background-image: url(images/bkgrd.jpg);
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
}
.icons {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FF0000;
	font-weight: bold;
	text-transform: capitalize;
}
.top_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
	background-image: url(images/new_site_1x_17.gif);
}
.lower_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FF0000;
	background-image: url(images/new_site_1x_27.gif);
}
.flyers_bkgrd {
	background-image: url(images/new_site_1x_18.gif);
}

.very_bottom_table {
	background-image: url(images/new_site_1x_28.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.very_bottom_table a:link {
	background-image: url(images/new_site_1x_28.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.bkgrd_content {
	background-image: url(images/bkgrd2.jpg);
}
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000000;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
}





.grad_middle_table {
	background-image: url(images/new_site_1x_25.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FF0000;
}


.center_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
	background-image: url(images/new_site_1x_22.gif);
}

#Menu {
font-family: Arial, sans-serif;
border-bottom: 10px solid #A0CEF8;
}
#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 0 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
color: #5d5350;
text-decoration: none;
font-weight: bold;
background: url(/examples/images/tabbed-menu-left.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */
}
#Menu li a:hover {
background: url(/examples/images/tabbed-menu-left.gif) no-repeat left bottom;
}
#Menu li a span {
padding: 7px 10px 6px 0;
# background: url(/examples/images/tabbed-menu-right.gif) no-repeat right top; /* Rollover effect using "Fast rollovers without preload" concept for the right part of the tab */
}
#Menu li a:hover span {
background: url(/examples/images/tabbed-menu-right.gif) no-repeat right bottom;}