/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.animatedtabs {
	/*border-bottom: 0px solid #593420;*/
	overflow: hidden;
	width: 100%;
	font-size: 14px; /*font of menu text*/
	font-family: Arial, Helvetica, sans-serif;
}

.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;
	background: url(../images/nav_btn_left.jpg) no-repeat left top;
	top: 15px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	margin: 0;
	margin-right: 6px; /*Spacing between each tab*/
	padding: 0px 0px 6px 11px;
	background-image: url(../images/nav_btn_left.jpg);
	text-decoration: none;

}

.animatedtabs a span{
float: left;
background: url(../images/nav_btn_right.jpg) no-repeat right top;
position: relative;
display: block;
padding:7px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: white;
	text-decoration: none;
}

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


.animatedtabs .selected a{
background: url(../images/nav_btn_left.jpg) no-repeat left top;
	text-decoration: none;
}

.animatedtabs .selected a span{
	background: url(../images/nav_btn_right.jpg) no-repeat right top;
	padding-bottom: 9px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	color: #f173ac;
	vertical-align: text-top;
	text-decoration: none;
}

.animatedtabs a:hover{
background: url(../images/nav_btn_left_over.jpg) no-repeat left top;
	text-decoration: none;
}

.animatedtabs a:hover span{
	background: url(../images/nav_btn_right_over.jpg) no-repeat right top;
	padding-bottom: 9px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	color: #593420;
	text-decoration: none;
}
.animatedtabs a:visited{
	text-decoration: none;
}

.animatedtabs a:visited span{
	text-decoration: none;
}

.animatedtabs .selected a:hover{
background: url(../images/nav_btn_left.jpg) no-repeat left top;
	text-decoration: none;
}

.animatedtabs .selected a:hover span{
	background: url(../images/nav_btn_right.jpg) no-repeat right top;
	padding-bottom: 9px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	color: #f173ac;
}