/* @import url(https://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic|Oswald:300,400,700); */


body, p{
	margin:0px;
	padding:0px;
	color: #000;
	font: 300 16px/30px 'Lato', Helvetica, Arial, sans-serif;
	
	}
/*! In Editor Styles Only */
.FCKcontent table tr td, .FCKcontent div{ /* Adjust Table border in editor  if needed */
	border: 1px dotted rgba(133, 0, 0, 0.35);
	}

.FCKcontent table:hover tr td, .FCKcontent div:hover{ /* Adjust Table border in editor  if needed */
/* 	border: 1px dotted #ff0000!important; */
	}

.FCKcontent img{
	max-width: 100%; /* Prevents image overlapping cell due to borders above */
	height: auto;
	}

.designnotes{ /* Inline comments during dev stage */
	font-weight: normal;
	background-color: #FFC;
	display: block;
	border: 1px solid #FC3;
	background:  #FFC url(/themes/MTF17/images/templateicons/DevComment.gif) no-repeat left top;
	padding: 30px 10px 10px 75px;
	min-height:55px;
	}
.SC_panel{ 
/*
	background-color: #FFF!important;
	background-image: none!important;
	background: url(/themes/MTF17/images/layout/bodyBG.png)  center top repeat;
	*/
	width:250px!important;
	font-size: 10px;
}

.SC_panel span.designnotes{
	background-image: none;	
	padding: 3px;
	min-height:12px;
	}
	
img.template{ /* Building Block Template Preview */
	display:block;
	clear:both;
}

/* End Editor Styles  */


#content div.mapwrap, 	#content div.mapwrap > div:first-of-type{
		width: 100%!important;
	}

/*! For Google Maps  */
.MarkerTitle >div { /* Marker title */
	white-space: pre;
	color: #FFF;
	text-align: left;
	font: bold 10px/10px 'Lato', Helvetica, Arial, sans-serif;
	padding:3px 5px;
	margin: 0px 3px;
	text-shadow: #000 0px 0px 2px;
	background-color:rgba(0, 0, 0, .8);
	border:solid 1px #CCC;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
			border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
			box-shadow: 0px 0px 5px #000;
	}

.InfoContent{ /* Bubble Content */
	font: 12px/normal 'Lato', Helvetica, Arial, sans-serif;
	color: #333;	
	}
/* End Google Maps */



 /* default Font info */
#content,  #content table tr td { 
	color: #000;
	font: 300 16px/30px 'Lato', Helvetica, Arial, sans-serif;
	}

#content .dark{  /* default Font info */
	color: #fff;
	
	}
	
#content .dark table tr td {  /* default Font info */
	color: #fff;
	/*padding-left: 30px;
	padding-right: 30px;*/
	}

#content tr td.indented{
	padding-left: 70px;
	padding-left: 5.9829%;
	}

#content tr, #content tr td {
	vertical-align: top;	
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
	        box-sizing:border-box;
	}





/*! Headers */

#content h1{
	color: #313131;
	display: block;
	padding: 0px;
	font: 400 36px/44px 'Oswald',  Helvetica, Arial, sans-serif;
	margin: 0px 0px 20px;
	/*letter-spacing: 0.05em;*/
	}
	
	#content h1 .highlight1{
	color: #5eadd4;
	font: 400 32px/40px 'Lato', Helvetica, Arial, sans-serif;
	display: inline-block;
	text-transform: none;
	}

	#content .dark h1{
	color: #fff;
	}
	
#content h2{
	color: #000000;
	display: block;
	font: 400 24px/30px 'Lato', Helvetica, Arial, sans-serif;
	padding: 0px;
	margin: 6px 0px 12px;
	letter-spacing: 0.1em;
	}

	#content .dark h2{
	color: #fff;
	}

	#content .offwhite h2{
	color: #323232;
	}
	
	#content h2 span{
	display: block;
	}

#content h3{
	color: #747474;
	display: block;
	clear: none;
	font: 400 18px/24px 'Lato', Helvetica, Arial, sans-serif;
	margin: 1px 0px 5px;
	letter-spacing: 0.1em;
	}
	
	#content .dark h3{
	color: #fff;
	}
	
#content h4{
	font: 400 16px/30px 'Lato', Helvetica, Arial, sans-serif;
	display: block;
	clear: none;
	color: #4B5461;
	padding: 0px;
	margin: 6px 0px 10px;
	letter-spacing: 0.1em;
	}
	
	#content .dark h4{
	color: #fff;
	}



/*! Styles  */
/* Additional styles for client editing 
 Add  styles in c1_css.xml to have them display in Editor "Styles" menue */

#content .highlight1{
	color: #707070;
	font: 300 24px/30px 'Lato', Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
	}

#content .dark .highlight1{
	color: #fff;
	}

#content .highlight2{
	font-size: 20px;
	}

#content .highlight3{
	color: #A00600;
	font-size: 18px;
	font-weight: 400;
	}

#content .highlight4{
	color: #005699;
	}

#content .fineprint{
	display: block;
	font-size: 12px;
	line-height: 16px;
	}

#content .black{
	color: #000;
	}

#content .upper{
	text-transform: uppercase;
	}	

#content .underlined {
	border-bottom: 1px solid #000;
	}

	
#content .tighter{
	line-height: 24px !important;
	display:block;
	}


/* Horizontal Rules */
/*
#content hr, #content .hr {
	width: 100%;
	padding: 0px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(112,112,112,1.00);
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	clear: both;
	}
*/


#content hr, #content .hr {
  background-image: url("/themes/MTF17/images/content/hr.png");
  background-position: center center;
  border-style: none;
  clear: both;
  display: block;
  height: 58px;
  margin: 10px;
  padding: 0;
  width: auto;
  position: relative;
  
  
}
#content hr:before, #content .hr:before{
	font-family: FontAwesome;
   content: "\f111";
	position: absolute;
	left: 0;
	top: 18px;	
	font-size: 10px;
	color: #04212e;
}

#content hr:after, #content .hr:after{
	font-family: FontAwesome;
   content: "\f111";
	position: absolute;
	right: 0;
	top: 18px;	
	font-size: 10px;
	color: #04212e;
}


/*! Lists */


#content ul{
	display: block;
	padding-left: 35px;
	margin-bottom: 30px;
	margin-left: 0px;
	margin-top: 15px;
	}
	
#content ul li{
	display: block;
	list-style-type: none;
	list-style-position: outside;
	padding: 0px 0px 15px;
	line-height: 24px;
	}
	
#content ul li:before {
	font-family: 'FontAwesome';
	font-size: 14px;
	content: '\f1DB';
	margin: 0px 10px 0px -22px;
	color: #AAB4B8;
	}
	
#content ol{
	display: block;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 10px;
	}

#content ol li{
	margin-left: 10px;
	padding-left: 10px;
	}


/*! link Styles */

#content a, #content a:visited{
	text-decoration: none;
	color: #0081b4;
	font-weight: 400;
	}
	
#content a:hover, #content a:active{
	color: #40BC7C;
	}
	
	
	
/*
	#content a[href $='.pdf'], #content a.pdf{
		background: url(/themes/MTF17/images/templateicons/pdf-icon.gif) no-repeat 4px 2px!important;
		padding-left: 40px!important;
		display:inline-block!important;
		
		
	}
*/
#content a[href $='.pdf']:before {
   font-family: FontAwesome;
   font-size: .8em;
   content: "\f1c1";
   padding-right: 5px;
}



/*! CSS Buttons */
	
#content a.lrgButton, #content a:visited.lrgbutton{
	margin: 0px;
	color: #fff!important;
	font: 700 22px/26px 'Lato', Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	display: block;
	padding: 10px 0;
	text-decoration: none!important;
	background: #5F93F8;
	overflow: hidden;
	border-style: none!important;
	}

#content a:hover.lrgButton{
	color: #2286b3!important;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
}




#content .button, #content .button:visited{
	display: inline-block;
	font: 300 16px/20px 'Lato', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	background-color: #005699;
	padding: 15px 40px;
	margin: 0px auto;
	min-width: 24px;
	/*border-radius: 20px;*/
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition: background-color .2s linear;
	}

#content .button100, #content .button100:visited{
	display: block;
	font: 300 16px/20px 'Lato', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	background-color: #005699;
	padding: 15px 20px;
	margin: 0px auto;
	min-width: 24px;
	/*border-radius: 20px;*/
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background-color .2s linear;
	}

#content .button:hover,#content .button100:hover{
	color: #FFF;
	background-color: #000;
	-webkit-transition: background-color .2s linear;
	}

#content .buttonDK, #content .buttonDK:visited{
	display: inline-block;
	font: 300 16px/20px 'Lato', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	padding: 15px 40px;
	margin: 0px auto;
	min-width: 24px;
	/*border-radius: 20px;*/
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	background-color: #484849;
	-webkit-transition: background-color .2s linear;
	}
	
	#content .button100DK, #content .button100DK:visited{
	display: block;
	font: 300 16px/20px 'Lato', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	padding: 15px 40px;
	margin: 0px auto;
	min-width: 24px;
	/*border-radius: 20px;*/
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	background-color: #484849;	
	-webkit-transition: background-color .2s linear;
	}

#content .buttonDK:hover, #content .button100DK:hover{
	color: #FFF;
	background-color: #000;
	-webkit-transition: background-color .2s linear;
}



#content a.smallButton, #content a:visited.smallButton{
	font: 700 18px/24px 'Lato', Helvetica, Arial, sans-serif;
	color: #fff;
	border-radius: 50%;
	background-color: #005699;
	text-align: center;
	display: inline-block;
	min-width: 24px;
}
#content a:hover.smallButton{
	color: #fff;
	background: #000;

}
	
	




/*! Normal Content Tables */

	#content table.table_basic{
	width: 100%!important;
	border: 1px solid #CCC;
	/*	-webkit-box-shadow: #898989 0px 0px 4px;
		   -moz-box-shadow: #898989 0px 0px 4px;
		        box-shadow: #898989 0px 0px 4px;*/
	background: #FDFDFD;
	}
	
	#content table.table_basic thead {
	background-color: rgba(134,142,153,0.10);
	}
	#content table.table_basic thead tr td{
		color: #000;
		border-bottom: none;
		padding: 10px;
		font: 300 18px/20px 'Lato', Helvetica, Arial, sans-serif;
		border-top-style: none;
	}
	
	#content table.table_basic tr td{
		vertical-align: top;
		border-top: 1px solid #CCC;
		padding: 10px;
	}
	#content table.table_basic h2 {
/*
		color: #000000;
		margin-top: 0px;
		margin-bottom: 0px;
		font: 400 normal 14px/normal 'Lato', Helvetica, Arial, sans-serif;
		text-transform: uppercase;
*/
	}
	#content table.table_basic ul {
		display: block;
		padding-left: 10px;
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	#content table.table_basic ul li {
	display: block;
	list-style-type: none;
	list-style-position: outside;
	padding: 0px 0px 14px 20px;	
	}

/*	
	#content table.table_basic table ul {
		display: block;
		padding-left: 0px;
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	#content table.table_basic table ul li {
		display: block;
		background-repeat: no-repeat;
	}
	*/
	
	
	
#content table.callout{
	background-color: #8E9AA0;
	width: 100%!important;
	height: auto!important;
	margin: 0;
	padding: 0;
	z-index: 500;
	}
		
#content table.callout td{
		padding: 10px;
/* 		background: #31aae2; */
		color: #fff;
		font: 400 24px/32px 'Lato', Helvetica, Arial, sans-serif;
		text-align: center;
		text-transform: uppercase;
	}

#content table.calloutDark{
	background-color: rgba(0,78,111,0.75);
	mix-blend-mode: multiply;
	width: 100%!important;
	height: auto!important;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(0,0,0,0.50);
	-webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
	        box-sizing:border-box;
	}
		
#content table.calloutDark td{
	padding: 20px;
	/* 		background: #31aae2; */
	color: #fff;
	font: 400 24px/32px 'Lato', Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	}
	
#content table.calloutLight{
	background-color: rgba(254,254,254,0.5);
	/*mix-blend-mode: lighten;*/
	width: 100%!important;
	height: auto!important;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(255,255,255,0.50);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
		
#content table.calloutLight td{
	padding: 20px;
	color: rgba(0,0,0,1.0);
	font: 400 24px/32px 'Lato', Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;	
	}



#content table.table_utility, #content table.table_utility_left, #content table.table_utility_right{
	background-color: rgba(0,86,153,0.50)!important;
	border-style: none;
	margin: 4px 0px;	
	}
	
	#content table.table_utility_left{
		margin: 5px 20px 5px 0px!important;
	}
		
	
	#content table.table_utility_right{
		margin: 5px 0px 5px 20px!important;
	}

	#content table.table_utility tr td, #content table.table_utility_left tr td, #content table.table_utility_right tr td{
	padding: 10px 30px 20px!important;
	color: #fff!important;
	}


#content table.table_utility hr, #content table.table_utility_left hr, #content table.table_utility_right hr, #content table.table_utility .hr, #content table.table_utility_left .hr, #content table.table_utility_right .hr{
	width: 100%;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #757150;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-image: none;
	height: 2px;
	clear: both;
	}
	
	#content table.table_utility h1, #content table.table_utility_left h1, #content table.table_utility_right h1{
	font-size: 28px;
	margin: 0px 0px;
	color: #000;
	font-weight: 300;
	}
	
	#content .table_utility h2, #content .table_utility_left h2, #content .table_utility_right h2{
	color: #fff;
	font-size: 20px;
	}
	#content .table_utility a:hover, #content .table_utility_left a:hover, #content .table_utility_right a:hover{
	color: #00367b;
	}
	
/*! Media Styles */

	/* Border style for images, maps, video, flash */
	#content img.left, 
	#content img.right, 
	#content img.centered,
	#content img.vidLeft, #content div.vidLeft,
	#content img.vidRight, #content div.vidRight,
	#content img.vidFull, #content div.vidFull,
	#content div.mapwrap, 
	#content div.flashwrap{
/* 		background-color:#FFF; */
/*
		-webkit-box-shadow: 0px 1px 7px 0px rgba(17, 40, 59, 0.2);
		   -moz-box-shadow: 0px 1px 7px 0px rgba(17, 40, 59, 0.2);
		        box-shadow: 0px 1px 7px 0px rgba(17, 40, 59, 0.2);
*/
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	
	
	/* images, flash and video 
	 Add image styles in c1_css.xml to have them display in Editor "Styles" menue */
	
	#content img.left, #content div.vidLeft, #content img.vidLeft {
		margin: 0px 20px 0px 0px;
		float: left;	
	}
	
	#content img.right, #content div.vidRight, #content img.vidRight {
		float: right;
		margin: 0px 0px 0px 20px;	
	}
	
	#content img.centered, #content div.mapwrap, #content div.flashwrap, #content div.vidFull, #content img.vidFull {
		float: none;
		margin: 0px;
		clear: both;
		display: block;
	}
	
	#content img.round{
		
		float: none;
		margin: 0px auto;
		clear: both;
		display: block;
/*
		width: 88px;
		height: 88px;
*/
		border-radius: 50%;
		border: 5px solid rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 2px black;
		box-sizing: border-box;
		transition:all .5s ease;
		width: 100% !important;

	}
	#content img.round:hover{
/*
		border-radius: 5%;
		border: 0px solid rgba(255, 255, 255, 1);
		opacity: 1;
*/

	}
	#content img.round.lifted{
		margin-top: -58px;
	}

 #content div.mapwrap{
	 overflow: hidden;
	 
 }

#content div.mapwrap>div{
	width: 100%;
}


/*! Quotes */

	#content table.quotespecial {

		margin: 0px;
		background: #cb2217;
	}
	
	#content table.quotespecial.fill{
		width: 100%;
		position: absolute;
		left: 0;
		top: -50px;
		right: 0;
		bottom: 0;
		display: block;
	}
	#content table.quotespecial.fill tbody, #content table.quotespecial.fill td, #content table.quotespecial.fill tr{
		height: 100%;
		display: block;
		position: relative;
	}
	#content table.quotespecial td.main{
	font: 400 16px/26px 'Lato', Helvetica, Arial, sans-serif;
	color: #fff;
	font-style: italic;
	text-align: center;
	padding: 20px;
	background: url(/themes/MTF17/images/content/QuoteBG.png) center center no-repeat;
	vertical-align: middle;
	}
	
	#content table.quotespecial td.caption{
		font: 400 normal 15px/normal 'Lato', Helvetica, Arial, sans-serif;
		color: #000;
		text-align: right;
		padding-right: 20px;
	}
	
	
	
	
	
	
	#content table.quote_full {
		margin: 0px;
	}
	#content table.quote_left {
	margin: 0px 20px 0px 0px;
	}
	#content table.quote_right {
	margin: 0px 0px 0px 20px;
	}
	
	#content table.quote_full td.main, #content table.quote_left td.main, #content table.quote_right td.main{
	font: 300 18px/24px 'Lato', Helvetica, Arial, sans-serif;
	color: #000;
	text-align: left;
	padding: 20px;
	background-color: rgba(238,238,238,1.00);
	vertical-align: middle;
	border-radius: 0px;
	}
	
	#content table.quote_full td.caption, #content table.quote_left td.caption, #content table.quote_right td.caption{
	font: 700 normal 14px/18px 'Lato', Helvetica, Arial, sans-serif;
	color: #616060;
	text-align: left;
	padding-left: 80px;
	padding-top: 6px;
	text-transform: uppercase;
	background-image: url(/themes/MTF17/images/content/quotetail.png);
	background-repeat: no-repeat;
	background-position: 40px 0px;
	padding-bottom: 12px;
	}
	
	
	/*
	#content .imagequote{
		min-height: 200px;
		background-position: center center;
		background-size: cover;
	}
	
	#content .imagequote table.quote_right {
		margin: 20px 20px 10px 0px;
		width: 80%;
		max-width: 450px;
	}
	
	#content .imagequote table.quote_right td.main{
		font: italic 400 16px/normal 'Lato', Helvetica, Arial, sans-serif;
		color: #000;
		text-align: left;
		padding: 20px 20px 20px 80px;
		background: rgba(250, 249, 245, 0.8) url(/themes/MTF17/images/content/quoteleft.png) no-repeat 20px 20px;
		vertical-align: middle;
		min-height: 32px
	}
	#content .imagequote table.quote_right td.caption{
		font: 700 normal 14px/20px 'Lato', Helvetica, Arial, sans-serif;
		background: url(/themes/MTF17/images/content/quotetail80.png) no-repeat 30px 0px;
		color: #fff;
		text-align: left;
		padding: 10px 0 0 80px;
		text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.8)
	}
	#content .imagequote table.quote_right td.caption div{
		color: #d93232;
	
	}*/


	
	
	
	


@media only screen and (max-width: 600px) {
    /* tablets and phones - Any thign under 1020px */

	table.grid.stack > tbody > tr > td { 
		display: block;
	    width: 100%!important;
	    margin-bottom: 24px;
		/* 	    border: 1px solid rgba(0, 0, 0, 0.21); */
	}
	
	
	table.grid.stack > tbody > tr > td:last-child { 
		margin-bottom: 0px;
	}
    
    table.grid.stack > tbody > tr > td.gutter, table.grid16.stack > tbody > tr > td.gutter1-16, table.grid16.stack > tbody > tr > td.noMobile{
		display:none; 
    }    


}