#footpanel
{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
/*--Keeps the panel on top of all other elements--*/
	background: #E3E2E2;
	border: 1px solid #D72684;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
}
/**html #footpanel*/
#INVALID-RULE
{
/*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px;
/*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
#footpanel UL
{
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #916;
/*--Gives the bevel feel on the panel--*/
	font-size: 11px;
}
#footpanel UL LI
{
	padding: 0;
	margin: 0;
	float: left;
}
#footpanel UL LI A
{
	padding: 5px 6px 5px 2px;
	float: left;
	text-indent: -9999px;
/*--For text replacement - Shove text off of the page--*/
	height: 16px;
	width: 15px;
	text-decoration: none;
	color: #A16;
	position: relative;
}
HTML #footpanel UL LI A:hover
{
	background-color: #FFF;
}
HTML #footpanel UL LI A.active
{
/*--Active state when sub-panel is open--*/
	background-color: #FFF;
	height: 17px;
	margin-top: -2px;
/*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #916;
	border-top: none;
	z-index: 200;
/*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}
#footpanel A.home
{
	background: url(images/logo1.png) no-repeat 15px center;
	width: 56px;
	padding-left: 39px;
	border-right: 1px solid #BBB;
	text-indent: 0;
}
#footpanel A.register
{
	background: url(images/register.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #BBB;
	text-indent: 0;
}
#footpanel A.profile
{
	background: url(images/profile.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #BBB;
	text-indent: 0;
}
#footpanel A.login
{
	background: url(images/login.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #BBB;
	text-indent: 0;
}
#footpanel A.rss
{
	background: url(images/rss.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	text-indent: 0;
}
#footpanel A.guestbook
{
	background: url(images/guestbook.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #BBB;
	text-indent: 0;
}
#footpanel A.contact
{
	background: url(images/contact.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #BBB;
	text-indent: 0;
}
#footpanel A.upload
{
	background: url(images/upload.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #BBB;
	text-indent: 0;
}
#footpanel A.chat
{
	background: url(images/balloon.png) no-repeat 15px center;
	width: 100px;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	padding-left: 40px;
	text-indent: 0;
/*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel LI#chatpanel, #footpanel LI#alertpanel
{
	float: right;
}
/*--Right align the chat and alert panels--*/
#footpanel A SMALL
{
	text-align: center;
	width: 70px;
	background: url(pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none;
/*--Hide by default--*/
	color: #815;
	font-size: 1em;
	text-indent: 0;
}
#footpanel A:hover SMALL
{
	display: block;
/*--Show on hover--*/
	position: absolute;
	top: -35px;
/*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px;
/*--Center the tooltip--*/
	z-index: 9999;
}
IMG
{
	border: none;
}
H1
{
	font-size: 1.2em;
	padding: 5px 10px;
	color: #CCC;
	width: 940px;
	margin: 0 auto;
}
H1 A
{
	color: #FFF;
}
H1 SPAN
{
	font-weight: normal;
}