/*
*	Setup
*/
ul.cssmenu {
	list-style: none;
	padding: 0px;
	width: 780px;
	margin-left: 131px;
	margin-top: -49px;
	/* this fixes the problem of the bar being one pixel off */
	font-size: xx-small;
	display:block;
	}

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

ul.cssmenu li {
	float: left;	
	margin-left: 0%;
	margin-top: 0px;
	margin-bottom: -1px;
	}

ul.cssmenu li a {
	display: block;
	width: 110px;
	height: 49px;
	background: url('images/TeaPartyGfx_menubar.gif');
	margin-bottom: 0px;
	margin-top: 0px;	
	}

#postmenu {
	display: block;
	width: 94px;
	height: 45px;
	background: url('images/menubar_post.gif');
	margin-bottom: -2px;
        margin-top: -52px;
}

#menubar a img, img {
	border:medium none;
	display:block;
}


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

ul.cssmenu li.about_us a {
	background-position: -110px 0;
	}

ul.cssmenu li.events a {
	background-position: -220px 0;
	}

ul.cssmenu li.blog a {
	background-position: -330px 0;
	}

ul.cssmenu li.contact a {
	background-position: -440px 0;
	}

ul.cssmenu li.spacer a {
	background-position: -550px 0;
	}

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

ul.cssmenu li.about_us a:hover {
	background-position: -110px -49px;
	}

ul.cssmenu li.events a:hover {
	background-position: -220px -49px;
	}

ul.cssmenu li.blog a:hover {
	background-position: -330px -49px;
	}

ul.cssmenu li.contact a:hover {
	background-position: -440px -49px; 
	}

/*
*	Clicked Links
*/
ul.cssmenu li.main a:active {
	background-position: -1px -98px;
	}

ul.cssmenu li.about_us a:active {
	background-position: -111px -98px;
	}

ul.cssmenu li.events a:active {
	background-position: -221px -98px;
	}

ul.cssmenu li.blog a:active {
	background-position: -331px -98px;
	}

ul.cssmenu li.contact a:active {
	background-position: -441px -98px;
	}

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

ul.cssmenu li.about_us a.selected {
	background-position: -111px -147px;
	}

ul.cssmenu li.events a.selected {
	background-position: -221px -147px;
	}

ul.cssmenu li.blog a.selected {
	background-position: -331px -147px;
	}

ul.cssmenu li.contact a.selected {
	background-position: -441px -147px;
	}


blockquote, fieldset, form, ul, ol, dl, dir, menu {
	border-bottom:0 none;
	border-top:0 none;
	margin-bottom:0.35em;
	margin-top:0.0em;
	padding-bottom:0;
	padding-top:0;
}