#navigation a
{
color: #ffffff;
font: 15px "Trebuchet MS";
font-weight: bold;
background: url(imgs/left1.gif) left top no-repeat;
text-decoration: none;
padding-left: 5px;								/*same width as that of left image*/
}

#navigation a span
{
background: url(imgs/right1.gif) right top no-repeat;
padding: 4px 8px 6px 3px;
}

#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
{
background: url(imgs/leftHover1.gif) left top no-repeat;
padding-left: 5px
}

#navigation a:hover span
{
background: url(imgs/rightHover1.gif) right top no-repeat;
padding: 5px 8px 5px 3px;
}

#navigation 
{
list-style: none;
padding: 0 0 0 2px;margin:0;

}

#navigation li
{
float: left;
margin: 0 4px 0 0;
list-style: none;
}

#navigation .other {
padding: 4px 11px 6px 6px;
}

#navigation a:hover .other {
padding: 5px 11px 5px 6px;
}
#navcontain {
margin:10px 0 0 0;
border-bottom:16px solid white;
height:27px;
overflow:hidden;
}