/* CSS Reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	padding-left: 20px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body, p{
	color:#000!important;
	font-weight:600!important;
}
/* End CSS Reset */

div#bmBG {
	padding-top:10px;
	background-image: url("../img/bmBg.jpg");
	background-repeat:no-repeat;
	width:240px;
	height:240px;
	margin:0 auto;
}

div.centerImg{
	display:block;
	text-align:center;
	margin:0 auto;
}


/* Begin Styles */

h2.bars{
	border-top:1px solid #337ab7;
	border-bottom:1px solid #337ab7;
	color:#337ab7;
	padding-top:10px;
}


	footer img{
		width:75px;
	}

	a.feed-icon{
		display:none;
	}

	a:hover{
		text-decoration:none!important;
		opacity:.8!important;
	}

	div.slideContent p, div.callDescription div, div.sideNav li a{
		font-weight:600;
	}
	

body{
	background-color:#f6f7f8!important;
	font-family: 'Source Sans Pro', Verdana, sans-serif!important;
	font-weight: 300;
	font-size:16px!important;
	background-image:url("../img/MSBMLBG.png");
	background-size:cover;
	
	}


h3.viewHeader{
	background-color:#2d8bed;
	color:#fff;
	padding:15px;
	text-align:center;
	text-transform:uppercase;
	margin-top:0px;
}

h1,h2{
	font-family: 'Source Sans Pro', Verdana, sans-serif!important;
	font-weight: 700!important;
	
	}

	h3,h4,h5{
	font-family: 'Source Sans Pro', Verdana, sans-serif!important;
	font-weight: 600!important;
	
	}

	h2{
		
		padding-bottom: 10px;
	}

	div#block-msbml-page-title{
		border-bottom: 2px solid #000;
		margin-bottom:15px;
	}

	h3{
		margin-bottom:0px!important;
	}

	p{
		font-size:16px!important;
	}

	.blue{
		color: #1f558e
	}

h1.slideTitle{
	color:#fff!important
}

/*Report Issue Button**********************************************************/

div#reportIssue a{
	background-color:red;
	color:#fff;
	position:fixed;
	padding:15px;
	border-radius:30px;
	z-index:500;
	right:15px;
	top:150px;
	text-decoration:none;
	
}
/*Basic Styles**********************************************************/
	.hide {
	   position: absolute !important;
	   top: -9999px !important;
	   left: -9999px !important;
	}

	div.clear {
		clear:both;
	}

	h1,h2,h3,h4{
		color: #445969;
	}


	a.button{
		padding:15px;
		display:inline-block;
		width:150px;
	}

	a.button h1, a.button p{
		display:inline-block;
		width:100%;
		color:#fff;
	}
	a.button h1{
		margin: 0px 0px 5px 0px;
	}

	a.button p{
		margin-bottom:0px;
	}

	a.button.apply{
		background-color:#2d8bed;
	}

	a.button.renew{
		background-color:#445969;
	}

	a.button.check{
		background-color:#1f558e;
	}

	a.button.verify{
		background-color:#2d8bed;
	}

	a.button.file{
		background-color:#445969;
	}

	section.mainContent a[href$='.pdf']{
		padding:5px 20px 5px 0px;
		background: transparent url('../img/icon_pdf.gif') no-repeat center right;
	}

	section.mainContent ul li{
		padding-bottom:10px;
		margin-left:30px;
		list-style:disc;

	}

/*Table Styles*/


	table {
    width: 100%;
}

th {
    height: 50px;
    text-align:center!important;
    vertical-align:middle;
    padding:15px!important;
    background-color:#2d8bed;
    color:#fff;
    border: 1px solid #fff;
}

td{
	height: 50px;
    text-align:left!important;
    vertical-align:middle;
    padding:15px!important;
    border:1px solid #999;
}

td[colspan]{
	text-align:center!important;
}

tr:hover {background-color: #f6f7f8}


/*Board Members*/
a.bmLink{
	display:inline-block;
	padding:5px;
	color:#fff;
	background-color:#1f558e;
	margin-top:15px;
	border-radius:5px;
}

a.bmLink:hover{
	color:#fff;
}

article.bm{
	margin-top:30px;
	min-height:150px;
}

/*Paragraph Styles*********************************************************/
	/*Call to Action */

		div.actionWrap{
			height:130px;
			margin-top:30px;
			padding:30px;
		}

		div.callLink{
			background-color:#1f558e;
			width:45%;
			float:left;
			position: relative;
			height: 62px;
		}

		div.callLink a{
			color:#fff;
			padding:20px 0px 15px 15px;
			display:inline-block;
			width:100%;
		}

		div.callLink a:hover{
			text-decoration:none;
		}

		div.callLink:hover{
			background-color:#445969;
		}

		div.callLink div{
			display:inline-block;
			width:100%;
		}

		span.linkIcon img{
			width:32px;
			height:32px;
		}

		span.linkIcon div{
			display:inline-block;
		}

		span.linkIcon {
			
			background-color:#2d8bed;
			padding:15px;
			position:absolute;
			right:0;
			top:0;
		}

		div.callDescription{
			color:#fff;
			width:45%;
			float:right;
		}


/*Navigation Styles********************************************************/
	header{
		box-shadow:0 5px 5px rgba(0,0,0,0.1);
		position:relative;
		z-index:50;
	}

div.mainNavigation { position:relative; padding:0px 15px; background-color:#2d8bed; color:#fff; text-transform:uppercase; }

	ul.menu-level-0{
		margin-bottom:0px;
		text-align:center;
		padding:8px 0;
	}

	ul.menu-level-0 li{
		display:inline-block;
		padding: 0px 10px;
		position:relative;
	}

	span.item-level-0 a{
		color:#fff;
		opacity: 1;
		letter-spacing: 1px;
		font-weight:700;
	}

	span.item-level-0 a:hover{
		
		opacity: .8;
		
	}

	span.item-level-0 {
		padding:10px;
	}

	span.item-level-0 a:hover{
		text-decoration:none;
		opacity: 1;
	}

	ul.menu-level-1{
		padding:15px;
		background-color:#1f558e;
		color:#fff;
		position:absolute;
		z-index:51;
		display:none;
		top:25px;
		max-height:250px;
		overflow-x: hidden;
   		overflow-y: scroll;
	}

	ul.menu-level-1 li{
		display:block;
		padding-bottom:10px;
	}

	ul.menu-level-1 li a{
		display: block;
		color:#fff;
		text-align:left;
	}

	div.mobileMenu{
		position:absolute;
		right:15px;
		top:10px;
		display:none;
	}

	div.mobileMenu img{
		width:35px;
		height:35px;
	}

/*Side Navigation******************************************************/
	

	ul.book-level-0{
		background-color:#1f558e;
		color:#fff;
		padding:15px;
		margin-bottom: 30px;
	}

	ul.book-level-0 li{
		padding-bottom:15px;
	}

	ul.book-level-0 li a{
		color:#fff;
	}



/*Search Styles********************************************************/

	div.siteSearch {
		background-color:#1f558e;
		padding:15px 0px;
		position:relative;
		display:none;
		z-index:52;
	}

	div.closeSearch{
		position:absolute;
		top:5px;
		right:15px;
	}

	div.closeSearch:hover{
		cursor:pointer;
	}

	div.js-form-type-search{
		display: inline-block;
		width:75%;
	}

	input.form-search{
		width:100%;
		background-color:#fff;
		border:none;
		padding:5px 5px 5px 15px;
		border:1px solid #999;
	}

	div.js-form-wrapper{
		display: inline-block;
		float:right;
		width:20%;
	}

	input.js-form-submit{
		
		font-weight:600;
		background-color:#2d8bed;
		border:none;
		color:#fff;
		text-transform: uppercase;
		padding:5px;


	}

	input.js-form-submit:hover{
		color:rgba(255,255,255,1);
	}

	form#search-block-form{

		text-align:center;
		padding-top:30px;
	}



/*Header Styles********************************************************/

	header {
		background-color:#fff;
		padding: 15px 15px;
	}

	div#block-msbml-branding img{
		width:100px;
	}

	div#block-msbml-branding a{
		font-size:24px;
		color: #000;
		font-weight:700;
	}

	div#block-msbml-branding a:hover{
		text-decoration:none;
		color: #445969;
	}

	div.contactBtn span::before{
		content: url('../img/contact.svg');
		position:relative;
		bottom:-8px;
		padding-right:10px;
		
	}

	div.searchBtn span::before{
		content: url('../img/search.svg');
		position:relative;
		bottom:-8px;
		padding-right:10px;
		
	}

	div.siteBtn span::before{
		content: url('../img/site.svg');
		position:relative;
		bottom:-8px;
		padding-right:10px;
		
	}

	div.searchBtn, div.contactBtn, div.siteBtn{
		padding-bottom:10px;
	}

	div.leftHeader{
		width:70%;
		float:left;
	}

	div.rightHeader{
		width:30%;
		float:right;
		padding-right:15px;
	}




/*Slider Styles********************************************************/
section.slider, div.MSBML-slider li{
	
	height:400px;
}

div.unslider{
	margin: 0% 3%;
	margin-top: 3%;
    position:relative;
}

div.unslider a.unslider-arrow.next,div.unslider a.unslider-arrow.prev{
	/*top:400px;*/
    top:170px;
	font-size:0px;
	z-index: 50;
	opacity: 1;
}
a.unslider-arrow.next {
    /*right: 100px !important;*/
    right: 50px !important;
}

a.unslider-arrow.prev {
    /*left: 100px !important;*/
    left: 50px !important;
}


div.unslider nav.unslider-nav{
	bottom:30px;
	position:absolute;
	left:0px;
	right:0px;
}

div.MSBML-slider div.slideBg{
	width:100%;
	height:400px;
	color:#fff;
	
	background-color:rgba(31,85,142, .2);
}

div.slideContent{
	width:40%;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
	
	
	top:0px;
}

h1.slideTitle{
	margin-top:0px;
	letter-spacing: 2px;
	font-size:50px;
}

div.slideContent p{
	letter-spacing:1px;
	margin-top:15px;
	color:#FFF!important;
}

span.slideLink a{
	background-color:#1f558e;
	color:#fff;
	padding:10px 15px;
	border-radius: 5px;
	margin-top:15px;
	display:inline-block;
}

span.slideLink a:hover{
	background-color:#445969;
	text-decoration:none;
}

a.unslider-arrow.next::after{
	content: url('../img/rightArrow.svg');
	
}

a.unslider-arrow.prev::before{
	content: url('../img/leftArrow.svg');

}

div.MSBML-slider{
	height:400px;
	background-color:#000;
}
/*Event Listing**************************************************/
div.date{
	width:100px;
	display:inline-block;
	float:left;
}

div.month{
	width:60px;
	height:60px;
	border-radius:5px;
	background-color:#2d8bed;
	color:#fff;
	position:relative;
	text-align:center;
	padding:5px;
	text-transform:uppercase;
}

div.day{
	background-color: #1f558e;
	color:#fff;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	border-radius: 0px 0px 5px 5px;
	padding:5px;
	font-size:18px;
}

div.eventContent{
	width:80%;
	display:inline-block;
}

div.eventContent h2{
	margin-top:0px;
	font-size:24px;
}
div.wrap{
	background-color:#f6f7f8;
	padding:15px;
	margin-top:30px;
}

header.viewHeader{
	background-color:transparent;
	padding:0px;
	margin-bottom:15px;
	margin-top:30px;
}


/*Static Jumbotron Styles********************************************************/

/*Body Styles********************************************************/

	section.mainContent{
		height:100%;
		

	}

	article.bmFull span{
		margin:0 auto;
		display:block;
		text-align:center;
	}

	/*article.bmFull p{
		text-align:center;
	}*/

	div.leftContent{	
		width:69%;
		float:left;
		padding:15px;
		margin:3%;
		background-color: #fff;
		box-shadow: rgba(45,45,45,0.05) 0px 2px 2px, rgba(49,49,49,0.05) 0px 4px 4px, rgba(42,42,42,0.05) 0px 8px 8px, rgba(32,32,32,0.05) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.05) 0px 64px 64px;
	}

	div.rightContent{
		width:22%;
		float:left;
		margin:3%;
		margin-left:0%;
		
	}

	div.sideNav{
		box-shadow: rgba(45,45,45,0.05) 0px 2px 2px, rgba(49,49,49,0.05) 0px 4px 4px, rgba(42,42,42,0.05) 0px 8px 8px, rgba(32,32,32,0.05) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.05) 0px 64px 64px;
	}

	div.sideNav h3{
		background-color:#2d8bed;
		color:#fff;
		padding:15px;
		margin:0px;
		text-align:center;
		text-transform:uppercase;

	}

	div.sideNav ul{
		background-color:#fff;
		padding:15px;
		margin-left:0px;
		list-style-type:none!important;

	}

	div.sideNav ul li{
		padding:15px 0px;
		border-bottom: 1px solid #999;
		list-style:none!important;
		margin-left:0px!important;
	}

	div.leftWrap{
		width:69%;
		float:left;
		margin:3%;
		margin-top:0px;

	}

	div.left{
		width:48%;
		float:left;
		height:600px;
		margin-top:-620px;
		
	}

	footer.article{
		background-color:transparent!important;
		
	}

	a.newsListingA{
		width:100%;
		border-top:3px solid #ccc;
		padding-top:15px;
		text-align:right;
		color:#337ab7;
		display:inline-block;
	}

	article.newsListing{
		background-color:#fff;
		padding:15px;
		min-height:130px;
		margin-bottom:15px;
		box-shadow:rgba(45,45,45,0.05) 0px 2px 2px, rgba(49,49,49,0.05) 0px 4px 4px, rgba(42,42,42,0.05) 0px 8px 8px, rgba(32,32,32,0.05) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.05) 0px 64px 64px;
	}

	div.newsLeft{
		width:115px;
		float:left;
		overflow:hidden;

	}

	div.right{
		width:48%;
		margin-top:-620px;
		float:right;
		height:600px;
	}

	article.newsListing h4, article.eventListing h4{
		margin-top:0px!important;
	}

/*Event Styles*********************************************************/
	article.eventListing{
		padding-bottom:15px;
		border-bottom:2px solid #ccc;
		position:relative;
		margin-bottom:15px;
		min-height:130px;
		background-color:#fff;
		padding:15px;
		box-shadow:rgba(45,45,45,0.05) 0px 2px 2px, rgba(49,49,49,0.05) 0px 4px 4px, rgba(42,42,42,0.05) 0px 8px 8px, rgba(32,32,32,0.05) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.05) 0px 64px 64px;
	}

	div.eventRight{
		position:absolute;
		left:90px;
		top:45px;
	}


/*Board Action Report Styles********************************************/
	h3.actionYear{
		padding:10px;
		background-color:#f6f7f8;
		margin-bottom:10px;
		position:relative;

	}

	h3.actionYear.con:after{
		font-family:'FontAwesome';
		content:"\f067";
		
		font-size:15px;
		position:absolute;
		right:15px;
		top:15px;
	}

	h3.actionYear.exp:after{
		font-family:'FontAwesome';
		content:'\f068';
		
		font-size:15px;
		position:absolute;
		right:15px;
		top:15px;
	}

	h4.actionMonth{
		margin-left:15px;
		margin-bottom:10px;
		background-color:#f6f7f8;
		padding:10px;
		position:relative;
	}

	h4.actionMonth.con:after{
		font-family:'FontAwesome';
		content:'\f067';
		
		font-size:15px;
		position:absolute;
		right:15px;
		top:15px;
	}

	h4.actionMonth.exp:after{
		font-family:'FontAwesome';
		content:'\f068';
		
		font-size:15px;
		position:absolute;
		right:15px;
		top:15px;
	}

	div.actionContent{
		margin-left:30px;
	}


/*Statistical Information********************************************/
	h3.statHeading{
		padding:10px;
		background-color:#f6f7f8;
		margin-bottom:10px;
		position:relative;

	}

	h3.statHeading.con:after{
		font-family:'FontAwesome';
		content:"\f067";
		
		font-size:15px;
		position:absolute;
		right:15px;
		top:15px;
	}

	h3.statHeading.exp:after{
		font-family:'FontAwesome';
		content:'\f068';
		
		font-size:15px;
		position:absolute;
		right:15px;
		top:15px;
	}

	h4.statType{
		margin-left:15px;
		margin-bottom:10px;
		background-color:#f6f7f8;
		padding:10px;
		position:relative;
	}

	h4.statType.con:after{
		font-family:'FontAwesome';
		content:'\f067';
		
		font-size:15px;
		position:absolute;
		right:15px;
		top:15px;
	}

	h4.statType.exp:after{
		font-family:'FontAwesome';
		content:'\f068';
		
		font-size:15px;
		position:absolute;
		right:15px;
		top:15px;
	}

	h4.statPaType{
		margin-left:15px;
		margin-bottom:10px;
		background-color:#f6f7f8;
		padding:10px;
		position:relative;
	}

	h4.statPaType.con:after{
		font-family:'FontAwesome';
		content:'\f067';
		
		font-size:15px;
		position:absolute;
		right:15px;
		top:15px;
	}

	h4.statPaType.exp:after{
		font-family:'FontAwesome';
		content:'\f068';
		
		font-size:15px;
		position:absolute;
		right:15px;
		top:15px;
	}

	div.statBody, div.statPaBody{
		margin-left:30px;
	}

	h3.statHeading, h4.statType, h4.statPaType{
		padding-right:50px;
	}

/*Footer Styles********************************************************/

	footer{
		background-color:#2d8bed;
		color: #fff;
		padding:15px 0px 0px 0px;
		clear:both;
	}

	footer nav#block-msbml-footer ul li{
		display:inline-block;
		padding-right:15px;
	}

	footer nav#block-msbml-footer ul li a{
		color:#fff;
	}

	footer p{
		color:#FFF;
	}

	footer a{
		color:#fff;
	}

/*InfoFooter Styles********************************************************/

	div.footerBottom{
		background-color:#1f558e;
		padding: 5px 15px;
		margin:0 auto;
		text-align:center;
		min-height:50px;
	}

	div.footerBottom p{
		color:#fff;
	}

	div.footerBottom  a{
		color:#fff;
	}

	div.footerBottom img{
            height: auto;
		width:75px;
		height: auto;
	}


/*Media Queries*************************************************************/
	@media (max-width:1550px){
		div.right, div.left{
			margin-top: -560px;
		}

		
	}


	@media (max-width: 1000px){
		div.rightContent{
			width:94%;
			float:none!important;
			margin: 0 auto;
			
		}

		div.leftContent{
			width:94%;
			float:none!important;
			
		}
		div.leftWrap{
			width:94%;
			margin:3%;
		}

		div.left{
			width:100%;
			float:none!important;
			margin-top:0px;
			height:600px;
		}

		div.right{
			width:100%;
			float:none!important;
			margin-top:0px;
			height:600px;
		}

		header.viewHeader{
			margin-top:0px;
		}

		div.eventRight{
			
			
			top:55px;
		}
		
	}



	@media (max-width: 750px){
		div.mainNavigation { min-height:50px; }
        
        div.mobileMenu{
			display:block;
		}

		div.callLink, div.callDescription{
			width:100%;
		}

		div.callDescription{
			padding-top:15px;
			color:#000;
		}

		div.actionWrap{
			padding:0px;
		}

		div.actionWrap[style]{
			background-image:none!important;
		}

		ul.menu-level-0{
			position:absolute;
			background-color:#1f558e;
			padding:15px;
			width:100%;
			top:50px;
			z-index:51;
			left:0px;
		}

		ul.menu-level-0 li{
			display:block;
			padding-bottom:10px;
			position:relative;
		}

		ul.menu-level-1{
			width:100%;
			position:relative;
			margin-top:15px;
			max-height:none;
		}

		div.eventContent{
			padding-top:15px;
		}

		div.sideNav ul li{
			padding:5px 0px;
		}
        ul.mobile-hide.menu-level-0, ul.menu-level-0.mobile-hide { position:absolute !important; top:-9999px !important; left:-9999px !important; visibility:hidden; opacity:0; }

	}

	@media (max-width: 650px){
		a.titleText{
			display:none;
		}

		div.leftHeader{
			width:50%;
		}

		h1{
			font-size:24px!important;
		}

		div.rightHeader{
			width:50%;
		}

		header{
			border-bottom: 1px solid #000;
		}

		section.slider{
			display:none;
		}

		div.actionWrap{
			height:180px;
			
		}

	}

	@media (max-width: 450px) {
		span.linkIcon{
			display:none;
		}

		h2{
			font-size:24px;
		}

		div.leftHeader{
			width:30%; 
		}

		div.rightHeader{
			width:65%;
			margin-left:5%;
		}
	}