ul#header {
	height: 44px;
	background: #FFF url("forum_images/menu-bg.gif") top left repeat-x;
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 225px;
}

ul#header li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
}

ul#header li a {
	height: 44px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
}

.animatedheader {
	overflow: hidden;
	font-size: 17px; /*font of menu text*/
	font-family: "Lucida Grande", Verdana, sans-serif;
}

.animatedheader ul {
	list-style-type: none;
	margin: 0;
	margin-left: 0px; /*offset of first tab relative to page left edge*/
	padding: 0;
}

.animatedheader li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 200%;
}

.animatedheader a {
	float: left;
	position: relative;
	top: -5px;
	/* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	margin: 0;
	margin-right: -2px; /*Spacing between each tab*/
	padding: 0 0 0 9px;
	text-decoration: none;
}

.animatedheader a span {
	float: left;
	position: relative;
	display: block;
	padding: 5px 14px 3px 5px;
	/* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
	font-weight: bold;
	color:#777;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedheader a span {
	float: none;
}

/* End IE5-Mac hack */


.animatedheader .selected a span {
	color: white;
	background: #FFF url("forum_images/current-bg.gif") top left repeat-x;
	padding: 5px 15px 0;
}

.animatedheader a:hover span {
	color: white;
}
.animatedtabs{

               height: 43px;
			  background: #FFF url("forum_images/menu-bg.gif") top left repeat-x; 
			  font-size: 0.8em; 
			 font-family: "Lucida Grande", Verdana, sans-serif;
			  font-weight: bold; list-style-type: none; margin: 0; padding: 0 0 0 250px;/*for center align 250px*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 6px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
					float: left;
					position: relative;
					display: block;
					padding: 5px 14px 3px 5px;	/* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
					font-weight: bold;
					color: #777;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */



.animatedtabs .selected a span{
  height: 32px; color: white;
				  text-decoration: none; display: block; float: left;  padding: 8px 15px 0; 
 background: #FFF url("forum_images/current-bg.gif") top left repeat-x; 
 top: -3px;
}