.page .main .left .article
{
    position:relative;
    width:100%;
}

.page .main .left .article a.icon
{
    position:relative;
    float:right;
}

.page .main .left .article span.eventdate
{
    display:block;
    clear:both;
    font-style:italic;
}

.controlpanel
{
    position:fixed;
    bottom:5px;
    right:5px;
    width:100px;
    background-color:White;
    border:1px solid blue;
    text-align:center;
    font-size:12pt;
    z-index:1000;
}

#SliderPanel img{width:100%;}
#SliderPanel .caption 
{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    color:black;
    font-size:0.75em;
    background:white;
    background:transparent;
    background:rgba(255,255,255,0.7);
}

.page .main .left .socialsharing
{
    position:relative;
    float:left;
    width:100%;
    margin:10px 0 2px 0;
}

.page .main .left .article .rightphotos
{
    position:relative;
    float:right;
    width:44%;
    margin-left:4%;
}

.page .main .left .article .inlinephoto, .page .main .left .article .rightphotos .rightphoto
{
    position:relative;
    float:left;
    width:100%;
    margin:5px 0;
    padding-bottom:5px;
    border-bottom:1px solid #e0e0e0;
    text-align:center;
    font-size:0.75em;
}
.page .main .left .article .inlinephoto a, .page .main .left .article .rightphotos .rightphoto a{color:Black;text-decoration:none;}
.page .main .left .article .inlinephoto img, .page .main .left .article .rightphotos .rightphoto img{width:100%;}

.page .main .left .article .leftphoto
{
    width:40% !important;
    margin-right:5px;
}

.page .main .left .article .inlinerightphoto
{
    position:relative;
    float:right;
    width:33%;
    margin-left:5px;
    padding-bottom:5px;
    border-bottom:1px solid #e0e0e0;
    text-align:center;
    font-size:0.75em;
}
.page .main .left .article .inlinerightphoto a{color:Black;text-decoration:none;}
.page .main .left .article .inlinerightphoto img{width:100%;}


table.results 
{
    display:block;
    border-collapse: collapse;
    font-size:0.8em;
    overflow:auto;
}

table.results th,table.results td {
    border: 1px solid black;
    padding:1px 2px;
    text-align:center;
}
table.results a.mkpartner{color:black}
table.results tr:hover {background-color:#eee}

/*.latestnews{width:49%;}*/
.latestnews{width:100%;}
.latestnews h3, .upcoming h3{padding:10px;background-color:#e2f1f6;margin-bottom:10px;}
.latestnews a.article img.icon{display:block;position:absolute;top:5px;left:0;z-index:2;}
.latestnews a.article span.description{display:none;}
.latestnews a.article span.longdescription{display:block;}
/* removed as showing in SW .latestnews a.article span.description{display:block;} */

.upcoming
{
    position:relative;
    float:left;
    /*width:49%;
    margin-left:1%;*/
    width:100%;
    margin-top:10px;
}

.upcoming a.event
{
    position:relative;
    float:left;
    display:block;
    padding: 1px 0.5%;
    width:99%;
    min-height: 97px;
    border-bottom: 1px solid #c0c0c0;
    color:Black;
    font-size:1em;
}
.upcoming a.event{text-decoration:none;}
.upcoming a.event span.title{font-weight:bold;}
.upcoming a.event span.description{font-size:0.9em;}
.upcoming a.event img{position:relative;float:right;padding:5px;width:40px;height:40px}

.timedoffer {display:none;color:red;font-size:xx-large} /* usually hidden - mostly for FBW */

.RaymarineCompass
{
    font-size:0.8em;
    margin-bottom:10px;
    padding:5px;
    width:288px;
}
.RaymarineCompass ul{width:290px;margin:0;padding:0;}
.RaymarineCompass a{color:#8b1b3f;font-weight:bold;}

.ReportoftheMonth
{
    position:relative;float:left;width:100%;margin-top:10px;
    margin-bottom:10px;
    border-top:1px solid #0e2b58;;
    border-bottom:1px solid #0e2b58;;
    color:#0e2b58;
}
.ReportoftheMonth span.title{font-weight:bold;font-size:1.2em;}
.ReportoftheMonth img.prize{position:relative;float:right;width:40%;margin-top:20px;}
.ReportoftheMonth .ROTMtext{position:relative;float:left;text-align:center;width:60%;}
.ReportoftheMonth img.henrilloyd{max-width:50%;}
.ReportoftheMonth span.description{display:block;padding:0 5px;font-family:"Times New Roman", Georgia, Serif;font-style:italic;font-size:1.1em;}
.ReportoftheMonth input[type=text]{width:280px;border:1px solid #c0c0c0;}
.ReportoftheMonth span.mailinglist{display:block;text-align:left;font-size:0.8em;line-height:1em;}
.ReportoftheMonth .ROTMValidate{color:Red;font-size:0.8em;}
.ReportoftheMonth input[type=submit]{border:0;cursor:pointer;background-color:#01325d;color:White;padding:5px;margin-bottom:5px;font-family:"Times New Roman", Georgia, Serif;font-size:1.2em;font-style:italic;}
.ReportoftheMonth i {font-size:smaller}

.howtosubmit{border:5px solid #204d91;font-size:1.1em;margin-bottom:10px;}
.howtosubmit a{display:block;padding:5px;font-weight:bold;color:#204d91;}

@media screen and (max-width:600px)
{
    /*.latestnews, .upcoming{width:100%;margin-right:0;margin-left:0;}*/
    .page .main .left h2{font-size:1.4em;}
    p{padding-left:1em;padding-right:1em;line-height:125%;}
        
    .latestnews a.article img.icon{display:none;}
    .latestnews a.article span.description{display:block;}
    .latestnews a.article span.longdescription{display:none;}
}

@media print 
{
    .page .siteoptions{display:none;}
    .page .header{display:none;}
    .page .main .left .socialsharing{display:none;}
    .page .main .right{display:none;}
    .page .menu{display:none;}
    .latestnews{display:none;}
    .upcoming{display:none;}
    table.results{overflow:visible;font-size:0.6em;table-layout:fixed;width:100%;}
    table.results th, table.results td{padding:1px;}
}