/* 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:url(../img/navGrad.gif) repeat-x;
height: 20px;
margin: 0px 0px 0px 0px;
padding:20px 10px 10px 20px;
position:relative;
}
#navigation ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#navigation li {
display:block;
float:left;
position:relative;
}

#navigation li a, #navigation li a:visited {
height:17px;
display:block;
}

#navigation li a.home, #navigation li a.home:visited {
background:url(../img/mainNav.gif) no-repeat;
width:62px;
}

#navigation li a.home:hover {
background:url(../img/mainNav.gif) no-repeat 0px -18px;
}

#navigation li a.homeActive, #navigation li a.homeActive:visited {
background:url(../img/mainNav.gif) no-repeat 0px -18px;
width:62px;
}

#navigation li a.it, #navigation li a.it:visited {
background:url(../img/mainNav.gif) no-repeat -62px 0px;
width:110px;
}

#navigation li a.it:hover {
background:url(../img/mainNav.gif) no-repeat -62px -18px;
}

#navigation li a.itActive, #navigation li a.itActive:visited {
background:url(../img/mainNav.gif) no-repeat -62px -18px;
width:110px;
}

#navigation li a.consult, #navigation li a.consult:visited {
background:url(../img/mainNav.gif) no-repeat -172px 0px;
width:123px;
}

#navigation li a.consult:hover {
background:url(../img/mainNav.gif) no-repeat -172px -18px;
}

#navigation li a.consultActive, #navigation li a.consultActive:visited {
background:url(../img/mainNav.gif) no-repeat -172px -18px;
width:123px;
}

#navigation li a.managed, #navigation li a.managed:visited {
background:url(../img/mainNav.gif) no-repeat -295px 0px;
width:147px;
}

#navigation li a.managed:hover {
background:url(../img/mainNav.gif) no-repeat -295px -18px;
}

#navigation li a.managedActive, #navigation li a.managedActive:visited {
background:url(../img/mainNav.gif) no-repeat -295px -18px;
width:147px;
}

.subNav {
float:right;
}

#navigation li a.about, #navigation li a.about:visited {
background:url(../img/subNav.gif) no-repeat 0px 0px;
width:64px;
height:12px;
display:block;
}

#navigation li a.about:hover {
background:url(../img/subNav.gif) no-repeat 0px -13px;
}

#navigation li a.aboutActive, #navigation li a.aboutActive:visited {
background:url(../img/subNav.gif) no-repeat 0px -13px;
width:64px;
height:12px;
display:block;
}

#navigation li a.how, #navigation li a.how:visited {
background:url(../img/subNav.gif) no-repeat -64px 0px;
width:88px;
height:12px;
display:block;
}

#navigation li a.how:hover {
background:url(../img/subNav.gif) no-repeat -64px -13px;
}

#navigation li a.howActive, #navigation li a.howActive:visited {
background:url(../img/subNav.gif) no-repeat -64px -13px;
width:88px;
height:12px;
display:block;
}

#navigation li a.join, #navigation li a.join:visited {
background:url(../img/subNav.gif) no-repeat -152px 0px;
width:55px;
height:12px;
display:block;
}

#navigation li a.join:hover {
background:url(../img/subNav.gif) no-repeat -152px -13px;
}

#navigation li a.joinActive, #navigation li a.joinActive:visited {
background:url(../img/subNav.gif) no-repeat -152px -13px;
width:55px;
height:12px;
display:block;
}

#navigation li a.contact, #navigation li a.contact:visited {
background:url(../img/subNav.gif) no-repeat -207px 0px;
width:64px;
height:12px;
display:block;
}

#navigation li a.contact:hover {
background:url(../img/subNav.gif) no-repeat -207px -13px;
}

#navigation li a.contactActive, #navigation li a.contactActive:visited {
background:url(../img/subNav.gif) no-repeat -207px -13px;
width:64px;
height:12px;
display:block;
}