/* Horizontal Navigation with dropdowns */

/*

If changing the height of the nav, make sure you update "#navigation ul li ul"
so that the "top" option is the same as the new height

*/

#navigation {
background-color:#ffffff;
height: 28px;
margin: 0px 0px 8px 0px;
position:relative;
width: 880px;
}
#navigation ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#navigation li {
background-color:#ffa70f;
display:block;
float:left;
position:relative;
width: 124px;
border-right: 2px solid #ffffff;
}
.makeRelative {
clear:both;
position:relative;
}
#navigation li a, #navigation li a:visited {
color:#333333;
display:block;
width: 124px;
float:left;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
line-height:28px;
padding:0px;
text-decoration:none;
background-image:url(../img/navbg.gif);
background-repeat: no-repeat;
background-position: center right;
text-align:center;
}
#navigation li a:hover {
text-decoration: underline;
background-color: #fcc133;
}
#navigation a img {
margin-bottom:-4px;
padding-right:10px;
}
#navigation ul li ul {
border-width:medium 1px 1px;
left:0px;
margin:0px;
padding:0px;
position:absolute;
top:28px;
height: auto;
padding-bottom: 10px;
background-image:url(../img/menubot.gif);
background-repeat:no-repeat;
background-position: bottom;
}
#navigation ul li ul li {
border-left:medium none;
border-right:medium none;
clear:both;
margin:0px;
padding:0px;
}
#navigation ul li ul li a, #navigation ul li ul li a:visited {
background-color:#fcc133;
background-image:none;
border-bottom: 1px solid #fdda85;
color:#333333;
font-size:11px;
text-align:left;
font-weight:bold;
text-transform:none;
line-height:20px;
padding:5px 0px 5px 20px;
width:155px;
}
#navigation ul li ul li a:hover {
background-color:#fdda85;
background-image:none;
text-decoration:none;
}

.last {
background-image:none!important;
border: none!important;
}