#navigation a
{
color: #fff;
background: #006389 url(../images/tab_left_out.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-size:12px;
font-weight:bold;
}

#navigation a span
{
background: url(../images/tab_right_out.jpg) right top no-repeat;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
}

/*Green*/
#navigation .green a
{
color: #fff;
background: #008981 url(../images/tab_left_green.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-size:12px;
font-weight:bold;
}

#navigation .green a span
{
background: url(../images/tab_right_green.jpg) right top no-repeat;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
}
/*End of Green*/

/*navyblue*/
#navigation .navyblue a
{
color: #fff;
background: #006389 url(../images/tab_left_out.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-size:12px;
font-weight:bold;
}

#navigation .navyblue a span
{
background: url(../images/tab_right_out.jpg) right top no-repeat;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
}
/*End of Green*/



/*blue*/
#navigation .blue a
{
color: #fff;
background: #0899D2 url(../images/tab_left_blue.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-size:12px;
font-weight:bold;
}

#navigation .blue a span
{
background: url(../images/tab_right_blue.jpg) right top no-repeat;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
}
/*End of blue*/

/*pink*/
#navigation .pink a
{
color: #fff;
background: #A8418C url(../images/tab_left_pink.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-size:12px;
font-weight:bold;
}

#navigation .pink a span
{
background: url(../images/tab_right_pink.jpg) right top no-repeat;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
}
/*End of pink*/

/*brown*/
#navigation .brown a
{
color: #fff;
background: #896A00 url(../images/tab_left_brown.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-size:12px;
font-weight:bold;
}

#navigation .brown a span
{
background: url(../images/tab_right_brown.jpg) right top no-repeat;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
}
/*End of brown*/

/*maroon*/
#navigation .maroon a
{
color: #fff;
background: #89001E url(../images/tab_left_maroon.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-size:12px;
font-weight:bold;
}

#navigation .maroon a span
{
background: url(../images/tab_right_maroon.jpg) right top no-repeat;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
}
/*End of maroon*/

#navigation a, #navigation a span
{
display: block;
float: left;
}

/* Hide from IE5-Mac */
#navigation a, #navigation a span
{
float: none;
}
/* End hide */

/*#navigation a:hover
{
color: #fff;
background: #A2A2A2 url(../images/tab_left_over.jpg) left top no-repeat;
padding-left: 10px;
}

#navigation a:hover span
{
background: url(../images/tab_right_over.jpg) right top no-repeat;
padding-right: 20px;
}*/

#navigation ul
{
list-style: none;
padding: 0;
margin: 0;
list-style-position:inside;
}

#navigation li
{
float: left;
margin-right: 3px;
list-style: none;
}

/*NEW*/


/*lgreen*/
#navigation .lgreen a
{
color: #fff;
background: #99cc00 url(../images/tab_left_lgreen.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-size:12px;
font-weight:bold;
}
#navigation .lgreen a span
{
background: url(../images/tab_right_lgreen.jpg) right top no-repeat;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
}
/*End of lgreen*/
/*orange*/
#navigation .orange a
{
color: #fff;
background: #ddb100 url(../images/tab_left_orange.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-size:12px;
font-weight:bold;
}
#navigation .orange a span
{
background: url(../images/tab_right_orange.jpg) right top no-repeat;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
}
/*End of orange*/
/*purple*/
#navigation .purple a
{
color: #fff;
background: #ba75ff url(../images/tab_left_purple.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-size:12px;
font-weight:bold;
}
#navigation .purple a span
{
background: url(../images/tab_right_purple.jpg) right top no-repeat;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
}
/*End of purple*/