@media screen
{
    /* generic */

    .tier, .row
    {
        clear: both;
        margin: 0 auto;
        overflow: hidden;
        text-align: left;
    }
    .col
    {
        float: left;
        min-height: 1px;
        overflow: hidden;
    }
    .tier, .row, .row1 .col1, .row4 .col4, #window
    {
        width: 720px;
    }
    .row4 .col1
    {
        width: 180px;
    }
    .row4 .col2
    {
        width: 360px;
    }
    .row4 .col3, .row4 .col3 .row1 .col1
    {
        width: 540px;
    }
    .row8 .col1
    {
        width: 90px;
    }
    .row8 .col3
    {
        width: 270px;
    }
    .row8 .col4
    {
        width: 360px;
    }
    .border
    {
        background-repeat: repeat-y;
    }
    .border.right
    {
        background-position: top right;
    }
    .border.blue
    {
        background-image: url(../images/border-blue.gif);
    }
    .border.green
    {
        background-image: url(../images/border-green.gif);
    }
    .border.orange
    {
        background-image: url(../images/border-orange.gif);
    }
    .border.purple
    {
        background-image: url(../images/border-purple.gif);
    }
    .border.red
    {
        background-image: url(../images/border-red.gif);
    }
    .padding
    {
        padding: 17px;
    }
    .padding-x-y
    {
        padding: 12px 24px;
    }
    .padding-x
    {
        padding: 0 24px;
    }
    .padding-y
    {
        padding: 12px 0;
    }
    .align.left
    {
        text-align: left;
    }
    .align.right
    {
        text-align: right;
    }
    .align.right img
    {
        margin: 0 0 0 auto;
    }
    .scroll
    {
        height: 100%;
        overflow: auto;
        scrollbar-arrow-color: #ffffff;
        width: 100%;
    }
    .scroll-y
    {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .border.blue .scroll
    {
        scrollbar-3dlight-color: #00aeef;
        scrollbar-base-color: #bfebfb;
        scrollbar-darkshadow-color: #00aeef;
        scrollbar-face-color: #00aeef;
        scrollbar-highlight-color: #00aeef;
        scrollbar-shadow-color: #00aeef;
        scrollbar-track-color: #bfebfb;
    }
    .border.green .scroll
    {
        scrollbar-3dlight-color: #39b54a;
        scrollbar-base-color: #cdecd2;
        scrollbar-darkshadow-color: #39b54a;
        scrollbar-face-color: #39b54a;
        scrollbar-highlight-color: #39b54a;
        scrollbar-shadow-color: #39b54a;
        scrollbar-track-color: #cdecd2;
    }
    .border.orange .scroll
    {
        scrollbar-3dlight-color: #f89828;
        scrollbar-base-color: #fde5c9;
        scrollbar-darkshadow-color: #f89828;
        scrollbar-face-color: #f89828;
        scrollbar-highlight-color: #f89828;
        scrollbar-shadow-color: #f89828;
        scrollbar-track-color: #fde5c9;
    }
    .border.purple .scroll
    {
        scrollbar-3dlight-color: #db87b9;
        scrollbar-base-color: #f6e1ed;
        scrollbar-darkshadow-color: #db87b9;
        scrollbar-face-color: #db87b9;
        scrollbar-highlight-color: #db87b9;
        scrollbar-shadow-color: #db87b9;
        scrollbar-track-color: #f6e1ed;
    }
    .border.red .scroll
    {
        scrollbar-3dlight-color: #d2232a;
        scrollbar-base-color: #f4c8ca;
        scrollbar-darkshadow-color: #d2232a;
        scrollbar-face-color: #d2232a;
        scrollbar-highlight-color: #d2232a;
        scrollbar-shadow-color: #d2232a;
        scrollbar-track-color: #f4c8ca;
    }
    .active
    {
        background-color: inherit;
        color: red;
    }
    .loading
    {
        background: url(images/loading.gif) center center no-repeat transparent;
    }
    .block
    {
        background: url(../images/block.png) top left repeat transparent;
        color: #ffffff;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }
    .popup
    {
        background: transparent;
        color: #ffffff;
        height: 100%;
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 2;
    }
    .popup img
    {
        margin: 12px auto 0 auto;
    }
    .popup a
    {
        background-color: transparent;
        color: #ffffff;
        font-weight: bold;
    }
    .show
    {
        display: block;
    }
    .hide
    {
        display: none;
    }
    
    /* specific */
    
    #frame
    {
        background-color: #cbccce;
        overflow: hidden;
        text-align: center;
    }
        #window
        {
            background-color: #ffffff;
            margin: 12px auto 0 auto;
            min-height: 100%;
            overflow: hidden;
        }
            #head
            {
                background-color: #fff200;
                color: #17479e;
                height: 89px;
            }
                #logo h1
                {
                    display: none;
                }
                #logo a
                {
                    background: url(../images/logo.gif) top left no-repeat transparent;
                    display: block;
                    height: 27px;
                    margin: 6px 0;
                    width: 199px;
                }
                #owner
                {
                    text-align: right;
                }
                #owner h2
                {
                    display: none;
                }
                #owner a
                {
                    background: url(../images/owner.gif) top left no-repeat transparent;
                    display: block;
                    height: 76px;
                    margin: 6px 0 0 auto;
                    width: 120px;
                }
                #menu ul, #menu li
                {
                    display: block;
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }
                #menu li
                {
                    float: left;
                }
                #menu a
                {
                    background-color: inherit;
                    color: #17479e;
                    display: block;
                    font-weight: bold;
                    padding: 6px 12px 6px 12px;
                    text-decoration: none;
                }
                #menu a:hover, #menu a.active
                {
                    background-color: #17479e;
                    color: #fff200;
                }
            #body
            {
                background: url(../images/body.gif) top left no-repeat transparent;
            }
                #main
                {
                    height: 408px;
                }
                #main .col3, #main .col4
                {
                    background-color: #ffffff;
                    color: inherit;
                    height: 360px;
                    margin: 24px 0 0 0;
                }
                #main h1, #main a
                {
                    background-color: inherit;
                    color: #00aeef;
                }
                #main h2, #main h3, #main p, #main ul, #main li
                {
                    background-color: inherit;
                    color: #17479e;
                }
                #main ul
                {
                    clear: both;
                    padding: 6px;
                }
                #main li
                {
                    list-style: disc;
                    margin-left: 18px;
                    padding: 0;
                }
                #main .slideimage, #main .slidemenu
                {
                    float: right;
                    margin-right: 12px;
                    margin-top: 12px;
                }
                #main .slidemenu ul, #main .slidemenu li
                {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }
                #main .slidemenu li
                {
                    margin-bottom: 12px;
                }
                #main .specificationtabmenu ul, #main .specificationtabmenu li, #main .locationtabmenu ul, #main .locationtabmenu li
                {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }
                #main .specificationtabmenu li, #main .locationtabmenu li
                {
                    float: left;
                    padding: 6px 0 6px 6px;
                }
                #main .specificationtabmenu a, #main .locationtabmenu a
                {
                    font-weight: bold;
                }
                #main .specificationtabmenu a.active, #main .locationtabmenu a.active
                {
                    background-color: inherit;
                    color: #17479e;
                    text-decoration: none;
                }
                #main .specificationtab, #main .locationtab
                {
                    clear: both;
                }
                #main hr
                {
                    border: 1px dotted #17479e;
                    border-color: #17479e #ffffff #ffffff #ffffff;
                    border-width: 1px 0 0 0;
                    margin: 6px;
                }
            #foot
            {
                background-color: #fff200;
                color: #17479e;
            }
                #legal
                {
                    text-align: center;
                }
}