/*------- Navigation ------------*/

#navdiv
{
    
    width: 1000px;
/*    text-align: center;*/
    margin: 0px auto;
    line-height: 8pt;
    padding: 0px 0px;
}


#navigation a
{    
    color: #333;
    text-decoration: none;
    padding-left: 8px;
} 

#navigation .inactiveNav a
{
    background-position: center top;
    background: url("images/inactive_left.gif") no-repeat left top;
}

#navigation a span
{ 
    background: url("images/inactive_right.gif") right top no-repeat; 
    padding-right: 8px;
}

#navigation a, #navigation a span
{ 
    display: block;
    float: left; 
    height: 27px;
} 

#navigation div.inactive
{
    background: url("images/inactive_center.gif") center top repeat;
}

  /*---- Navigation hover styles ---*/
#navigation a:hover
{ 
    color: #333; 
    background: url("images/active_left.gif") no-repeat left top;
    text-decoration: none; 
    padding-left: 8px;
} 

#navigation a:hover span
{ 
    background: url("images/active_right.gif") right top no-repeat; 
    padding-right: 8px;
} 

#navigation a:hover .innernav
{
  color: #900;
  height: inherit;
  background: url("images/active_center.gif") center top repeat;
}

   /*---- Navigation active styles ---*/

#navigation .activeNav span
{ 
    background: url("images/active_right.gif") right top no-repeat; 
    padding-right: 8px;
} 

#navigation .activeNav a
{
  background-position: center top;
  background: url("images/active_left.gif") no-repeat left top;
}

#navigation div.activeNav
{
  color: #900;
  background: url("images/active_center.gif") center top repeat;
}

    /*---- Navigation Misc ---*/

#navigation li 
{ 
    float: left; 
    display: block;
    margin: 0; 
    padding: 0;
    width:110px;
}

#navigation 
{ 
    list-style: none; 
    padding: 0; 
    margin: 0;
    font-size: 8pt;
    font-weight: bold;
} 

#navigation .innernav
{
  color: #FFFFFF;
  text-align: center;
  line-height: 27px;  /* This was inherit, but IE7 ignored that */
}

.outernav
{
    width:93px;
}

.menulink
{
    height: inherit;
}