body{
background-color:#E6E8E7;
/*background-image:url('/images/bg-texture.png');*/
background-repeat:repeat;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
}

/* BANNER SIZES */

.social{
padding-top:15px;
overflow:hidden;
}

.logo{
padding-top:15px;
padding-bottom:15px;
}

.mainBanner { /* index page */
	/* We need all these heights so we can override Orbit's attributes */
	min-height:500px;
	max-height:500px;
	height:500px;
	/* // */
}

.subBanner {
	/* We need all these heights so we can override Orbit's attributes */
	min-height:300px;
	max-height:300px;
	height:300px;
	/* // */
}

.bannerDefault { /* class goes on both index page banner and all other pages. */
	width:100%;
	overflow:hidden; /* The banner will automatically show the entire image, so this will make sure the image gets cut off at the specified height. */
}

.bannerDefault .slider_img img{
	position:absolute;
	top:0px;
	left:0px;
	z-index:90;
	cursor:pointer;
	width:98%;
}

.bannerContent .slider_content{ /* slider content for both main and sub banners */
	position:absolute;
	overflow:hidden;
	z-index:91;
	top:275px;
	padding:25px;
}

@media only screen and (max-width : 1625px)  { /* iPad in Portrait */
	.mainBanner { /* index page */
		/* We need all these heights so we can override Orbit's attributes */
		min-height:500px;
		max-height:500px;
		height:500px;
		/* // */
	}
	
	.subBanner {
		/* We need all these heights so we can override Orbit's attributes */
		min-height:300px;
		max-height:300px;
		height:300px;
		/* // */
	}

}

@media only screen and (max-width : 1255px)  { /* iPad in Portrait */
	.mainBanner { /* index page */
		/* We need all these heights so we can override Orbit's attributes */
		min-height:400px;
		max-height:400px;
		height:400px;
		/* // */
	}
	
	.bannerContent .slider_content{ /* slider content for both main and sub banners */
	top:150px;
	}
}

@media only screen and (max-width : 994px)  { /* iPad in Portrait */
	.mainBanner { /* index page */
		/* We need all these heights so we can override Orbit's attributes */
		min-height:350px;
		max-height:350px;
		height:350px;
		/* // */
	}
}

@media only screen and (max-width : 980px)  { /* there is a breakpoint here with foundation, just so we don't have any tablets with misalignment, we're going to observe this breakpoint. */
	.bannerContent .slider_content { /* this makes sure the text is indented so it lines up with the content on tablets and smart phones and anything inbetween */
		margin-left:25px;
	}

	.subBanner {
		/* We need all these heights so we can override Orbit's attributes */
		min-height:300px;
		max-height:300px;
		height:300px;
		/* // */
	}
}

@media only screen and (max-width : 768px)  { /* iPad in Portrait */
	.mainBanner { /* index page */
		/* We need all these heights so we can override Orbit's attributes */
		min-height:300px;
		max-height:300px;
		height:300px;
		/* // */
	}
	
	.subBanner {
		/* We need all these heights so we can override Orbit's attributes */
		min-height:200px;
		max-height:200px;
		height:200px;
		/* // */
	}

	.bannerContent .slider_content{ /* slider content for both main and sub banners */
	top:25px;
	}

	
	.top-bar, .top-header-bar { display:none; }
	.navigation_bar_holder_mobile { display:block; }
}

@media only screen and (max-width : 640px) {
	.space-right-col { margin-right:0px !important; }
	.mainBanner { /* index page */
		/* We need all these heights so we can override Orbit's attributes */
		min-height:200px;
		max-height:200px;
		height:200px;
		/* // */
	}
}

@media only screen and (max-width : 568px) { /* iPhone */
	.mainBanner { /* index page */
		/* We need all these heights so we can override Orbit's attributes */
		min-height:125px;
		max-height:125px;
		height:125px;
		/* // */
	}
	
	.subBanner {
		display:none;
	}

	
	.bannerContent .slider_content h1 {
		font-size:16px;
	}

}

/* END BANNER SIZES */


.subBanner .slider_content{ /* slider content for both main and sub banners */
	position:absolute;
	overflow:hidden;
	z-index:90;
	top:25px;
	left:50px;
	padding:25px;
}

.bannerContent .slider_content h1 {
	font-size:20px;	
	color:#ffffff;
	margin-bottom:3px;
	padding-bottom:3px;
	background-color:#222222;
	padding:10px;
}

.bannerContent .slider_content p {
	font-size:15px;
	line-height:1.8;
	color:#d3d3d3;
	background-color:#222222;
	padding:10px;
	margin-top:10px;
}

.top_banner_holder{
background-color:#ffffff;	
padding-top:0px;
padding-bottom:0px;
position:relative;
z-index:99;
}

.banner_holder{
background-color:#ffffff;
padding-top:0px;
padding-bottom:0px;
}

.promo_holder{
padding-top:25px;
padding-bottom:25px;
width:1100px;
margin:auto;
}

.content_holder{
padding-top:25px;
padding-bottom:25px;
background-color:#F7F7F7;
padding:50px !important;
}

@media only screen and (max-width : 980px) {
	
	.promo_holder{
	width:100%;
	}
	.content_holder {
		padding:5px !important;
	}
	.cols {
		width:100% !important;
	}
	/*
	.mem-purchase-container {
		padding:20px;
	}
	.mem-search-divider {
		display:none;
	}
	*/
}

.background-img{
background-image: url('/includes/layout-efcl/images/body-back.jpg');
background-position: center bottom;
background-repeat: no-repeat;
}

.quickmenu_holder{
background-color:#ffffff;
padding-top:25px;
}

.footer_holder{
border-top:15px solid #f4f4f4;
background-color:#8CC640;	
padding-top:25px;
padding-bottom:50px;
}

.menu_holder{
background-color:#ff00ff;	
}

.content b,.content p,.content ul, .content li, .content a,.promo_item a,.promo_item p{
font-family: 'Open Sans', sans-serif;
font-weight:normal;
}

@media only screen and (max-width : 640px) {
	
	.top_menu{
	margin-top:25px;
	}
}

.top_menu{
padding-top:3px;	
}

.top_menu a{
text-decoration:none;
font-size:15px;
margin-top:15px;
color:#9c9c9c;
}

.top_menu a:hover{
text-decoration:underline;
}

.logo h1{
font-size:20px;
color:#222222;
margin-top:40px;
}

@media only screen and (max-width : 640px) {

	.logo h1{
	margin-top:25px;
	}
	
}

.logo p{
font-size:15px;
color:#555555;
}

.logo a{
text-decoration:underline;
font-size:15px;
color:#555555;
}

.logo a:hover{
text-decoration:none;
font-size:15px;
color:#9c9c9c;
}

.copyright p{
font-size:13px;
color:#ffffff;
}

.copyright a{
font-size:13px;
color:#ffffff;
}

.copyright a:hover{
text-decoration:none;
}


.footer_menu a{
font-size:13px;
color:#435C2A;
}

.footer_menu a:hover{
text-decoration:none;
}

.address h1{
text-transform:none !important;
font-size:16px;
color:#444444;
}

.address p{
font-size:15px;
color:#444444;
}

.address a{
font-size:15px;
color:#444444;
text-decoration:underline;
}

.quickmenu{
margin-bottom:25px;
}

.quickmenu h1{
text-transform:none !important;
font-size:16px;
color:#444444;
margin-bottom:0px;
}

.quickmenu a{
font-size:15px;
color:#8CC640;
text-decoration:underline;
}

.quickmenu a:hover{
text-decoration:none;
}

.promo_item{
text-align:center;
margin-left:auto;
margin-right:auto;	
}

.promo_item h3{
color:#3d3d3d;
font-size:42px;
text-align:center;
}

.promo_item p{
color:#3d3d3d;
font-size:15px;
text-align:center;
}

.txt-link a{
display:block;
color:#3d3d3d;
font-size:15px;
text-decoration:none;
text-align:center;
}

.txt-link a:hover{
color:#9c9c9c;
}

.promo_item .img-promo{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.txt-link a:hover{
text-decoration:none;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}

.promo_item img{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.content h1{
color:#3d3d3d;
font-size:42px;
}

.content h2{
color:#8CC640 !important;
font-size:28px !important;
}

.content h3{
color:#333333;
font-size:20px;
text-transform:uppercase;
}

.content p{
font-size:15px;
color:#3d3d3d;
}

.content ul, .content li{
font-size:15px;
color:#555555;
margin-left:25px;
}

.content b, .content strong{
color:#9c9c9c;
}

.content a{
color:#55425B;
font-size:15px;
}

.content a:Hover{
text-decoration:none;
}

.mainNav{
margin-top:25px;	
}

@media only screen and (max-width : 1024px) {

	.mainNav{
	margin-top:10px;	
	}
	
}


/* The main navigation links */
.navM>li>a {
	/* Layout */
	display: block;
	position: relative;
	padding: 15px 20px;
	/* Text */
	background-color:#F8FBF5;
	color: #435C2A;
	font-size: 16px;
	text-decoration: none;
	width:auto;
}

/* Changing the color on hover */
.navM>li>a:hover, .navM>li:hover>a {
	color: #9c9c9c;
}

/* Changing the link's color and background on hover */
.navM ul li:hover>a, .navM ul li a:hover {
	color: #9c9c9c;
}

/* The submenu links */
.navM ul li a {
	/* Layout */
	padding: 10px 30px 10px 20px !important;
	/*width: 120px;*/
	width:200px;
	display: block;
	position: relative;
	/* Text */
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	/* Background & effects */
	background:#273981;
	border-bottom:1px solid #8685B3;
	z-index:105;	
}

.overlay{
position:relative;
z-index:90;	
background-image: url('/includes/layout-efcl/images/banner-overlay.png');
width:750px;
height:500px;
}

@media only screen and (max-width : 1024px) {
	
		.overlay{
		background-image: url('/includes/layout-efcl/images/sub-banner-overlay.png');
		}

}

.overlay-sub{
position:relative;
z-index:90;	
background-image: url('/includes/layout-efcl/images/sub-banner-overlay.png');
width:1000px;
height:350px;
}

.shortcut-btn{
background-color:#8CC640;	
}


.shortcut-btn a{
display:block;
padding-top:15px;
padding-bottom:15px;
color:#ffffff;
text-align:center;
text-decoration:none;
font-size:13px;
font-weight:bold;
border-left:1px solid #B2D680;
}

@media only screen and (max-width : 640px) {
	
	.shortcut-btn a{
	border-bottom:1px solid #B2D680;
	}
	
}


.shortcut-btn a:hover{
background-color:#273981;	
}

.newsfeed-intro-holder{
background-color:#ffffff;
border:1px solid #d1d1d1;
padding:25px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
overflow:hidden;

}

.newsfeed-intro-holder img{
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
border:5px solid #efefef;
}

.newsfeed-intro-entry{
border-left:1px solid #d1d1d1;
padding-left:25px;
overflow:hidden;
padding-right:25px;
padding-left:30px;
background-image: url('/includes/layout-efcl/images/arrow.png');
background-position: left center;
background-repeat: no-repeat;
}

@media only screen and (max-width : 640px) {

	.newsfeed-intro-entry{
	border-left:0px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	margin-bottom:15px;
	padding-bottom:15px;
	}

}

.newsfeed-intro-entry a, .newsfeed-intro-entry a p{
color:#8CC640;
font-size:13px;
text-decoration:underline;	
}

.newsfeed-intro-entry a:hover, .newsfeed-intro-entry a:hover p{
text-decoration:none;
color:#9c9c9c;
}

.social-feed-holder{
background-color:#FCB716;
padding:15px;
overflow:hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
height:400px;
}

.social-feed-holder h1{
font-size:20px;
color:#876126;
}

/*.sub_promo_item{
padding:25px;
background-color:#FCB716;
background-color:#ffffff;
border:1px solid #d1d1d1;
}

.sub_promo_item h3{
font-size:26px;
color:#8CC640;
}

.sub_promo_item p{
font-size:13px;
}

.sub_promo_item a{
display:block;
background-color:#8CC640;
color:#ffffff;
font-size:13px;
text-align:center;
padding:10px;
margin-top:10px;
text-decoration:none;
}

.sub_promo_item a:hover{
background-color:#9c9c9c;
}
*/

.sub_promo_item{
background-color:#FCB716;
padding:15px;
overflow:hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.sub_promo_item h3{
font-size:20px;
color:#876126;
margin-bottom:10px;
}

.sub_promo_item p{
font-size:15px;
line-height:1.7;
color:#876126;
}

.sub_promo_item img{
margin-bottom:10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.sub_promo_item a{
display:block;
background-color:#876126;
color:#ffffff;
font-size:13px;
text-align:center;
padding:10px;
margin-top:10px;
text-decoration:none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
overflow:hidden;
}

.sub_promo_item a:hover{
background-color:#222222;
}

.google-map-holder{
padding:10px;
background-color:#ffffff;
border:1px solid #d1d1d1;
overflow:hidden;	
}

.sub_promo_item_home{
background-color:#FCB716;
padding:15px;
overflow:hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
height:400px;
}

.sub_promo_item_home h3{
font-size:20px;
color:#876126;
margin-bottom:10px;
}

.sub_promo_item_home p{
font-size:15px;
line-height:1.7;
color:#876126;
}

.sub_promo_item_home img{
margin-bottom:10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.sub_promo_item_home a{
display:block;
background-color:#876126;
color:#ffffff;
font-size:13px;
text-align:center;
padding:10px;
margin-top:10px;
text-decoration:none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
overflow:hidden;
}

.sub_promo_item_home a:hover{
background-color:#222222;
}
/*
.sub-nav ul, .sub-nav li, .sub-nav a{
list-style:none;
padding-left:0px;
margin-left:0px;
}

.sub-nav{
margin-top:10px;
border:1px solid #d1d1d1;
background-color:#ffffff;
padding:15px;
overflow:visible;
}

.sub-nav a{
display:block;
float:left;
margin-right:25px;
text-decoration:none;	
color:#8CC640;
}

.sub-nav a:hover{
color:#9c9c9c !important;	
}

.sub-nav-inline ul, .sub-nav li, .sub-nav a{
list-style:none;
padding-left:0px;
margin-left:0px;
}

.sub-nav-inline{
border-bottom:1px solid #d1d1d1;
padding:0px 15px 15px 15px;	
overflow:hidden;
}

.sub-nav-inline a{
display:block;
float:left;
margin-right:0px;
text-decoration:none;	
}

.sub-nav-inline a:hover{
color:#9c9c9c !important;	
}
*/

.member-contain {
	border:1px solid #d1d1d1; background-color:#ffffff; overflow:visible;
}

.sub-nav ul, .sub-nav li, .sub-nav a {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
}
.sub-nav {
    overflow: visible;
	margin-top:25px;
}
.navS {
	border: 1px solid #D8D8D8;
}
@media only screen and (max-width: 1250px) {
.sub-nav {
    margin-top: 25px;
}
}
.sub-nav a {
    border-right: 1px solid #D8D8D8;
    color: #3d3d3d;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: normal;
    padding: 15px 20px;
    text-decoration: none;
}
.sub-nav a:hover {
    background-color: #8CC640;
    color: #fff;
}
.sub-nav-inline ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
}
.sub-nav-inline {
    border-bottom: 1px solid #d1d1d1;
    overflow: hidden;
    padding: 0 15px 15px;
}
.sub-nav-inline a {
    display: block;
    float: left;
    margin-right: 0;
    text-decoration: none;
}
.sub-nav-inline a:hover {
    color: #9c9c9c !important;
}

.calendar-intro{
margin-top:50px;
margin-right:50px;
overflow:hidden;	
}

.calendar-intro ul{
list-style:none;
padding:0px;
margin:0px;
}

.calendar-intro li{
background-color:#f7f7f7;
border-top:1px solid #d1d1d1;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
background-image: url('/includes/layout-efcl/images/arrow.png');
background-position: left center;
background-repeat: no-repeat;
}

@media only screen and (max-width : 1024px) {
	
	.calendar-intro li{
	padding-right:25px;	
	}
}

@media only screen and (max-width : 640px) {
	
	.calendar-intro li{
	padding-right:0px;	
	}
}

.calendar-intro a{
font-size:13px;
color:#444444;
text-decoration:none;
}

.calendar-intro a:hover{
text-decoration:underline;
}

.calendar-intro-all a{
display:block;
background-color:#8CC640;
color:#ffffff;
font-size:13px;
text-align:center;
padding:10px;
margin-top:10px;
text-decoration:none;
}

.calendar-intro-all a:hover{
background-color:#9c9c9c;
}

.calendar-intro-all{
margin-bottom:50px;
}

@media only screen and (max-width : 640px) {
	
	.calendar-intro-all{
	margin-bottom:0px;	
	}
}

.calendar-intro h2{
font-size:20px;
color:#444444;
margin-bottom:10px;
}

@media only screen and (max-width : 1024px) {

	.calendar-intro{
	margin-right:0px;
	}
	
}

@media only screen and (max-width : 1024px) {

	.slider-space{
	padding-left:25px;
	padding-right:25px;	
	}
	
}

.gallery_holder_item{
background-color:#ffffff;

}

.gallery_holder_item h3{
font-size:26px;
color:#FEC20F;
margin-bottom:10px;
margin-top:10px;
}

.gallery_holder_item p{
font-size:13px;
color:#AAABB4;
}

.gallery_holder_item a{
color:#FEC20F;
font-size:13px;
text-align:center;
margin-top:10px;
text-decoration:none;
}

.gallery_holder a:hover{
text-decoration:underline;
}

/* Making the level 2 (or higher) submenus to appear at the right of their parent */
.navM ul .dropdown:hover ul {
	left: 200px;
	top: 0px;
}

/* cleanup media queries - BELOW TABLET */

@media only screen and (max-width : 1550px) {
	.navM ul .dropdown:hover ul {
		left: -200px;
		top: 0px;
	}
}

@media only screen and (max-width : 1025px) {
	
	.mem-purchase-container {
		padding:20px;
	}
	.mem-search-divider {
		display:none;
	}
	
	.mem-league-dropdown {
		width:200px !important;
	}
	.calendar-intro-all {
		margin-bottom:25px;
	}
	
}

@media only screen and (min-width : 850px) {
	.ui-dialog {
		width:800px !important;
	}
}

@media only screen and (max-width : 850px) {
	.ui-dialog {
		/*max-height: 400px !important;*/
	}
}


@media only screen and (max-width : 640px) {
	.mem-search-container {
		margin-top:25px;
	}
}

@media only screen and (max-width : 475px) {
	.membership-table * {
		font-size:11px !important;
	}
	
	.membership-table th:nth-child(3) {
		display:none;
	}
	.membership-table td:nth-child(3), .data-products-td {
		display:none !important;
	}
}

@media only screen and (max-width : 400px) {
	.mem-button-spacing {
		padding-left:0px !important;
	}
	.cart input {
		max-width:175px !important;
	}
	#tabs {
		margin-top:-10px !important;
	}
	#map {
		padding:10px 20px !important;
	}
	select {
		max-width:80%;
	}
	.newsfeed-intro-holder .columns {
		height:auto !important;
	}
}
#navS {
	display:none;
}