/* 
Main Navigation Bar */
div#MainNav {
    clear: both;
    height: 29px;
    border: none;
    background: url("http://media.skyandtelescope.com/designimages/bkgrd_NavBar_200w29h.jpg") repeat-x top;
    padding: 0px;
}
div#MainNav table.MainNav {
    margin: 0px auto;
    height: 29px;
    line-height: normal;
    font-family: Arial;
}
div#MainNav table.MainNav td.Separator {
    padding: 0px 0px 3px 0px;
    color: #F0F0F0;
    font-size: 15px;
    font-weight: normal;
}
div#MainNav table.MainNav td.Option {
    color: #F0F0F0;
    font-size: 15px;
    font-weight: bold;
}
div#MainNav table.MainNav a.Option_off {
    display: block;
    padding: 4px 20px 3px 20px;
    color: #F0F0F0;
    white-space: nowrap;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
div#MainNav table.MainNav a.Option_off:hover {
    color: #FFFFFF;
    text-decoration: none;
}
div#MainNav table.MainNav a.Option_on {
    display: block;
    padding: 4px 20px 3px 20px;
    color: #FFFFFF;
    white-space: nowrap;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
div#MainNav table.MainNav a.Option_on:hover {
    color: #FFFFFF;
    text-decoration: none;
}


div#MainNav div.DropDownContainer {
    position: relative;
    top: 0px;
    left: 0px;
    height: 0px;
}
div#MainNav div.DropDown {
    display: none;
    position: absolute;
    top: 1px;
    left: -1px;
    z-index: 999; /* Needs to always be on-top */
}

div.DropDown ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
div.DropDown ul li.Option {
    display: block;
    text-align: left;
    white-space: nowrap;
}
div.DropDown ul a.SubOption {
    display: block;
    width: 120px;
    border: solid 1px #292B44;
    border-top: none;
    background: #2A4B85;
    padding: 4px 25px 5px 5px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
div.DropDown ul a.SubOption:hover {
    background: #292B44;
    color: #FFFFFF;
    text-decoration: none;
}
div.DropDown ul a.SubOption_on, 
div.DropDown ul a.SubOption_on:hover {
    display: block;
    width: 120px;
    border: solid 1px #292B44;
    border-top: none;
    background: #292B44;
    padding: 4px 25px 5px 5px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

div#MainNav div.FlyOut {
    display: none;
    position: absolute;
    left: 150px;
    z-index: 999; /* Needs to always be on-top */
}

div.FlyOut ul a.SubOption:hover {
    background: #292B44;
    color: #FFFFFF;
    text-decoration: none;
}

div.FlyOut ul {
    list-style: none;
    margin: 0px;
    border-top: solid 1px #292B44;
    padding: 0px;
}
div.FlyOut ul li.Option {
    display: block;
    text-align: left;
    white-space: nowrap;
}
div.FlyOut ul a.SubOption {
    display: block;
    width: 135px;
    border: solid 1px #292B44;
    border-top: none;
    background: #2A4B85;
    padding: 4px 25px 5px 5px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
div.FlyOut ul a.SubOption:hover {
    background: #292B44;
    color: #FFFFFF;
    text-decoration: none;
}