@media all
{
    /*
    ================================
    Main body style information
    ================================
    */

    a:link
    {
        color: teal;
    }

    a:visited
    {
        color: navy;
    }

    a img
    {
        border: 0em;
    }


    div#main
    {
        margin-left: -1em;
        padding-bottom: 4em;
    }

    div#main h1
    {
        background-image:    url("./images/rope_border.gif");
        background-position: top left;
        background-repeat:   repeat-x;
        padding-top:         0.5em;
        clear:               both;
    }

    div#main h1:first-child
    {
        background-image: none;
    }

    /*
    ================================
    Header style information
    ================================
    #D3D3D3 = light gray
    */

    div#header
    {
        margin:        0.0em 0.0em 0.0em -2.5em;
        padding:       0.0em 0.0em 0.0em  0.0em;
        font-size:     small;
        font-weight:   bold;
        background:    white
                       url(./images/rivets.png)
                       repeat
                       0% 0%;        
        clear:         both;
        min-height:    100px;
    }

    div#header div
    {
        padding:      0em 0em 0em 1em;
    }        

    div#header img
    {
        float: right;
    }

    div.alpha
    {
        float:   right;
    }        

    div#header p
    {
        padding:   0.0em 0.0em 0.0em 10px;
        margin:    0.0em 0.0em 0.0em 0.0em;
    }

    div#header h1
    {
        padding:   0.0em 0.0em 0.0em 10px;
        margin:    0.0em 0.0em 0.0em 0.0em;
        font-size: xx-large;
    }

    div#header h2
    {
        padding:   0.0em 0.0em 0.0em 10px;
        margin:    0.0em 0.0em 0.0em 0.0em;
        font-size: medium;
    }

    div#header h3
    {
        padding:   0.0em 0.0em 0.0em 10px;
        margin:    0.0em 0.0em 0.0em 0.0em;
        font-size: small;
    }

    div#header-border
    {
        background-image:    url("./images/chainlink.jpg");
        background-position: top left;
        background-repeat:   repeat-x;
        clear:         right;
        margin:        0.0em 0.0em 0.1em -2.5em;
        padding:       0em;
    }



    /*
    ================================
    Footer style information
    ================================
    #D3D3D3 = light gray
    */

    div#footer
    {
        border-top:  medium ridge #D3D3D3;
        padding-top: 1em;
        margin-top:  0.5em;
        clear:       both;
    }

    div#footer img
    {
        float: left;
    }

    /*
    ================================
    Button style information
    ================================
    #000080 = dark blue
    #D3D3D3 = light gray
    */

    .button
    {
        font:             bold small sans-serif;
        color:            #000080;
        text-align:       center;
        background-color: white;
        border:           medium outset #C0C0C0;
        padding:          0.1em;
        margin:           0.1em;
        float:            left;
    }

    .button a
    {
        text-decoration:  none;
    }


    .button-inactive
    {
        font:             bold small sans-serif;
        color:            #000000;
        text-align:       center;
        background-color: #C0C0C0;
        border:           medium outset #D3D3D3;
        padding:          0.1em;
        margin:           0.1em;
        float:            left;
    }

    .oneChar
    {
        width: 1.5em;
    }

    /*
    ================================
    Picture frame style information
    ================================
    #D3D3D3 = light gray
    */

    .frame
    {
        font:             bold small sans-serif;
        border:           medium ridge #D3D3D3;
        text-decoration:  none;
        padding:          0.0em;
        margin:           0.1em;
        color:            #D3D3D3;
        background-color: white;
    }

    .caption
    {
        font:             normal small sans-serif;
        border:           medium outset #D3D3D3;
        text-align:       center;
        text-decoration:  none;
        padding:          0.1em;
        margin:           0.1em;
        color:            navy;
        background-color: white;
        display:          block;
    }

    .thumb
    {
        float:            left;
        padding:          0.5em;
        height:           150px;
        width:            150px;
        color:            navy;
        background-color: white;
    }
/*
    .slideshow
    {
        width:            600px;
        text-align:       center;
    }
*/

    .thumb p
    {
        font:             normal small sans-serif;
        border:           medium outset #D3D3D3;
        text-align:       center;
        text-decoration:  none;
        padding:          0.1em;
        margin:           0.1em;
    }


    /*
    ===============================
    Logbook style information
    ===============================
    */

    span.news-year
    {
        font:    bold small monospace;
        display: block;
        float:   left;
        clear:   left;
    }

    .logbook
    {
        font:           medium serif;
        text-align:     left;
        padding-bottom: 4.0em;
        padding-right:  0.25em;
    }

    div.log-sub-header
    {
        font-weight:    bold;
        text-align:     center;
        border-bottom:  medium ridge #D3D3D3;
        padding-bottom: 0.1em;
        margin-bottom:  0.1em;
        margin-left:    -1.0em;
    }

    .log-issue
    {
        display: block;
        float:   left;
    }

    .log-date
    {
        display: block;
        float:   right;
    }

    /*
    ================================
    Edited text style information
    ================================
    */

    del
    {
       text-decoration: line-through;
    }

    ins
    {
        color:           red;
        font-style:      italic;
        text-decoration: none;
    }

    /*
    ================================
    Definition list style information
    ================================
    */

    dt
    {
       font-weight: bold;
    }

    /*
    ========================================
    Citation and ship name style information
    ========================================
    */

    cite
    {
        font-weight: bold;
        font-style:  italic;
    }

    cite.book
    {
        font-weight:     normal;
        font-style:      normal;
        text-decoration: underline;
    }

    span.ship-name
    {
        font-weight: bold;
        font-style:  italic;
    }

    /* intended to be duplicate of 'ship-name', which is used by a parser
       to extract ship names for an index (we don't want to include nicknames
       in that index
    */
    span.ship-nickname
    {
        font-weight: bold;
        font-style:  italic;
    }

    span.ship-class
    {
        font-weight:  bold;
        font-variant: small-caps;
    }

    /*
    ========================
    Roster style information
    ========================
    */

    #print-roster td
    {
        font-size:      small;
        font-family:    serif;
        vertical-align: top;
        border-bottom:  0.05em solid black;
        padding-right:  0.5em;
        margin-right:   0em;
        margin-left:    0em;
    }

    #print-roster th
    {
        text-align:     left;
        font-size:      small;
        font-family:    serif;
        font-weight:    bold;
        vertical-align: top;
        border-bottom:  0.2em double black;
        padding:        0em 0.5em 0em 0em;
        margin:         0em 0em 0.5em 0em;
    }

    .member-name
    {
        font-weight: bold;
    }

    .member-level-key
    {
        font-size:   small;
        font-weight: normal;
    }

    .member_level
    {
        color:      gray;
        text-align: center;
    }

    .map_link
    {
        font-size: smaller;
        color:     teal;
    }

    /*
    ======================
    Link style information
    ======================
    */

    .inline-menu li
    {
        float:            left;
        list-style-type:  none;
        padding-left:      20px;
        padding-right:     10px;
        margin-bottom:    0.5em;
        white-space:      nowrap;
       /* list-style-image: url("./images/deadeye.jpg"); */
        background-image:    url("./images/deadeye.jpg");
        background-position: left center;
        background-repeat:   no-repeat;
    }

    .inline-menu a
    {
        text-decoration: none;
    }

    .toTop
    {
        font-size: small;
        float:     right;
    }

    .toTop a:link
    {
        color: gray;

    }

    .toTop a:visited
    {
        color: gray;
    }

    /*
    ===============================
    Miscellaneous style information
    ===============================
    Padding is IE6.0 kludge, box properties not calculated correctly
    and frame is chopped off at the bottom.  This does not scale -
    if wider frame is specified, more margin is required.  Padding
    is not required in Netscape 7
    */

    .float-right
    {
        float:      right;
        text-align: center;
        padding:    0.3em;
    }

    .float-left
    {
        float:      left;
        text-align: center;
        padding:    0.3em;
    }

    .all
    {
        margin:  0em;
        padding: 0em;
        clear:   both;
    }

    .centered
    {
       text-align: center;
    }

    img.help
    {
        vertical-align: text-bottom;
        height: 1em;
    }

    /*
    ===============================
    Mystery photo style information
    ===============================
    */

    div#mystery
    {
        text-align: center;
    }

    div#mystery h1
    {
        font-size:   xx-large;
        font-weight: bolder;
    }

    .mystery-answer
    {
        font-size: small;
    }

    .Clues, .GridClues
    {
        font-size:   small;
        font-family: Times New Roman, Times;
    }

    .PuzTitle
    {
        font-size:   15pt;
        color:       #800000;
        font-weight: bold;
    }

    .CopyTag
    {
        font-size: 10pt;
        color:     #000000
    }

    /*
    ===============================
    Form style information
    ===============================
    */

    label.left-align
    {
        width: 20ex;
        float: left;
        margin-right: 0.5em;
        display: block
    }

    form tr
    {
        vertical-align: top;
    }

    input
    {
        margin-left: 0em;
    }
    
    input[type="text"], input[type="password"]
    {
        color: #000080;
        background: #FFF8DC;
        border: 1px solid #000080;
    }

    .submit input
    {
        margin-left: 12ex;
        color: #000080;
        background: #E0FFFF;
        border: 2px outset #d7b9c9
    }

    fieldset
    {
        border: ridge #B0E0E6;
        margin-top: 1em;
        margin-left: 1ex;
    }

    legend
    {
        color: #000080;
        padding: 0.25ex
    } 
}

@media screen
{
    /*
    ================================
    Main body style information
    ================================
    */

    html
    {
        overflow: scroll;
    }

    body, body.hrsms
    {
        margin:       0em;
        padding:      0em 0.5em 0em 11.5em;
        
        color:        navy;

        background:   white
                      url(./images/ironclad_back.gif)
                      repeat
                      fixed
                      50% 50%;

        height:       100%;

        overflow-y:   auto;

        font-family:  serif, "Comic Sans MS", "Trebuchet MS";
    }

    body.popup 
    {
        padding: 0em 0em 0em 0em;
    }    

    /*
    ================================
    Navigation bar style information
    ================================
    #C00000 = dark red
    */
    
    div#navbar
    {
        margin:            0em;
        padding:           0.5em;

        position:          fixed;
        left:              0em;
        top:               0em;

        width:             8.5em;
        height:            100%;

        border:            1px solid black;

        color:             black;

        background:        white
                           url(./images/deck.gif)
                           repeat
                           0% 0%;

        line-height:       1.25em;
        font-weight:       bold;
    }

    div#navbar ul
    {
        list-style-type:     none;
        list-style-position: outside;

        margin-left:         0em;
        padding-left:        0em;

        display:             block;
        width:               10em;

        text-transform:      uppercase;
        white-space:         nowrap;

        font-size:           small;
    }

    div#navbar a
    {
        color:           navy;
        text-decoration: none;
    }

    div#navbar a:visited
    {
        text-decoration: none;
    }

    div#navbar a:link:hover
    {
        color: #C00000;
    }

    div#navbar h1
    {
        font-size: x-large;
        margin:    0.00em;
    }

    div#navbar h2
    {
       font-size:      large;
       margin:         0.00em;
       text-transform: uppercase;
    }

    div#navbar img
    {
        width:          100%;
    }

    div#navbar li#homeitem
    {
        background-image:    url("./images/rope_border.gif");
        background-position: bottom left;
        background-repeat:   repeat-x;
        padding-bottom:      0.5em;
    }

    /*
    ================================
    Button style information
    ================================
    #000080 = dark blue
    */

    .index-button a:hover
    {
        color:            white;
        background-color: #000080;
    }
}

@media print
{
    body
    {
        margin:           0em 0em 0em 2ex;
        padding:          0.5em;
        
        color:            black;

        background-color: white;

        height:           100%;

        font-family:      serif;
    }
    
    div#header
    {
        background: white;
    }

    /*
    ================================
    Navigation bar style information
    ================================
    */

    div#navbar
    {
        display: none;
    }

    /*
    ======================
    Link style information
    ======================
    */

    .toTop
    {
        display: none;
    }

    /*
    ================================
    Footer style information
    ================================
    #D3D3D3 = light gray
    */

    div#footer
    {
        display: none;
    }
}