BODY
{
    BACKGROUND: #e9dfcf url(../../../design/neuse/bg.jpg) center no-repeat;
    MARGIN: 0;
    BACKGROUND-SIZE: cover;
    -MOZ-BACKGROUND-SIZE: cover;
    -WEBKIT-BACKGROUND-SIZE: cover;
}

#frame
{
    MARGIN: 0 auto;
    WIDTH: 1012px;
}

#head
{
    BACKGROUND: #741409 url(../../../design/neuse/head.png) left top no-repeat;
    HEIGHT: 147px;
    MARGIN-BOTTOM: 19px;
    BOX-SHADOW: 0 0 5px rgba(0, 0, 0, 0.5);
    -MOZ-BOX-SHADOW: 0 0 5px rgba(0, 0, 0, 0.5);
    -WEBKIT-BOX-SHADOW: 0 0 5px rgba(0, 0, 0, 0.5);
}

#home1
{
    HEIGHT: 147px;
    LEFT: 0;
    OVERFLOW: hidden;
    PADDING-LEFT: 325px;
    POSITION: absolute;
    TOP: 0;
    WIDTH: 0;
}

#menu-top
{
    COLOR: #ffffff;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 20px;
    POSITION: absolute;
    RIGHT: 18px;
    TOP: 8px;
    TEXT-SHADOW: 1px 1px #641b12;
    -MOZ-TEXT-SHADOW: 1px 1px #641b12;
    -WEBKIT-TEXT-SHADOW: 1px 1px #641b12;
}

#menu-top A
{
    COLOR: #ffffff;
    DISPLAY: inline-block;
    HEIGHT: 20px;
    VERTICAL-ALIGN: middle;
}

#menu-top A:focus,
#menu-top A:hover
{
    COLOR: #f9f7d4;
}

#search
{
    DISPLAY: inline-block;
}

#search A
{
    BACKGROUND: transparent url(../../../design/neuse/search.png) right center no-repeat;
    PADDING-RIGHT: 25px;
}

#search:focus A,
#search:hover A
{
    BACKGROUND-IMAGE: url(../../../design/neuse/search-hover.png);
    COLOR: #f9f7d4;
}

#search DIV
{
    DISPLAY: none;
    LEFT: -19px;
    PADDING-TOP: 5px;
    POSITION: absolute;
    TOP: 20px;
}

#search FORM
{
    BACKGROUND-COLOR: rgba(255, 255, 255, 0.8);
    PADDING: 24px 15px;
    WIDTH: 197px;
}

#search:focus DIV,
#search:hover DIV
{
    DISPLAY: block;
}

#search-text
{
    BACKGROUND: transparent url(../../../design/neuse/search-text.png) left top no-repeat;
    BORDER: none;
    COLOR: #000000;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    HEIGHT: 33px;
    LINE-HEIGHT: 23px;
    PADDING: 5px 0 5px 8px;
    WIDTH: 164px;
    BORDER-RADIUS: 0;
    -MOZ-BORDER-RADIUS: 0;
    -WEBKIT-BORDER-RADIUS: 0;
    BOX-SHADOW: none;
    -MOZ-BOX-SHADOW: none;
    -WEBKIT-BOX-SHADOW: none;
}

#search-button
{
    BACKGROUND: transparent url(../../../design/neuse/search-button.png) left top no-repeat;
    DISPLAY: inline-block;
    HEIGHT: 0;
    MIN-WIDTH: 0;
    OVERFLOW: hidden;
    PADDING: 33px 0 0 0;
    WIDTH: 33px;
    BORDER-RADIUS: 0;
    -MOZ-BORDER-RADIUS: 0;
    -WEBKIT-BORDER-RADIUS: 0;
    BOX-SHADOW: none;
    -MOZ-BOX-SHADOW: none;
    -WEBKIT-BOX-SHADOW: none;
}

#home
{
    BACKGROUND: transparent url(../../../design/neuse/home.png) center no-repeat;
    OVERFLOW: hidden;
    PADDING-LEFT: 21px;
    WIDTH: 0;
}

#home:focus,
#home:hover
{
    BACKGROUND-IMAGE: url(../../../design/neuse/home-hover.png);
}

#body
{
    BACKGROUND: #ffffff url(../../../design/neuse/content.png) left bottom repeat-x;
    BACKGROUND-SIZE: 100% 100%;
    -MOZ-BACKGROUND-SIZE: 100% 100%;
    -WEBKIT-BACKGROUND-SIZE: 100% 100%;
    BOX-SHADOW: 0 0 5px rgba(0, 0, 0, 0.5);
    -MOZ-BOX-SHADOW: 0 0 5px rgba(0, 0, 0, 0.5);
    -WEBKIT-BOX-SHADOW: 0 0 5px rgba(0, 0, 0, 0.5);
}

#subhead
{
    PADDING: 16px;
}

#subhead:after
{
    CONTENT: ".";
    CLEAR: both;
    DISPLAY: block;
    HEIGHT: 0;
    OVERFLOW: hidden;
}

#menu-on,
#menu-switch,
#menu-off
{
    DISPLAY: none !important;
}

#menu
{
    FLOAT: left;
    HEIGHT: 343px;
    LINE-HEIGHT: 18px;
    WIDTH: 290px;
    Z-INDEX: 500;
}

#menu UL
{
    LIST-STYLE: none;
    MARGIN: 0;
    PADDING: 0;
}

#menu LI
{
    MARGIN: 0;
}

#menu A
{
    DISPLAY: block;
}

#menu > UL > LI > A
{
    HEIGHT: 65px;
    MARGIN-BOTTOM: 4px;
    OVERFLOW: hidden;
    PADDING-LEFT: 290px;
    WIDTH: 0;
}

/* subsequent levels */
#menu LI UL
{
    BACKGROUND-COLOR: rgba(255, 255, 255, 0.88);
    FONT-SIZE: 13px;
    HEIGHT: auto;
    MARGIN: -69px 0 0 290px;
    PADDING: 10px 0;
    POSITION: absolute;
    BOX-SHADOW: -4px 4px 4px rgba(0, 0, 0, 0.16);
    -MOZ-BOX-SHADOW: -4px 4px 4px rgba(0, 0, 0, 0.16);
    -WEBKIT-BOX-SHADOW: -4px 4px 4px rgba(0, 0, 0, 0.16);
}

#menu LI LI
{
    PADDING: 0 10px;
}

#menu LI LI A
{
    COLOR: #000000;
    PADDING: 5px 20px;
    WIDTH: 175px;
}

#menu LI LI A:focus,
#menu LI LI A:hover
{
    COLOR: #820000;
}

#menu LI LI A.active
{
    BACKGROUND: transparent url(../../../design/neuse/bullet-green.png) 6px 9px no-repeat;
    COLOR: #641b12;
}

#menu LI LI A.active:focus,
#menu LI LI A.active:hover
{
    BACKGROUND-IMAGE: url(../../../design/neuse/bullet-orange.png);
    COLOR: #820000;
}

/* 2nd+ levels */
#menu LI LI UL
{
    MARGIN: -38px 0 0 225px;
}

/* hide / show */
#menu LI UL,
#menu LI:hover LI UL,
#menu LI LI:hover LI UL,
#menu LI LI LI:hover LI UL
{
    LEFT: -99999px;
    OPACITY: 0;
    VISIBILITY: hidden;
}

#menu LI:hover UL,
#menu LI LI:hover UL,
#menu LI LI LI:hover UL,
#menu LI LI LI LI:hover UL
{
    LEFT: auto;
    OPACITY: 1;
    VISIBILITY: visible;
}

#menu LI UL
{
    TRANSITION: opacity 0.5s;
    -MOZ-TRANSITION: opacity 0.5s;
    -WEBKIT-TRANSITION: opacity 0.5s;
}

#banner
{
    BORDER: 10px solid #ffffff;
    FLOAT: right;
    HEIGHT: 323px;
    OVERFLOW: hidden;
    WIDTH: 664px;
    BOX-SHADOW: -3px 3px 5px rgba(0, 0, 0, 0.16);
    -MOZ-BOX-SHADOW: -3px 3px 5px rgba(0, 0, 0, 0.16);
    -WEBKIT-BOX-SHADOW: -3px 3px 5px rgba(0, 0, 0, 0.16);
}

#banner:focus,
#banner:hover
{
    OVERFLOW-Y: auto;
}

#content
{
    PADDING: 16px 26px 45px;
}

#foot
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 24px;
    PADDING: 16px 26px;
    TEXT-ALIGN: center;
}

#youtube,
#facebook
{
    BACKGROUND: #000000 url(../../../design/neuse/youtube.png) center no-repeat;
    DISPLAY: inline-block;
    HEIGHT: 22px;
    OVERFLOW: hidden;
    PADDING: 0 0 0 24px;
    VERTICAL-ALIGN: bottom;
    WIDTH: 0;
    BORDER-RADIUS: 3px;
    -MOZ-BORDER-RADIUS: 3px;
    -WEBKIT-BORDER-RADIUS: 3px;
}

#facebook
{
    BACKGROUND-IMAGE: url(../../../design/neuse/facebook.png);
}

#youtube:focus,
#youtube:hover,
#facebook:focus,
#facebook:hover
{
    BACKGROUND-COLOR: #820000;
}

#menu-lp
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    PADDING: 16px 13px;
    TEXT-ALIGN: center;
}

#menu-lp A
{
    COLOR: #000000;
    MARGIN: 0 13px;
}

#menu-lp A:focus,
#menu-lp A:hover
{
    COLOR: #820000;
}

#goto-top
{
    BACKGROUND: transparent url(../../../design/neuse/top.png) left top no-repeat;
    BOTTOM: 10px;
    HEIGHT: 48px;
    OPACITY: 0;
    OVERFLOW: hidden;
    PADDING-LEFT: 72px;
    POSITION: fixed;
    RIGHT: 15px;
    WIDTH: 0;
}

@media (max-width: 640px),
       (max-device-width: 640px)
{
    BODY
    {
        BACKGROUND-IMAGE: none;
        MARGIN-BOTTOM: 68px;
    }

    #frame
    {
        WIDTH: 100%;
    }

    #head
    {
        BACKGROUND-IMAGE:
            url(../../../design/neuse/mob-head2.png),
            url(../../../design/neuse/mob-head1.png);
        BACKGROUND-POSITION:
            left top,
            left top;
        BACKGROUND-REPEAT:
            no-repeat,
            repeat-x;
        MARGIN-BOTTOM: 0;
        BOX-SHADOW: none;
        -MOZ-BOX-SHADOW: none;
        -WEBKIT-BOX-SHADOW: none;
    }

    #menu-top
    {
        DISPLAY: none;
    }

    #body
    {
        BOX-SHADOW: none;
        -MOZ-BOX-SHADOW: none;
        -WEBKIT-BOX-SHADOW: none;
    }

    #menu-on,
    #menu-switch:checked ~ #menu > #menu-off
    {
        BACKGROUND-COLOR: #641b12;
        COLOR: #ffffff;
        DISPLAY: block !important;
        FONT-SIZE: 25px;
        HEIGHT: 31px;
        PADDING-TOP: 5px;
        POSITION: fixed;
        TEXT-ALIGN: center;
        TOP: -1px;
        RIGHT: 10px;
        WIDTH: 75px;
        Z-INDEX: 500;
        BOX-SHADOW: -3px 3px 7px rgba(0, 0, 0, 0.25);
        -MOZ-BOX-SHADOW: -3px 3px 7px rgba(0, 0, 0, 0.25);
        -WEBKIT-BOX-SHADOW: -3px 3px 7px rgba(0, 0, 0, 0.25);
    }

    #menu-on:focus,
    #menu-on:hover,
    #menu-off:focus,
    #menu-off:hover
    {
        BACKGROUND-COLOR: #820000;
    }

    #menu
    {
        BACKGROUND-COLOR: #ffffff;
        FLOAT: none;
        HEIGHT: 100%;
        LEFT: 0;
        OVERFLOW: hidden;
        OVERFLOW-Y: auto;
        POSITION: fixed;
        RIGHT: 0;
        TOP: -100%;
        WIDTH: 100%;
        Z-INDEX: 550;
        BOX-SHADOW: 0 3px 7px rgba(0, 0, 0, 0.25);
        -MOZ-BOX-SHADOW: 0 3px 7px rgba(0, 0, 0, 0.25);
        -WEBKIT-BOX-SHADOW: 0 3px 7px rgba(0, 0, 0, 0.25);
        TRANSITION: top 0.5s;
        -MOZ-TRANSITION: top 0.5s;
        -WEBKIT-TRANSITION: top 0.5s;
    }

    #menu-switch:checked ~ #menu
    {
        TOP: 0;
    }

    #menu LI
    {
        BACKGROUND-IMAGE: none !important;
        PADDING: 0 !important;
    }

    #menu LI A
    {
        WIDTH: auto !important;
    }

    #menu > UL > LI > A
    {
        BACKGROUND-COLOR: #641b12;
        COLOR: #ffffff;
        FONT-WEIGHT: bold;
        HEIGHT: auto;
        LINE-HEIGHT: 20px;
        MARGIN-BOTTOM: 2px;
        PADDING: 10px 20px;
        TEXT-SHADOW: 1px 1px 0px #222221;
        -MOZ-TEXT-SHADOW: 1px 1px 0px #222221;
        -WEBKIT-TEXT-SHADOW: 1px 1px 0px #222221;
    }

    #menu > UL > LI > A.active,
    #menu > UL > LI > A:focus,
    #menu > UL > LI > A:hover
    {
        BACKGROUND-COLOR: #820000;
    }

    #menu LI UL
    {
        BACKGROUND-COLOR: #ffffff;
        DISPLAY: block !important;
        LEFT: auto !important;
        MARGIN: 0 !important;
        OPACITY: 1 !important;
        PADDING: 0 !important;
        POSITION: static;
        VISIBILITY: visible !important;
        WIDTH: auto;
        BOX-SHADOW: none;
        -MOZ-BOX-SHADOW: none;
        -WEBKIT-BOX-SHADOW: none;
    }

    #menu > UL > LI > UL > LI
    {
        MARGIN-BOTTOM: 10px;
    }

    #menu > UL > LI > UL > LI > A
    {
        BORDER-BOTTOM: 1px solid #c6c7c8;
    }

    #subhead
    {
        PADDING: 0 0 16px 0;
        WIDTH: 100%;
    }

    #banner
    {
        BORDER: none;
        FLOAT: none;
        HEIGHT: auto;
        WIDTH: 100%;
        BOX-SHADOW: none;
        -MOZ-BOX-SHADOW: none;
        -WEBKIT-BOX-SHADOW: none;
    }

    #menu-lp
    {
        DISPLAY: none;
    }
}