@charset "utf-8";
/* Fitness365 CSS Document */

/*/// BODY ///////////////////////////////
///////////////////////////////////////*/
html, body {
	margin:0px; padding:0px; }
body {
	font:13px arial,sans-serif; text-align:center; color:#1c2e3f; }
p {
	margin:0px 0px 10px; }
a:link, a:active, a:visited, a:hover{
	color:#84b2e1; text-decoration:none; }
a:hover {
	color:#ffc000; text-decoration:underline; }
h1 {
	font-size:20px; color:#ae1021; letter-spacing:2px; line-height:24px; font-weight:normal; padding:0px; margin:0px 0 0 30px; }

#container {
	position:relative; width:940px; margin:0px auto; padding:0px; text-align:left; border:0px solid red; background:url(images/365sitebg.jpg) repeat-y; }

/*/// LEFT RAIL //////////////////////////
///////////////////////////////////////*/
#leftBody {
	position:relative; width:738px; float:left; margin:0px; padding:0px; }
.leftheader {
	position:relative; width:738px; margin:0px; padding:0px; }
	.lefttop {
		position:relative; display:block; height:10px !important; background:url(images/365top.jpg) no-repeat; overflow:hidden; }
	.menubar {
		position:relative; width:738px; height:36px !important; margin:0px; padding:0px; z-index:1000; }
	.logo {
		position:relative; float:left; width:180px; height:36px; overflow:hidden; margin:0px; padding:0px; overflow:hidden; }
	.menu {
		position:relative; float:left; width:558px; height:36px; margin:0px; padding:0px; text-align:center; background:url(images/365menufill.jpg) repeat-x; color:#b6d5f0; }
		.menu a, .menu a:hover {
			font:12px/12px arial, sans-serif; font-weight:bold; text-transform:uppercase; font-style:italic; text-decoration:none; color:#587592; }
		.menu a:hover {
			color:#000; }
	.banner, #flexheader {
		display:block; clear:both; height:155px; margin:0px; padding:0px; text-align:center; z-index:1 !important; overflow:hidden; }
	.subbanner {
		position:relative; display:block; height:84px; margin:0px; padding:0px; background:url(images/365subbanner.jpg) no-repeat; }
	.textarea {
		position:relative; width:684px; margin:0px; padding:10px 27px; background-color:#fff; z-index:2; }
	
	.textarea ul {
		margin-top:5px; }
	.textarea ul, .textarea ol {
		padding-left:20px; }
	.textarea ul li, .textarea ol li {
		margin-bottom:10px; }
	
	.textarea2 {
		position:relative; width:684px; margin:0px; padding:10px 27px; min-height:500px; height:auto !important; height:500px; background:#fff url(images/365menushadow.jpg) no-repeat top; z-index:2; overflow:hidden; }
	
	.textarea2 ul, .textarea2 ul li {
		margin-top:5px; }

/*/// RIGHT RAIL /////////////////////////
///////////////////////////////////////*/
#rightBody {
	position:relative; width:202px; min-height:571px; height:auto !important; height:571px; float:right; margin:0px; padding:0px; background:url(images/rightbg.jpg) repeat-y; }
	.righttop {
		position:relative; display:block; height:10px !important; margin:0px; padding:0px; background:url(images/rightTop.jpg) no-repeat; overflow:hidden; }
	.newsheader {
		position:relative; display:block; height:36px; margin:0px; padding:0px; background:url(images/rightHeader.jpg) no-repeat; }
	.newsrail {
		position:relative; width:178px; margin:0px auto; padding:0px; background:url(images/newsFill.jpg) repeat-y; }
		.showcase {
			position:relative; display:block; min-height:200px; height:auto !important; height:200px; margin:0px auto 10px; padding:0px; background:url(images/newsTop.jpg) no-repeat; }
		.showcase p {
			position:relative; line-height:14px; font-size:11px; color:#000; padding:135px 15px 0; }
		.newsevents ul {
			padding:0px; margin:0px !important; }
		.newsevents ul li {
			position:relative; display:block; height:20px; margin:0px; padding:3px 0 0 32px; list-style:none; background:url(images/newsEntry.jpg) no-repeat; }
			.newsevents ul li a, .newsevents ul li a:hover {
				color:#587592; font-weight:bold; font-size:11px; }
			.newsevents ul li a:hover {
				color:#ffc000; }
		.eventsfooter {
			position:relative; display:block; height:28px; /* margin-bottom:10px; */ padding:0px; background:url(images/newsBtm.jpg) no-repeat bottom; overflow:hidden; }
	.callouts {
		position:relative; width:178px; text-align:center; margin:0px auto; padding:0px; }
	.callouts img {
		position:relative; display:block; margin:5px 0px; padding:0px; }

/*/// FOOTER /////////////////////////////
///////////////////////////////////////*/
#footer {
	position:relative; width:940px; height:105px; margin:0px; padding-top:0px; text-align:center; background:#fff url(images/rightFade.jpg) no-repeat right top; clear:both; border:0px solid red }
	.pagefooter {
		position:relative; width:738px; float:left;  margin:0px; padding:0px; font-size:10px; color:#ddd; }
		.footdivider {
			position:relative; display:block; height:20px; background:url(images/footerDivider.jpg) no-repeat top; }
		.pagefooter a, .pagefooter a:hover {
			font-size:10px; color:#587592; font-weight:bold; text-transform:uppercase; text-decoration:none; }
		.pagefooter a:hover {
			color:#ffc000; text-decoration:none; }

/*/// ADDITIONAL STYLES //////////////////
///////////////////////////////////////*/
#fgallery {
	z-index:1; overflow:hidden; }
.clear {
	position:relative; clear:both; height:0px; line-height:0px; display:block; margin:0px; padding:0px; }
.clearright, br.clearright {
	position:relative; clear:right; height:0px; display:block; margin:0px; padding:0px; }
.clearleft {
	position:relative; clear:left; height:0px; display:block; margin:0px; padding:0px; }
.copyright {
	position:relative; display:block; font-size:10px; color:#888; margin-top:10px; }
.imgalign {
	vertical-align:middle; }
.title{
	display:block; font-size:20px; font-weight:bold; font-style:italic; padding:0px; color:#84b2e1; text-transform:capitalize; margin-bottom:5px; }
.title2{
	display:block; font-weight:bold; text-transform:uppercase; margin:0px; padding:10px; }
.smallfont {
	font-size:11px; }
.largefont {
	font-size:20px; line-height:24px; }
.floatleft {
	float:left; margin:0 10px 10px 0; }
.floatright {
	float:right; margin:0 0 10px 10px; }

.membershipName{
		font:11px Arial, sans-serif; width:200px; height:16px; border:0px; background:#fbf6d9; padding-top:4px; margin:0px; color:#000; border:1px solid #82b1df;}

/*/// CONTACT FORM //////////////////
//////////////////////////////////*/
.contactName {
	color:#666;
	font:11px Arial, sans-serif;
	width:200px;
	height:16px;
	padding:2px;
	margin:0px;
	border:1px solid #bbb;
}

.contactEmail {
	color:#666;
	font:11px Arial, sans-serif;
	width:200px;
	height:16px;
	padding:2px;
	margin:0px;
	border:1px solid #bbb;
}

.contactSubject {
	color:#666;
	font:11px Arial, sans-serif;
	width:200px;
	height:16px;
	padding:2px;
	margin:0px;
	border:1px solid #bbb;
}

.contactMessage {
	color:#666;
	font:11px Arial, sans-serif;
	width:200px;
	height:100px;
	padding:2px;
	margin:0px;
	border:1px solid #bbb;
}

.contactSubmit {
	width:64px;
	height:21px;
	border:1px solid #000;
}

/*/// DROPDOWN ////////////////////////
//////////////////////////////////////*/
/*
#dropmenudiv{
	position:absolute;
	top:0px;
	left:0px;
	visibility: hidden;
	border:1px solid #b7d5f0;
	border-bottom-width: 0;
	z-index:1000 !important;
	background:#d1e4f6;
	width:150px;
	text-transform:uppercase;
	text-align:left;
	margin:8px 0 0 -9px;
}

#dropmenudiv a, #dropmenudiv a:hover{
	width: 100%;
	display: block;
	height:20px;
	text-indent: 10px;
	border-bottom: 1px solid #b7d5f0;
	padding-top:7px;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	background:url(images/365menufill.jpg) repeat-x 0 -8px;
	color:#587592;
	font-style:italic;
}

#dropmenudiv a:hover{
	background:url(images/365menufill.jpg) repeat-x 0 -8px;
	color:#ffc000;
}
*/

/* --- SUCKERFISH --- */

/* --- END SUCKERFISH --- */	

	
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
.entry p img {
	height:100% !important; }
	
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 10px 15px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 15px 10px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
/* End Images */
.navigation {
	display:block; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ddd; }
	
    
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 0px solid #5F5F5F;
	color: #84B2E1;
	background-color: #FFFFFF;
}
.wp-pagenavi a:hover {
	border: 0px solid #5F5F5F;
	color: #ffffff;
	background-color: #b6d5f1;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #5F5F5F;
	border: 0px solid #5F5F5F;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 0px solid #5F5F5F;
	color: #FFF;
	background-color: #b6d5f1;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border:0px solid #5F5F5F;
	color: #5F5F5F;
	background-color: #FFFFFF;
}

.wp-pagenavi {
	padding-bottom: 10px;
    text-align: center;
}

.linklove {
  display: none;
}