#navigation 
{ 
}
/*------- Navigation ------------*/

#navdiv
{
    width: 960px;
    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("NavTab/VIVAHEALTH_Nav_INactive_L.jpg") no-repeat left top;
}

#navigation a span
{ 
    background: url("NavTab/VIVAHEALTH_Nav_INactive_R.jpg") right top no-repeat; 
    padding-right: 8px;
}

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

#navigation div.inactive
{
    background: url("NavTab/VIVAHEALTH_Nav_INactive_M.jpg") center top repeat;
}


#navigation .activeNav a
{
  background-position: center top;
  background: url("NavTab/VIVAHEALTH_Nav_Active_L.jpg") no-repeat left top;
}


  /*---- Navigation hover styles ---*/
#navigation a:hover, #navigation .activeNav a:hover, #navigation a.makeitso, #navigation .activeNav a.makeitso
{ 
    color: #FFF; 
    background: url("NavTab/VIVAHEALTH_MegaMenu_Rollover_L.jpg") no-repeat left top;
    text-decoration: none; 
    padding-left: 8px;
} 

#navigation a:hover span, #navigation a.makeitso span
{ 
    background: url("NavTab/VIVAHEALTH_MegaMenu_Rollover_R.jpg") right top no-repeat; 
    padding-right: 8px;
} 

#navigation a:hover .innernav, #navigation a.makeitso .innernav, #navigation .inactiveNav a.makeitso .innernav, #navigation .activeNav a.makeitso .innernav
{
  color: #FFF;
  height: inherit;
  background-color: #FF9933;
  background: url("NavTab/VIVAHEALTH_MegaMenu_Rollover_M.jpg") center top repeat;
}

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

#navigation .activeNav span
{ 
    background: url("NavTab/VIVAHEALTH_Nav_Active_R.jpg") right top no-repeat; 
    padding-right: 8px;
} 


#navigation div.activeNav
{
  color: #FFFFFF;
  background: url("NavTab/VIVAHEALTH_Nav_Active_M.jpg") center top repeat;
}

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

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

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

#navigation .innernav
{
  color: #888888;
  line-height: 39px;  /* This was inherit, but IE7 ignored that */
}

.outernav
{
    width: 143px;
}

.menulink
{
    height: inherit;
}

.flyout
{
    height: 230px;
    /*width: 600px;*/
    position: absolute;
    z-index: 30;
    top: 147px;
    left: inherit;
    margin: 0px 10px 0px 0px;
}

.reverse
{
    margin-left: -440px;
}

.flyoutcontent
{
/*    height: 220px;
    width: 600px;*/
    background: #EFEDEE url('NavTab/VIVAHEALTH_MegaMenu_Fade.jpg') center top repeat-x;
}

.flyouttop
{
    height: 5px;
    /*width: 600px;*/
    background: transparent url('NavTab/VIVAHEALTH_MegaMenu_OrangeBar.jpg') center top repeat-x;
}

.flyoutbottom
{
    height: 5px;
    /*width: 600px;*/
    background: transparent url('NavTab/VIVAHEALTH_MegaMenu_OrangeBar.jpg') center bottom repeat-x;
}

.flyoutcontentcolumn
{
    float: left;
    width: 200px;
/*    height: 200px;*/
    margin: 10px 10px;
}

div.flyoutcontentcolumn h3
{
	clear: both;
    color: #FF9933;
    font-size: 15px;
    padding: 5px 0px;
    text-align: left;
    margin: 20px 0px 0px 0px;
    background: transparent !important;
}

div.flyoutheaderlink
{
    margin: 5px 0px;
}

div.flyoutheaderlink a
{
    background: transparent !important;
    font-size: 15px !important;
    color: #FF9933 !important;
    text-decoration: none !important;
    padding: 5px 0px !important;
    /*height: 17px !important;*/
    height: auto !important;
    font-weight: normal !important;
    /*margin: 0px 0px;*/
    display: block;
}

li.flyoutlink
{
	clear: both !important;
	margin: 0px !important;
    width: 190px !important;
	line-height: normal !important;
    padding: 2px 5px 2px 5px !important;
}

.flyoutlink a
{
    /* Override the navigation styles from the tabs */
    padding: 0px !important;
    /*height: 17px !important;*/
    height: auto !important;
    color: #666666 !important;
    font-size: 13px !important;
    font-weight: normal !important;
    text-decoration: none !important;
    background: transparent !important;
}

div.flyoutcontentcolumn ul
{
    /*padding: 5px 0px 5px 5px;*/
    padding: 0px;
    margin-left: 0px;
}