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

.animatedTabs li{
float: left;
margin: 0px;
padding: 0px;
width: 87px;
}

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

.animatedTabs a.red{
background: url(../images/tab-red-left.gif) no-repeat 0 -125px;
}

.animatedTabs a.purple{
background: url(../images/tab-purple-left.gif) no-repeat 0 -125px;
}

.animatedTabs a.orange{
background: url(../images/tab-orange-left.gif) no-repeat 0 -125px;
}

.animatedTabs a.green{
background: url(../images/tab-green-left.gif) no-repeat 0 -125px;
}

.animatedTabs a.blue{
background: url(../images/tab-blue-left.gif) no-repeat 0 -125px;
}

.animatedTabs a.lilac{
background: url(../images/tab-lilac-left.gif) no-repeat 0 -125px;
}

.animatedTabs a div{
float: left;
position: relative;
display: block;
padding: 2px 5px 0px 0px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: normal;
text-align: center;
width: 75px;
height: 34px;
}

.animatedTabs a div span
{
	line-height: 1.3em;
}

.animatedTabs a.red div{
background: url(../images/tab-red-right.gif) no-repeat 100% -125px;
color: #ffffff;
}

.animatedTabs a.purple div{
background: url(../images/tab-purple-right.gif) no-repeat 100% -125px;
color: #ffffff;
}

.animatedTabs a.orange div{
background: url(../images/tab-orange-right.gif) no-repeat 100% -125px;
color: #ffffff;
}

.animatedTabs a.green div{
background: url(../images/tab-green-right.gif) no-repeat 100% -125px;
color: #ffffff;
}

.animatedTabs a.blue div{
background: url(../images/tab-blue-right.gif) no-repeat 100% -125px;
color: #ffffff;
}

.animatedTabs a.lilac div{
background: url(../images/tab-lilac-right.gif) no-repeat 100% -125px;
color: #ffffff;
}

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


.animatedTabs .selected a{
background-position: 0% -125px;
top: 0;
}

.animatedTabs .selected a div{
background-position: 100% -125px;
padding-bottom: 14px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
color: #ffffff;
}

.animatedTabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedTabs a:hover div{
background-position: 100% -125px;
padding-bottom: 14px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
color: #ffffff;
}


}