/* Shared Styles for Sailracer Clubs */

/*Widget Buttons*/
#WidgetButtons{
margin-bottom:10px;
height:auto;
}
.WidgetButton {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	height: 57px;
	width: 95%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 5%;
	font-size: 1.2em;
	text-align: center;
	background: url(../userfiles/images/forms/large-link-button.gif) no-repeat left 0px;
}

.WidgetButton a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	height: 47px;
	width: 95%;
	padding: 10px 5% 0px 0px;
	background: url(../userfiles/images/forms/large-link-button.gif) no-repeat right 0px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
}

.WidgetButton:hover {
	background: url(../userfiles/images/forms/large-link-button.gif) no-repeat left -57px;
}

.WidgetButton a:hover {
	text-decoration: none;
	background: url(../userfiles/images/forms/large-link-button.gif) no-repeat right -57px;
}

.WidgetButton .WidgetButtonText {
	color: #315f04;
}

.WidgetButtonText {
	font-size: 0.8em;
	color: #78c317;
}
/*End Widget Buttons*/

/* Gallery - thumbnail list */
	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs div{
	clear:left;
	display:block;
	}

	ul#thumbs li{
		float:left;
		margin-right:5px;
		border:1px solid #999;	
		padding:2px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:175px;
		height:135px;
		line-height:200px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;
	}
	
	.GalleryTitle{
		color:#333333;
		font-size:80%;
	}
	.GalleryQty{
		color:#999999;
		text-align:right;
		font-size:80%;
	}
	
	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* End Gallery - thumbnail list */

/* Adverts */
#advert_tower{
	text-align:center;

}
#AdvertContent{
	margin-bottom:10px;
}
/* End Adverts*/

/*Featured Sailor*/
#Sailors{
margin-bottom:10px;
}

.SailorsTitle{

}

.SailorsContent{

}

.SailorsImage{

}

.SailorsImage img{
	width:170px;
	border:none;

}

.SailorsName {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 5px 0px 5px 0px;
	width:170px;
	background-color:#FFFFFF;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	color: #295102;
	font-size: 130%;
	font-weight: bold;
	margin-top: 0px;
	text-transform: uppercase;
	text-align:center;
}
/*End - Featured Sailor*/

/*QuickLinks*/
#tags {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 100%;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #709dbe;
}

#tags h2{
	font-size:100%;
}

#tags ul {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

#tags ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 5px 0px 5px;
	list-style: none;
}
/*End - QuickLinks*/

/*Related Content*/
#RelatedContent {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px -20px 10px 0px;
	padding: 10px 0px 0px 0px;
	width: 190px;
	font-size: 1em;
	background: url(../userfiles/images/page/rightcolumn-bg.jpg) no-repeat top left #59930b;	
}

.RelatedContentTitle {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 0px 0px 10px;
}

.RelatedContentTitle h2 {
	margin: 0;
	padding: 0;
}

.RelatedContentPages {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 10px 10px 10px;
	width: 170px;
	list-style: none;
	background: url(../userfiles/images/page/rightcolumn-bg-bottom.jpg) no-repeat bottom left;
}

.RelatedContentPages a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 6px 0px 6px 0px;
	width: 170px;
	list-style: none;
	border-bottom: 1px dotted #a7d63d;
	color: #ffffff;
	text-decoration: none;
}

.RelatedContentPages a:hover {
	color: #202020;
	text-decoration: none;
}

/*End  - Related Content*/

/*Downloads*/
#Downloads{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px -20px 10px 0px;
	padding: 10px 0px 0px 0px;
	width: 190px;
	font-size: 1em;
	background: url(../userfiles/images/page/rightcolumn-bg.jpg) no-repeat top left #59930b;	
}

.DownloadsTitle{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 0px 0px 10px;
}

.DownloadsTitle h2 {
	margin: 0;
	padding: 0;
}

.DownloadsLinks{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 10px 10px 10px;
	width: 170px;
	list-style: none;
	background: url(../userfiles/images/page/rightcolumn-bg-bottom.jpg) no-repeat bottom left;
}

.DownloadsLinks a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 6px 0px 6px 0px;
	width: 170px;
	list-style: none;
	border-bottom: 1px dotted #a7d63d;
	color: #ffffff;
	text-decoration: none;
}

.DownloadsLinks a:hover {
	color: #202020;
	text-decoration: none;
}

/*End  - Downloads*/

/*Video Widget*/
.VideoOuter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px -20px 10px 0px;
	padding: 10px 0px 0px 0px;
	width: 190px;
	font-size: 1.2em;
	background: url(../userfiles/images/page/rightcolumn-bg.jpg) no-repeat top left #59930b;
}

.VideoInner {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 10px 10px 10px;
	width: 170px;
	list-style: none;
	background: url(../userfiles/images/page/rightcolumn-bg-bottom.jpg) no-repeat bottom left;
}
.VideoWidget{
	margin: -7px 0px -7px -7px;
}

/*End - Video Widget*/

/*Latest News*/
.NewsTitle{
	
}
.NewsConsole{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 580px;
	overflow: hidden;
	}
.NewsImage{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 375px;
	height: 280px;
	}
.NewsMainStory{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 10px;
	width: 185px;
	height: 260px;
	background-color: #ffffff;
}
.NewsSubject{
}
.NewsPubDate{
	color: #78c317;
	font-size:80%;
}
.NewsArticle{
}
.NewsLink{
	text-align:right;
	}
.newsstories {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 580px;
	height: 65px;
	background: url(../userfiles/images/homepage/news-console-links.gif) no-repeat top left;
}

.newsstories li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 5px 5px 5px 10px;
	width: 130px;
	height: 55px;
	overflow: hidden;
	font-size: 0.9em;
	list-style: none;
	cursor:pointer;
}

.NewsSeperator{
	background: url(../userfiles/images/homepage/news-console-seperator.gif) no-repeat top right;
}
.NewsSeperatorNone{
	background: none;
}

.newsstories li a {
	color: #ffffff;
}

.newsstories li a:hover {
	color: #78c317;
}


/*End - Latest News*/

/*Latest Photos*/
.whitebox {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 10px 0px 0px 0px;
	width: 580px;
	background: url(../userfiles/images/page/white-box-bg.gif) no-repeat top left;
}
.whitebox .inner {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 10px 10px 10px;
	width: 560px;
	background: url(../userfiles/images/page/white-box-bg.gif) no-repeat bottom left;
}
.latestphoto {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.latestphoto li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 7px 0px 8px;
	background-image: none;
	width: 171px;
	text-align: center;
}
.whitebox .inner .latestphoto li {
	background-image: none;
	padding: 0px 7px 0px 8px;
}

.latestphoto li img {
	margin-bottom: 10px;
}


/*End - Latest Photos*/

/*Partners*/
.partners {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}

.partners li {
	position: relative;
	float: none;
	left: 0px;
	top: 0px;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
	list-style: none;
	display: inline-block;
}
/*End - Partners*/


/* Page Title*/
.PageTitle{
margin-bottom:20px;
}

/* Category Filter*/
.CategoryFilter{
margin-bottom:20px;
}
.PhotoCaption{
	padding-bottom:10px;
}