@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700|Sintony:400,700|Open+Sans:400,700);

/*------------- fonts */
body, .txt-open-sans{
	font-family: "Open Sans", arial, sans;
}
.txt-sintony, .title, .nws-title,.mem-center, .navbar-nav li a{
	font-family: "Sintony", "Trebuchet MS", arial, sans !important;
}
.txt-noto-sans, .header-title>h1, .header-title>h2 {
	font-family: "Noto Sans", arial, sans;
}

h1{
	padding: 0px;
	margin: 0px;
	font-size: 33px;
	font-weight: 700;
}
.header-title{
	text-align: center;
}
.header-title>h1{
	border-bottom: 2px solid #90A1C9;
	display: inline-block;
}
h2{
	padding: 0px;
	margin: 0px;
	font-size: 23px;
	font-weight: 400;
	
}
h3{}

.txt-sintony{
	font-family: "Sintony";
}

body {
	font-size: 14px; /* sets font size for page so em's work */
}
.txt-s{
	font-size: 12px;
}
.txt-lg{
	font-size: 18px;
}
.txt-xl{
	font-size: 24px;
}
.txt-16{
	font-size: 16px;
}

.txt-white{
	color: #ffffff;
}

.txt-bold {
	font-weight: 700;
}
.txt-c{
	text-align: center;
}
.txt-l{
	text-align: left;
}
.txt-r{
	text-align: right;
}
/*------------- links */
a{
	color: #224394;
} 
a:hover{
	color: #990000;
}
a.white{
	color: #ffffff;
}
a.white:hover{
	color: #cecece;
}
a.black{
	color: #000000;
}
a.black:hover{
	color: #292929;
}
.mlbc-button{
	display: inline-block;
	background-color: #224394;
	background-color: rgba(34,67,148,1);
	background-image: url('../images/bg-button3.png');
	background-position: 99% center;
	background-repeat: no-repeat;
	padding: 10px 35px 10px 10px;
	color: #ffffff;
	text-decoration: none;
	transition: background .2s;
	text-align: left;
	font-weight: 700;
}
.mlbc-button:hover{
	background-color: #990000;
	background-position: 102% center;
	color: #ffffff;
	text-decoration: none;
}
.fw{ /* full width */
	width: 100%;
}
.hlp-content>.mlbc-button{
	width: 47%;
	background-color: rgba(34,67,148,.8);
	margin-top: -10px;
}
.hlp-content>.mlbc-button:hover{
	background-color: rgba(153,0,0,8);
}
.hlp-content a:nth-of-type(2){
	float: right;
}
/*------------- images */
img{
	border: 0px;
}

/*-------------  Bootstrap Fix */
.row{
}
.f-row{ /*footer row fix*/
}
td{
	vertical-align: top;
}
.keyclubtable>tbody>tr{
	border-top: 1px solid #DDDDDE;
}
.keyclubtable>tbody>tr:first-child{
	border-top: 0px;
}
.input-group{
	border-radius: 0px;
	margin-bottom: 10px;
}
.input-group-addon{
	background-color: #224394;
	color: #ffffff;
	font-family: "Sintony","Trebuchet MS",sans;
	font-weight: 700;
}
.form-control{
	background-color: #DEE0E1;
}
/*------------- Areas */
.mem-center{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
body{
	font-family: "Open Sans";
	font-size: 14px;
}
.bg-gray{
	background-color: #8E9296;
	max-height: 400px;
	margin-bottom: 20px;
}
/* header */
.top-icons a img{
	padding: 0px 10px;
}
.title{
	font-family: "Open Sans",arial,sans;
	font-size: 25px;
	border-bottom: 3px solid #224394;
	margin-bottom: 10px;
	text-align:left;
}
.mb-20{
	margin-bottom:20px;
}
.li-wrapper{
	background-color: #63c05f;
	border: 1px solid #A3A3A3;
	width: 213px;
}
.li-letter{
	height: 25px;
	width: 25px;
	display: inline-block;
	color: #ffffff;
	font-family: "Sintony";
	font-size: 18px;
	padding-left: 6px;
}
.li-input{
	background-color: #DBDCDD;
	display: inline-block;
	border: 0px;
	float: right;
	height: 25px;
	width: 186px;
	padding-left: 10px;
}
.li-button{
	background-color: #224394;
	font-family: "sintony";
	border: 0px;
	margin-top: 5px;
}
.mem-center-s{
	text-align: center;
	margin: 10px auto;
	
}

.mem-center-wrap {
    width: 46%;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.mlbf-logo-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    margin-left: 10px;
    margin-bottom: 20px;
}
.mlbf-logo-wrap a {
    text-decoration: none;
    font-size: 14px;
}
.mlbf-logo-wrap a:hover {
    color: #224394;
}
.mlbf-logo-wrap span {
    display: inline-block;
    vertical-align: middle;
}
.mlbf-logo-wrap img {
    width: 130px;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}



/* slider */
/*.carousel-inner div{
	display: none;
}*/
/**/
.carousel-inner div.carousel-caption{
	display: block !important;
	position: absoltue;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 8px;
	width: 100%;
	height: 32px;
	background-color: rgba(0,0,0,.8);
	color: #ffffff;
	
}
.main-slideshow .carousel-inner div.carousel-caption {
    background-color: rgba(0,0,0,0.6);
    left: 0px;
    right: initial;
    width: 35%;
    bottom: 0px;
    text-align: left;
    padding: 10px 20px;
    height: auto;
}
.main-slideshow .caption-text {
    font-size: 30px;
    font-weight: bold;
}
.main-slideshow .alt-text {
    font-size: 16px;
    font-weight: normal;
}
.carousel-inner div a img, .carousel-inner div img{
	max-width: 100%;
	height: auto;
}
#slider-container{
	width: 100%;
}
.carousel-indicators{
	bottom:0px !important;
}
.carousel-control{
	top: 50% !important;
}
.carousel-control.right{
	background-image: none !important;
	text-align: right;
	padding-right: 15px;
}
.carousel-control.left{
	background-image: none !important;
	text-align: left;
	padding-left: 10px;
}
/* Front Page Welcome */



/* side bar */
.sb-item{
	margin-bottom: 10px;
}
.sb-content{}
.sb-button{
	background-color: #DDDDDE;
	width: 90%;
	padding: 3px 0px;
	text-align: center;
	color: #ffffff;
	display: inline-block;
	transition: .2s;
	margin: 0px auto;
	
}
.sb-button:hover{
	background-color: #EAD2CC;
	transition: .2s;
}
/*side bar help*/
.sb-hlp-wrapper{}

.sb-item img{
	padding-right: 10px;
}
.sb-hlp-wrapper .sb-item {
	background-color: #E9EAEB;
	padding: 5px 8px;
}

/*side bar news*/
.sb-nws-wrapper{}
.sb-nws-items{
	border-collapse: separate !important;
	border-spacing: 0px 5px;
}
.sb-nws-scrollbox{
	max-height: 400px;
	overflow-y: scroll;
}
.sb-nws-scrollbox tr>td:first-of-type{
	text-align:center;
}
td.sb-item{
	padding:5px;
	font-weight: 700;
	background-color: #E9EAEB;
}
td.sb-item img{
	padding: 0px;
}
.sb-nws-title{
	font-size: 12px;
	font-weight: 700;
}
.sb-nws-img{
	float: left;

}
.sb-nws-date{
	font-size: 12px;
	color: 525252;
	font-weight: 500;
}
/*Events*/
.ev-item{
	color: #000000;
	border-bottom: 1px solid #DDDDDE;
	padding: 10px;
	vertical-align: top;
	position: relative;
	transition: background-color .3s;
}
.ev-item:hover{
	background-color: rgba(34,67,148,.2);
}
.ev-title{
	display: inline-block;
	color: #000000;
	position: absolute;
	top: 10px;
}
.ev-title a{
	color: #000000;
	text-decoration: none;
	
}
.ev-date{
	display: inline-block;
	width: 53px;
	border: 1px solid #000000;
	margin-right: 20px;
	text-align: center;
}
.ev-month{
	color: #ffffff;
	background-color: #990000;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
}
.ev-day{
	font-size: 22px;
	font-weight: 700;
	background-color: #ffffff;
}
/*Videos*/
.vid-feature{}

/*News*/

.nws-photo img{
	max-width: 273px;
	padding-top: 10px;
	width: 100%;
	margin: 0px auto;
}
.nws-icon{}
.nws-seeall a img{
	margin: 0px 8px;
}
.nws-wrap{
	margin: 10px 0px;
}

.nws-link{
	text-decoration: none;
	color: #990000;
}
.nws-icon{
	display: inline-block;
	float: left;
}
.nws-blurb{
	background-color: #D6D2D1;
	display: inline-block;
	min-height: 115px;
	padding: 10px;
}
.nws-title{
	color: #990000;
	font-size: 18px;
	font-weight: 700;
}
.nws-date{
	font-size:12px;
	color: #525252;
	font-weight: 700;
}
.nws-link{
	color: #000000;
}
.nws-content{
	display: block;
	float: right;
}
.nws-readmore{} 
/* footer */

.foot-links div{
	text-align: right;
}
.foot-link{
	display: inline-block;
}
.foot-mtp-icon{
	display: inline-block;
	float:left;
	
	width:31%;
	max-width: 321px;
}
.foot-keyclub-icon a{
	font-size: 12px;
	font-weight: 700;
}
.foot-keyclub-icon img{
	width:100%;
	max-width:321px;
}
.foot-keyclub-slider{
	display: inline-block;
	float: right;
	width: 66%

}
.foot-spacer{
	height: 150px;
}
.foot-sm-links>a>img{
	margin: 0px 10px;
}
.foot-sm-links>a>img:last-of-type{
	margin-right: 0px;
    height: 50px;
}
/* Front Page Slider(s)*/
.sponsor-row{
	margin-bottom: 15px;
}
.cycle-slideshow{
	min-height: 150px;
}
.cycle-slide, .cycle-slide>a, .cycle-slide>a>img{
	max-height: 145px;
	width: auto;
	padding: 0px 10px !important;
}
.cycle-slide{
	width: 230px !important;
	text-align: center;
	margin: 0px 12px;
}
.slider-container{
	position: relative;
	margin: 0px -30px;
}
.slider{
	float: left;
	position: relative;
}
#slider_FD1 a img, #slider_FD1 img {
	width: 100%;
	max-width:750px;
}
.hlp-wrapper{ /* Help Section */
	background-color: #3C3C3C;
	background-color: rgba(60,60,60,.9);
	color: #ffffff;
	width: 300px;
	float: right;
	position: relative;
	height: 420px;
	top: -410px;
	margin-right: 20px;
	bottom: -10px;
	margin-bottom:-420px;
}
.hlp-title{
	background-color: #224394;
	background-color: rgba(34,67,148,.8);
	font-size: 24px;
 	padding: 3px 10px;
}
.hlp-content{
	padding: 3px 10px;
}
.hlp-item{
	background-color: #6A8B7F;
	background-color: rgba(255,255,255,.2);
	margin-bottom: 5px;
	padding: 3px 10px;
}
.hlp-button:first-of-type{
	margin-right: 3%;
}
.hlp-button:hover{
	background-color: #271d0e;
	color: #ffffff;
	transition: .2s;
	text-decoration: none;
}
.hlp-item a{
	color: #ffffff;
}
.hlp-item a img, .hlp-item img{
	padding: 0px 5px;
	height: 20px; 
	width: auto;
}

.spl-wrapper{ /*sub page links*/
	width: 30%;
	height: 285px;
	display: inline-block;
	float: left;
	overflow: hidden;
	text-decoration: none !important;
	transition: .2s;
	padding:10px;
	min-width: 200px;
	margin-right: 2%;
}

.spl-wrapper:hover{ /*sub page links*/
	background-color: #E9EAEB;
	transition: .2s;
}  
.spl-title{
	font-size: 18px;

	
	text-decoration: none;
	color: #000000;
}
.spl-image img{
	width: 100% !important;
	max-width: 225px !important;
}
.spl-content{
	font-size:14px;
	color: #4a4a4a;
	border-bottom: 1px solid #C7D0D6;
	padding: 8px;
	text-decoration: none;
}
.spl-image a{
	color: #000000;
	text-decoration: none !important;
}
.txt-nav-toggle{
	font-size: 18px;
	margin-top: 10px;
	display: inline-block;
}

/*-------------  utility (floats/clears/margins n' padding) */
.o-no{
	overflow: auto;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.cb{
	clear:both;
}
/* z-indices */
.z-100{
	position: relative;
	z-index: 100;
}
.z-50{
	position: relative;
	z-index: 50;
}