/* 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:#CCCCCC;
height: 35px;
margin: 0px 0px 8px 0px;
position:relative;
}
#navigation ul {
list-style-type:none;
}

#navigation li {
background-color:#CC0000;
display:block;
float:left;
position:relative;
}
.makeRelative {
clear:both;
position:relative;
}
#navigation li a, #navigation li a:visited {
color:#FFFFFF;
display:block;
float:left;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
line-height:35px;
padding:0px 11px;
text-decoration:none;
background-image:url(../img/navbg.gif);
background-repeat: no-repeat;
background-position: center right;
}
#navigation li a:hover {
text-decoration: underline;
}
#navigation a img {
margin-bottom:-4px;
padding-right:10px;
}
#navigation ul li ul {
border-width:medium 1px 1px;
left:0px;
position:absolute;
top:35px;
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;
}
#navigation ul li ul li a, #navigation ul li ul li a:visited {
background-color:#000000;
background-image:none;
border-left:medium none;
border-right:medium none;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
line-height:20px;
padding:2px 10px;
width:155px;
}
#navigation ul li ul li a:hover {
background-color:#333333;
background-image:none;
text-decoration:none;
}

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