html{
                margin:0;
                padding:0;
                height:100%;
                border:none;
}
body{
                background:#00284d url(images/bg.jpg) top left repeat-x;
                margin:0;
                padding:0;
                height:100%;
                border:none;
                font:normal 12px Verdana,Tahoma,Arial;
}

h2{
                font-size:20px;
                line-height:28px;
                font-weight:normal;
                font-family:Tahoma, Arial, Verdana, sans-serif;
                color:#ffc800;
}
h3{
                font-size:16px;
                line-height:24px;
                font-weight:bold;
                font-family:Tahoma, Arial, Verdana, sans-serif;
                color:#ffc800;
}
.password{
                font-size:10px;
                line-height:24px;
                font-weight:bold;
                font-family:Tahoma, Arial, Verdana, sans-serif;
                color:#000000;
}

a,a:hover{
                color:#FFF;
}
.album_info a,.album_info a:hover{
                color:#FFF;
}

.leftbar {
                width:220px;
                background-color: #ffc800;
                padding-bottom:30px;
                border-right:10px solid #000;
}
.leftbar input.field{
                width:80px;
                margin-top:10px;
                font-size:12px;
}
.leftbar input.go{
                width:80px;
                margin-top:10px;
                margin-left:103px;
                font-size:12px;
                font-family:Verdana;
}
.leftbar label{
                display:block;
                float:left;
                width:80px;
                padding-left:20px;
                padding-top:12px;
                font-weight:bold;
                color:#1c7f3a;
}

.leftbar .navtitle{
                display:block;
                width:186px;
                padding-left:34px;
                text-align:left;
                text-decoration:none;
                font-size:18px;
                line-height:38px;
                font-weight:bold;
                color:#000;
                font-family:Tahoma, Arial, Verdana, sans-serif;
}

.maintable{
                /*background:#00284d url(/images/bg.jpg) top left repeat-x;*/
                height:100%;
}
.content{
                padding:0 25px 25px 25px;
                color:#FFF;
}

th.box{
                background-color:#ffc800;
                border-top:3px solid #000000;
                height:28px;
                line-height:28px;
                font-size:14px;
                font-family:Arial, Helvetica, sans-serif;
                text-align:left;
                color:#000;
                padding:0 10px;
}
td.box{
                background-color:#FFFFFF;
                line-height:16px;
                font-size:12px;
                font-family:Tahoma, Arial, Verdana, sans-serif;
                text-align:left;
                color:#000;
                padding:10px;
}
td.box a{
                color:#0062c0;
                text-decoration:none;
}
td.box a:hover{
                color:#0062c0;
                text-decoration:underline;
}

td.weatherbox{
                text-align:center;
                padding:0;
                padding-bottom:6px;
                background:#FFF url(images/weather.ctnr.bg.gif) top left repeat-x;
                border-top:3px solid #000000;
}

.rightsponsors{
                width:173px;
                padding-left:10px;
                text-align:center;
}
.sponsorad{
                border:0;
                margin:0;
                margin-bottom:10px;
}

.photooftheweek{
                border:1px solid #FFF;
}

a.nav, a.nav:hover{
                display:block;
                width:186px;
                padding-left:34px;
                text-align:left;
                text-decoration:none;
                font-size:28px;
                line-height:38px;
                font-weight:bold;
                font-family:Tahoma, Arial, Verdana, sans-serif;
}
a.nav{
                color:#1c7f3a;
}
a.nav:hover{
                color:#000;
}

/* CAPTAIN AND MARINA LISTINGS */

div.captain_list{
        float:left;
        width:300px;
        height:72px;
        line-height:18px;
        color:#000;
        background-color:#FFF;
        border:1px solid #000;
        border-left:1px solid #6e93fc;
        border-top:1px solid #6e93fc;
        margin:10px;
        padding:10px;
}
div.captain_list a{
        color:#456ddd;
        text-decoration:none;
}
div.captain_list a:hover{
        color:#456ddd;
        text-decoration:underline;
}

div.marina_list{
        float:left;
        width:300px;
        height:54px;
        line-height:18px;
        color:#000;
        background-color:#FFF;
        border:1px solid #000;
        border-left:1px solid #6e93fc;
        border-top:1px solid #6e93fc;
        margin:10px;
        padding:10px;
}
div.marina_list a{
        color:#456ddd;
        text-decoration:none;
}
div.marina_list a:hover{
        color:#456ddd;
        text-decoration:underline;
}

a.region_link{
        display:block;
        height:16px;
        font:bold 14px Arial;
        padding:6px;
        background-color:#1c63a9;
        color:#EEE;
        text-decoration:none;
        clear:both;
}
a.region_link:hover{
        color:#FFF;
        text-decoration:underline;
}

/* CAPTAIN AND MARINA PAGES */

div.detail_info{
        float:left;
        width:690px;
        line-height:18px;
        color:#000;
        background-color:#FFF;
        border:1px solid #000;
        border-left:1px solid #6e93fc;
        border-top:1px solid #6e93fc;
        margin:10px 0;
        padding:10px;
}
div.detail_info a{
        color:#456ddd;
        text-decoration:none;
}
div.detail_info a:hover{
        color:#456ddd;
        text-decoration:underline;
}

div.links_list{
        float:left;
        width:324px;
        line-height:18px;
        font-size:10px;
        color:#000;
        background-color:#FFF;
        border:1px solid #000;
        border-left:1px solid #6e93fc;
        border-top:1px solid #6e93fc;
        margin:10px 0;
        padding:10px;
}
div.links_list a{
        color:#456ddd;
        text-decoration:none;
}
div.links_list a:hover{
        color:#456ddd;
        text-decoration:underline;
}



#hintbox{ /*CSS for pop up hint box */
    position:absolute;
    width:190px;
    top:0;
    left:0;
    background-color:#FFF;
    border-bottom:1px solid #999;
    font:normal 12px Tahoma,Verdana,Arial;
    color:#373323;
    text-align: left;
    font-weight:normal;
    visibility: hidden;
    line-height:16px;
    z-index:100;
}
#hintbox div.hint_ctnr{
                border:1px solid #BCBCBC;
                padding:2px;
}
#hintbox div.hint_message{
    background: #FFF url(../images/tooltips/bg.gif) top left repeat-x;
                padding:7px;
}
#hintbox div.hint_arrow{
                background: url(../images/tooltips/arrow.gif) top left no-repeat;
                width:13px;
                height:8px;
                position:absolute;
                margin-left:88px;
                margin-top:-7px;
}