﻿#twocols{width:790px;}
#leftcol{position:relative;}

.favourites
{
    position:relative;
    float:left;
    display:block;
    width:750px;
    min-height:30px;
    padding:5px 0 0 40px;
    color:#0470a1;
    font-style:italic;
    -webkit-animation: yellowfade 7s; /* Chrome, Safari, Opera */
    animation: yellowfade 7s;
}
.favourites img{position:absolute;top:2px;left:0;float:left;}
@-webkit-keyframes yellowfade{ from {background:yellow;} to {background:#dcebf2;} } /* Chrome, Safari, Opera */
@keyframes yellowfade{ from {background:yellow;} to {background:#dcebf2;} } /* Standard syntax */

.articlev3
{
    position:relative;
    float:left;
    width:790px;
    max-width:790px;
}

.articlev3 .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;
}

.articlev3 .articlehead
{
    position:relative;
    float:left;
    width:790px;
    min-height:70px;
    background-color:White;
}

.articlev3 .articlehead img.icon
{
    position:absolute;
    top:0;
    left:0;
    border:5px solid White;
    z-index:100000;
}

.articlev3 .articlehead img.icon:hover{border:5px solid #02719c;}

.articlev3 .articlehead .titlebar
{
    position:relative;
    float:left;
    width:720px;
    height:35px;
    line-height:35px;
    font-size:16pt;
    background-color:White;
    padding-left:70px;
}

.articlev3 .articlehead .IEHeadlinePhoto
{
    position:relative;
    float:left;
    width:790px;
    padding:0;
    margin:0;
}

.articlev3 .articlehead #slider img{max-width:790px;vertical-align:bottom;}
.articlev3 .articlehead .IEHeadlinePhoto img{width:790px;vertical-align:bottom;}

.articlev3 .articlehead #slider .caption, .articlev3 .IEHeadlinePhoto .caption
{
    position:absolute;
    width:342px;
    bottom:0;
    right:0;
    padding:0 4px 2px 4px;
    text-align:center;
    font-size:10pt;
    background:white;
    background:transparent;
    background:rgba(255,255,255,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3ffffff,endColorstr=#a3ffffff);
    zoom: 1;
}

.articlev3 .articlehead a.next, a.previous
{
    position:absolute;
    top:200px;
    display:block;
    width:30px;
    height:60px;
    background-color:Yellow;
    z-index:10;
}
.articlev3 .articlehead a.previous{left:0;background:url('/Library/Images/previous.png') no-repeat 0 0;}
.articlev3 .articlehead a.next{right:0;background:url('/Library/Images/next.png') no-repeat 0 0;}

.articlev3 .articlehead a.next:Hover, a.previous:Hover
{
    cursor:pointer;
}

.articlev3 .articlehead .titlephoto
{
    position:relative;
    float:left;
    width:790px;
    background-color:White;
    min-height:35px;
}

.articlev3 .articlehead .header
{
    position:absolute;
    top:35px;
    left:70px;
    width:720px;
    height:35px;
    background:url('/Library/Images/White70.png') repeat;
    z-index:100000;
}

.articlev3 .articlehead .header span.author
{
    position:absolute;
    display:block;
    left:auto;
    line-height:35px;
    font-size:11pt;
}

.articlev3 .articlehead .header span.eventdate
{
    position:absolute;
    display:block;
    right:95px;
    line-height:35px;
    font-size:11pt;
}

.articlev3 .articlehead .header a.guidelines, .articlev3 .header a.facebook, .articlev3 .header .facebook_bw, .articlev3 .header a.twitter, .articlev3 .header .twitter_bw
{
    position:absolute;
    display:block;
    bottom:4px;
    width:28px;
    height:28px;
}
.articlev3 .articlehead .header a.guidelines{right:61px;background:url('/Library/Images/news_guidelines.png') no-repeat;cursor:pointer;}
.articlev3 .articlehead .header a.facebook{right:31px;background:url('/Library/Images/news_facebook.png') no-repeat;cursor:pointer;}
.articlev3 .articlehead .header .facebook_bw{right:31px;background:url('/Library/Images/news_facebook_bw.png') no-repeat;cursor:default;}
.articlev3 .articlehead .header a.twitter{right:1px;background:url('/Library/Images/news_twitter.png') no-repeat;cursor:pointer;}
.articlev3 .articlehead .header .twitter_bw{right:1px;background:url('/Library/Images/news_twitter_bw.png') no-repeat;cursor:default;}

.articlev3 .articlehead .titlephoto span.description
{
    position:absolute;
    display:block;
    width:342px;
    bottom:0;
    right:0;
    padding:0 4px 2px 4px;
    background:url('/Library/Images/White70.png') repeat;
    text-align:center;
    font-size:10pt;
    z-index:5;
}

.articlev3 .twitterfeed
{
    position:absolute;
    top:80px;
    right:40px;
    height:600px;
    width:500px;
    display:none;
    z-index:1000;
    border:1px solid #0470a1;
}

.articlev3 .facebookpage
{
    position:absolute;
    top:80px;
    right:40px;
    height:600px;
    width:500px;
    background-color:White;
    display:none;
    z-index:1000;
}

.articlev3 .guidelinespage
{
    position:absolute;
    top:80px;
    right:40px;
    width:500px;
    background-color:White;
    border:2px solid #01325d;
    padding:0 5px;
    font-size:10pt;
    display:none;
    z-index:1000;
}

.articlev3 .body
{
    position:relative;
    float:left;
    width:790px;
}

.articlev3 .body .bodyphotos
{
    position:relative;
    float:right;
    width:350px;
    margin:0 0 5px 10px;
    text-align:center;
    font-size:10pt;
}

.articlev3 .body .bodyphotos span.phototext
{
    display:block;
    width:350px;
    background-color:White;
}

.articlev3 .body .bodyphotos .photoholder
{
    position:relative;
    float:left;
    padding-top:5px;
    background-color:White;
}

.articlev3 .body .bodyphotos .photoholder a.photo
{
    position:relative;
    float:left;
    display:block;
}

.articlev3 .body .bodyphotos .photoholder a.photo .fb-like, .articlev3 .titlephoto .fb-like
{
    position:absolute;
    bottom:2px;
    left:2px;
    z-index:10;
}

.articlev3 .body .sociallogo
{
    position:relative;
    float:left;
    width:30px;
    height:100px;
    background:url('/Library/Images/news_share.png') no-repeat top left;
}

.articlev3 .body .socialsharing400, .articlev3 .body .socialsharing760
{
    position:relative;
    float:left;
    padding:5px 0 0 0;
    margin-bottom:5px;
}

.articlev3 .body .socialsharing400{width:400px;height:55px}
.articlev3 .body .socialsharing760{width:760px;height:35px;}

.articlev3 .body .socialsharing .facebook-like
{
    position:absolute;
    top:5px;
    left:5px;
    background-color:Red;
}

.articlev3 .body .inlinephoto
{
    position:relative;
    float:left;
    width:790px;
    margin-bottom:5px;
    background-color:White;
    font-size:9pt;
    text-align:center;
}
.articlev3 .body .inlinephoto img{width:790px;}

.articlev3 .reportofthemonth
{
    position:relative;
    float:left;
    width:100%;
    background-color:White;
    margin:10px 0;
    font-family:"Times New Roman", Georgia, Serif;
}
.articlev3 .reportofthemonth .rotm-header
{
    position:relative;
    float:left;
    width:100%;
    margin:5px 0;
    text-align:center;
    font-style:italic;
    font-size:1.1em;
    cursor:pointer;
}
.articlev3 .reportofthemonth .rotm-form
{
    position:relative;
    float:left;
    display:none;
    width:100%;
}
.articlev3 .reportofthemonth .rotm-form img.product{position:relative;float:left;width:25%;}
.articlev3 .reportofthemonth .rotm-form .ROTMForm {position:relative;float:left;width:65%;padding-left:5%;margin:10px 0;}
.articlev3 .reportofthemonth .rotm-form .ROTMForm input[type=text]{width:90%;margin-bottom:10px;}
.articlev3 .reportofthemonth .rotm-form .ROTMForm span.ROTMValidate{color:Red;}
.articlev3 .reportofthemonth .rotm-form .ROTMForm input[type=submit]{border:0;cursor:pointer;background-color:#01325d;color:White;padding:5px;font-family:"Times New Roman", Georgia, Serif;font-size:1.2em;font-style:italic;}

#ReportoftheMonthHyperLink{cursor:pointer;}

.articlev3 .facebookcomments
{
    position:relative;
    float:left;
    width:790px;
    margin-top:20px;
}

.articlev3 a.guidelineslink
{
    position:relative;
    float:left;
    display:block;
    width:790px;
    text-align:center;
    margin-bottom:10px;
}

.articlev3 .footer
{
    position:relative;
    float:left;
    width:790px;
    font-size:9pt;
}

.articlev3 .footer .related, .articlev3 .footer .upcoming
{
    position:relative;
    float:left;
    width:390px;
    max-height:594px;
    background-color:White;
}
.articlev3 .footer .upcoming{margin-left:10px;}

.articlev3 .footer .related .relatedtitle, .articlev3 .footer .upcoming .upcomingtitle
{
    position:relative;
    float:left;
    width:386px;
    height:20px;
    background-color:#01325d;
    color:White;
    font-size:11pt;
    text-align:center;
    padding:2px;
}

.articlev3 .footer .related a, .articlev3 .footer .upcoming a.upcomingevent
{
    position:relative;
    float:left;
    display:block;
    height:56px;
    overflow:hidden;
}
.articlev3 .footer .related a{width:390px;}
.articlev3 .footer .upcoming a.upcomingevent{width:290px;}

.articlev3 .footer .related a:hover, .articlev3 .footer .upcoming a.upcomingevent:hover
{
    background-color:#dcebf2;
    border-left:5px solid #01325d;
    margin-left:-5px;
}

.articlev3 .footer .related a img.photo
{
    position:absolute;
    top:0;
    right:0;
    max-width:80px;
    max-height:55px;
    z-index:1;
}

.articlev3 .footer .related a span.title, .articlev3 .footer .upcoming a.upcomingevent span.title
{
    position:relative;
    float:left;
    display:block;
    padding:1px 3px;
    font-weight:bold;
    color:#01325d;    
}
.articlev3 .footer .related a span.title{width:304px;}
.articlev3 .footer .upcoming a.upcomingevent span.title{width:284px;}
.articlev3 .footer .related a:hover span.title, .articlev3 .footer .upcoming a.upcomingevent:hover span.title{text-decoration:underline;}

.articlev3 .footer .related a span.description, .articlev3 .footer .upcoming a.upcomingevent span.description
{
    position:relative;
    float:left;
    display:block;
    padding:1px 3px;
}
.articlev3 .footer .related a span.description{max-width:304px;}
.articlev3 .footer .upcoming a.upcomingevent span.description{max-width:284px;}

.articlev3 .footer .upcoming .upcomingtitle a{color:Yellow;}

.articlev3 .footer .upcoming a.calendaricon
{
    position:relative;
    float:left;
    width:40px;
    height:40px;
    padding:5px;
}

.articlev3 .footer .upcoming a.calendaricon:hover
{
    background-color:#dcebf2;
    padding-left:0px;
    border-left:5px solid #01325d;
    margin-left:-5px;
}

.articlev3 .footer a.clubclasslink
{
    position:relative;
    float:left;
    clear:both;
    display:block;
    width:790px;
    margin-top:10px;
    background-color:White;
    color:#01325d;
    text-align:center;
    font-size:11pt;
    font-weight:bold;
}

img.updateprogress
{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-40px;
    margin-left:-40px;
    z-index:100;
}

table.results
{
	border-collapse: collapse; 
	border:0;
	border-right: 1px solid #01325d;
	border-top: 1px solid #01325d;
	font-size:9pt;
}

table.results th
{
	margin:0px;
	padding:2px;
	border-left: 1px solid #01325d;
	border-bottom: 1px solid #01325d;
	color:#e5eaee;
	background-color: #00709e;
	text-align:center;
}

table.results td
{
	margin:0px;
	padding:2px;
	border-left: 1px solid #01325d;
	border-bottom: 1px solid #01325d;
	background-color:#e5eaee;
}

table.results a.mkpartner{color:#01325d;}
table.results a.mkpartner:Hover{color:#01325d;text-decoration:none;}

.RaymarineCompass
{
    position:relative;
    float:left;
    width:160px;
    background-color:White;
    text-align:center;
    font-size:9pt;
    margin-bottom:10px;
}
.RaymarineCompass li{width:160px;}
.RaymarineCompass a{color:#9b0135;}

.bishopskinnerquotebox
{
    position:relative;
    float:left;
    background-color:#ed008c;
    width:160px;
    margin-bottom:10px;
}

.bishopskinnerquotebox a{text-decoration:none;}
.bishopskinnerquotebox img{border:0;}
.bishopskinnerquotebox span
{
    display:block;
    width:140px;
    padding:5px 10px;
    color:White;
    text-align:center;
    font-weight:bold;
    font-size:12pt;
}

.twitterfollow
{
    position:relative;
    float:left;
    width:160px;
    text-align:center;
    margin-bottom:10px;
    overflow:hidden;
}