div#logo {
    float: left;
    margin: 0;
    padding: 0;
}

div#nupack_and_menu {
    /* margin-left: 160px; */ /* space for the logo */
    position: relative;
    min-height: 70px;
}

div#nupack_text {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

div#nupack_text img {
    border: none;
}

div#navmenu_exterior {
    position: relative;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    font-size: 13pt;
    min-width: 5em;
    max-width: 100%;
    width: inherit;
    height: 2em;
    border: 0px;
    background: url('/images/main_nav_background.png') repeat-x;
    background-color: #FFA700;
}

div#menus {
    font-size: 11pt;
    width: inherit;
/*
    min-width: 50em;
    max-width: 690px;
*/
    clear: left;
    text-align: left;
}

table.menu {
    position: relative;
    border: 0px dashed red;
    vertical-align: middle;
    height: 2em;
    font-size: 13pt;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
    color: white;
    border-collapse: collapse;

    width: 100%;
/*
    max-width: 15em;
*/
/*
    border: 1px solid #009Bff;
*/
}


table.menu_download {
    position: relative;
    float: right;
    margin-left: auto;
    height: 2em;
    margin-bottom: auto;
    margin-right: -2px;
    margin-top: -2em;
    font-size: 13pt;
    width: inherit;
    max-width: 10em;
    text-align: right;
    color: white;
/*
    border: 1px solid #00ccff;

*/
    padding: 0px;
}

div#submenu_placeholder {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    margin-top: -2px;
    margin-left: 0px;
    font-size: 11pt;
    min-width: 0em;
    height: 2em;
}


div#submenu_exterior {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    margin-top: 0px;
    margin-left: 0px;
    font-size: 11pt;
    min-width: 0em;
    max-width: 100%;
    height: 2em;

    border-right: 0px solid #FF9B06;

    background-color: #89df55;


/*
    border-left: 2px solid #FF9B06;
*/

}


table.submenu{
    position: relative;
    border: 0px;
    padding :0px;
    margin-left: 0px;
    border: 0px dashed red;
    width:100%;
    font-size: 11pt;
    height: 2em;
    border-collapse: collapse;
    background: url('/images/sub_nav_background.png') repeat-x bottom;
    background-color: #BCED9E;
/*
    float: right;
*/
    color: white;
/*
    border: 1px solid #000;
*/
}

table.submenu td{
   border: 0px dashed red;
}

ul.menu, ul.submenu {
    padding: 0;
    margin: 0;
}

/* menu title styles */
div.menu_title  {
    padding: 0;
    text-align: center;
    vertical-align: middle;
/*
    width: 8em;
*/

    margin: 0;
/*
    border: 1px dashed #ff0000;
*/
    display: block;
}

div.submenu_title  {
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 4em;

    margin: 0;
/*
    border: 1px dashed #ff0000;
*/
    display: block;
}

/*
ul.submenu   {
    height: 30px;
}
*/

/* all direct children of menu and submenu ul's get floated left (includes corners) */
table.submenu td {
    font-size: 13pt;
/*
    border: 1px solid #000;
*/
}

table.submenu div.menu_title   {
    font-size: 11pt;
    min-width: 4em;
}


table.menu > td {
    float: left;
    max-width: 8em;
    background-color: #FF9B06;
}

table.menu a, table.menu_download a,table.submenu a {
        color: inherit;
        background: inherit;
        text-decoration: none;
        display: block;
}

table.menu a {
        font-size: 13pt;
}

table.submenu a {
        font-size: 11pt;
}


                            /* currently selected menu */
table.menu td.menu_item:hover, table.menu td.menu_item.current_menu
{
    color: #46f;
    background: url('/images/main_nav_background_hi.png') repeat-x;
    background-color: #FFD798;

}

table.menu_download td.menu_item:hover, table.menu_download td.menu_item.current_menu{
    color: #46f;
    background: url('/images/main_nav_background_hi.png') repeat-x;
    background-color: #FFD798;

}


table.submenu td.menu_item:hover, table.submenu td.menu_item.current_menu {
    color: #46f;
    background: url('/images/sub_nav_background_hi.png') repeat-x bottom;
    background-color: #C3F2B4; /*#94E878;*/
}

table.menu_help td.menu_item:hover, table.menu_help td.menu_item.current_menu {
    color: #46f;
    background: url('/images/sub_nav_background_hi.png') repeat-x bottom;
    background-color: #C3F2B4;
}


/* some submenu items we don't want to highlight on mouseover */
table.submenu td.menu_item.no_highlight:hover {
    color: white;
    background: url('/images/sub_nav_background.png') repeat-x bottom;
    background-color: inherit;
}

table.menu td.menu_item.no_highlight:hover {
    color: white;
    background: url('/images/main_nav_background.png') repeat-x;
    background-color: inherit;
}


/* close the gap between the corners and the outer menu entries */
table.menu td.menu_item.left_end {
    border-left-width: 0px !important;
    padding: 0px;
}

table.menu td.menu_item.right_end {
    border-right-width: 0px !important;
    padding: 0px;
}

table.sub_menu td.menu_item.left_end {
    border-left-width: 0px !important;
    padding: 0px;
}

table.sub_menu td.menu_item.right_end {
    border-right-width: 0px !important;
    padding: 0px;
}

table.menu td.menu_item{
    min-width: 8em;
    width: 8em;
/*
    border: 1px #000 solid;
*/
}

table.menu td.menu_item.right_end{
    min-width: 8em;
    width: 8em;
}


table.menu td.corner {
    min-width: 20px;
}

/* round corners */
 table.submenu td.corner {
    min-width: 20px;
}

table.submenu td.menu_item{
    padding: 4px;
    margin: 0px;
/*
    border: 1px dashed #ff0000;
*/
}


table.menu td.menu_item.no_highlight{
    width: 100%;
    min-width: 0em;
    padding: 0px;
    margin: 0px;
}

table.submenu td.menu_item.no_highlight{
    width: 1em;
    padding: 0px;
    margin: 0px;
}

table.submenu td.menu_item.no_highlight.middle {
    min-width: 8em;
    max-width: 8em;
    padding: 1px;
    margin: 0px;
    border: 1px;
}

table.submenu td.menu_item.left_end{
    min-width: 4em;
    max-width: 4em;
    padding: 0px;
    margin: 3px;
    text-align: center;
}

table.submenu td.menu_item.reference {
    min-width: 6em;
    max-width: 6em;
    text-align: center;
    margin: 0px;
}

table.submenu td.menu_item.no_highlight.left_end {
    min-width: 4em;
    max-width: 4em;
    padding: 0px;
    margin: 0px;
}


table.submenu td.menu_item.right_end{
    min-width: 4em;
}


table.menu td.left_round_corner {
    background: url('/images/main_nav_background_left_round_corner_white.png') no-repeat left top;
/*
    background-position: top;
*/
    height: 2em;
    width: 20px;
    font-size: 13pt;
    padding: 0;
    background-color: #FFA700;
}

table.menu td.right_round_corner {
    background: url('/images/main_nav_background_right_round_corner_white.png') no-repeat right top;
    height: 2em;
    width: 20px;
    font-size: 13pt;
    padding: 0px;
    margin-right: 3px;
    background-color: #FFA700;
}

table.submenu td.left_round_corner {
    background: url('/images/sub_nav_left_round_corner_white.png') no-repeat left bottom;
    max-width: 20px;
    padding: 0px;
    background-color: #BCED9E;
}

table.submenu td.right_round_corner {
    background: url('/images/sub_nav_right_round_corner_white.png') no-repeat right bottom;
    width: 20px;
    padding: 0px;
    background-color: #BCED9E;
}

table.submenu td.left_square_corner {
    font-size:11pt;
    max-width:20px;
    padding:0px;
}
