#navigation {
         position:relative;
         top:-74px;
         left:10px;
         height:30px;
	 padding-left:12px;
         margin: 0 0 0 1px;
         background: transparent;
         color:#FFFFFF;
         font-weight:bold;
         z-index:20;
}


#navigation ul, li, a, body
{
margin-right: 0;
padding: 0;
}

#navigation a
{
font-size:12px;
color: #ffffff;
text-decoration: none;
}
#navigation a:hover
{
font-size:12px;
color: #00A0FF;
text-decoration: none;
}
#navigation a:active
{
font-size:12px;
color: #00A0FF;
text-decoration: none;
}
#navigation ul
{
height: 20px;
margin: 0;
width: 900px;
}

#navigation li
{
background-color: #231f20;
color: #ffffff;
margin-right: 10px;
display: inline;
line-height: 1.5em;
padding: 3px 8px 3px 8px;
position: relative;
text-align: center;
}

#navigation li:hover
{
background-color: #ffffff;
color:#00A0FF;
}
#navigation li:hover a
{
background-color: #ffffff;
color:#000;
}
#navigation li:hover a:hover
{
background-color: #ffffff;
color:#00A0FF;
}
/* Second tier */

#navigation li ul
{
display: none;
height: auto;
left: 0;
margin: 0;
position: absolute;
top: 100%;
width: 170px;
}

/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/

#navigation li:hover ul
{
display: block;
}

#navigation li ul li
{
background-color: #ffffff;
color:#00A0FF;
border-right: none;
margin: 0;
padding: 8px 8px 3px 0px;
text-align: left;
width: 150px;
height: 18px;
float: left;
}

#navigation li ul li a
{
padding-left: 8px;
color: #000000;
}

#navigation li ul li:hover a
{
background-color: #ffffff;
color:#00A0FF;
display: block;
height: 100%;
}

#navigation .noBorder
{
border: none;
}
/*
#navigation li.active2 a
{
color: #00A0FF;
}
*/


#navigation li.active2 a
{
color: #00A0FF;
}

#navigation li.active2 ul li a
{
color: #000000;
}

#navigation li ul li.active2 a
{
color: #00A0FF;
}