/* 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 {
width: 760px;
background: url(../img/navigation-normal.jpg) repeat-x;
height: 37px;
position:relative;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

#navTel {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 18px;
width: 130px;
float: right;
margin: 8px 50px 0px 0px;
}
#navigation ul {
list-style-type:none;
margin-left: 20px;
}
#navigation li {
display:block;
float:left;
position:relative;
/*border-left: 1px solid #000000;*/
background: url(../img/nav-seperator.gif) no-repeat center right;
}
.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:1px 15px;
text-decoration:none;
background-image:url(../img/navbg.gif) repeat;
}
#navigation li a:hover {
/*background:url(../img/navigation-hover.jpg) repeat-x;*/
color: #ddd770;
}

#dropdown_menu {
width: 220px;
border:1px solid #000000;
border-top: none;
left:-1px;
position:absolute;
top:37px;
background-color: #505762;

}
#dropdown_menu li {
width: 220px;
border-top: 1px solid #000000;
border-left: none;
margin:0px;
padding:0px;
background: none;
}
#dropdown_menu ul {
margin:0px;
padding:0px;
}

#ind_dropdown {
width: 170px;
border:1px solid #000000;
border-top: none;
left:-1px;
position:absolute;
top:37px;
background-color: #505762;

}
#ind_dropdown li {
width: 170px;
border-top: 1px solid #000000;
border-left: none;
margin:0px;
padding:0px;
background: none;
}
#ind_dropdown ul {
margin:0px;
padding:0px;
}

#dropdown_menu li a, #dropdown_menu li a:visited{
width: 220px;
display: block;
float: left;
color:#C6cdd2;
font-size:11px;
font-weight:normal;
margin:0px;
padding:0px 10px;
text-decoration:none;
line-height: 30px;
}
#dropdown_menu li a:hover {
background:none;
text-decoration:underline;
color: #c6cdd2;
}

#ind_dropdown li a, #ind_dropdown li a:visited{
width: 170px;
display: block;
float: left;
color:#C6cdd2;
font-size:11px;
font-weight:normal;
margin:0px;
padding:0px 10px;
text-decoration:none;
line-height: 30px;
}
#ind_dropdown li a:hover {
background:none;
text-decoration:underline;
color: #c6cdd2;
}

#navigation .last {
/*border-right: 1px solid #000000;*/
background: none;
}