/* 

Meet the Board
Copyright 2015-2017 EZOnlineDocuments, LLC

mtb_container - overall container for the entire mtb
mtb_box - overall box (shared by all views)
mtb_summ_* - summary view
mtb_bio_* - bio view
mtb_comm_* - committee view
mtb_skill_* - skill view


New 2017 cascading styles:

mtb_container

mtb_view_ALL
mtb_view_SUMMARY
mtb_view_BIO
mtb_view_SKILL
mtb_view_COMMITTEE
mtb_view_HELP

mtb_item_ALL
mtb_item_SUMMARY
mtb_item_BIO
mtb_item_SKILL
mtb_item_COMMITTEE
mtb_item_HELP

mtb_header_ALL
mtb_header_SUMMARY
mtb_header_BIO
mtb_header_SKILL
mtb_header_COMMITTEE
mtb_header_HELP

mtb_subitem_ALL
mtb_subitem_SUMMARY
mtb_subitem_BIO
mtb_subitem_SKILL
mtb_subitem_COMMITTEE
mtb_subitem_HELP



mastercard branding colors:
#008e96	49	Link color
#11b1bf	50	Link color (hover)
#455259	61	Body font

document orange:  #fcb915


*/



/* START SNAPSHOT CSS */
table.mtb_snapshot { margin-top: 10px; padding: 5px; margin-left: auto; margin-right: auto;  border-left: 1px solid #fcb915; border-right: 1px solid #fcb915; border-bottom: 1px solid #fcb915; /* width: 92%; */ border-top: 1px solid #fcb915; }
td.mtb_snapshot { padding-top: 10px; padding-bottom: 10px; vertical-align: top; }

.mtb_snapshot {}
.mtb_snapshot_box_outer { width: 90%; text-align:center; margin-left: auto; margin-right: auto; }
.mtb_snapshot_box .mtb_header_ALL { color: white; }
.mtb_snapshot_box { background-color: white; padding: 0px; border-left: 1px solid #fcb915; border-right: 1px solid #fcb915; border-bottom: 1px solid #fcb915; /* width: 92%; */ border-top: 1px solid #fcb915; margin-top: 20px; display: inline-block; }
.mtb_snapshot_box_content { padding: 5px;  }
.mtb_snapshot_text { color: #636466; font-weight: bold;   }
.mtb_snapshot_subtext { font-size: 14px; color: #231f20; margin-left: 38px; margin-bottom: 10px; clear: both; text-decoration: underline;}
.mtb_snapshot_subtext:hover { color: #11b1bf; }
.mtb_snapshot_subtext2 { font-size: 14px; color: #231f20; margin-bottom: 10px;  text-decoration: underline;}
.mtb_snapshot_subtext2:hover { color: #11b1bf; }
.mtb_snapshot_header { text-align: center; padding-top: 5px; padding-bottom: 5px; }
h3.mtb_snapshot_h3 { color: #636466; padding-top: 10px; margin-bottom: 15px;  }
ul.mtb_snapshot_ul {  list-style-image: url('../mtb/mtb_bullet_image.png'); }
.mtb_snapshot_image { height: 31px; vertical-align: middle; padding-right: 5px; }
.mtb_snapshot_col1 { float: left; }
.mtb_snapshot_col2 { float: right; max-width: 600px; }
.mtb_snapshot_itembox { width: 155px; margin-left: auto; margin-right: auto; }
.mtb_snapshot_item { clear: both; padding: 5px; }
.mtb_3col,.mtb_3col_big { display: inline-block;  margin-right: 0px; margin-left: 0px; min-width: 280px; text-align: left; }
.mtb_2col { float: left; width: 45%; margin-right: 10px; min-width: 200px;}
.mtb_3col_leftspacer { width: 15px; display: inline-block; }

	.mtb_smallbar3 { width: 30px; height: 31px; }
	.mtb_smallbar4 { width: 40px; height: 31px; }
	.mtb_smallbar5 { width: 50px; height: 31px; }
	.mtb_smallbar11 { width: 120px; height: 31px; }
	.mtb_smallbar12 { width: 130px; height: 31px; }
	.mtb_snapshot_1unit { width: 12px; }
	.mtb_snapshot_3col { display: block; }
	.mtb_snapshot_1col { display: none; }
	
@media all and (max-width: 1300px) {
	.mtb_3col_big { width: 94%; clear: right; min-width: none; }	
	.mtb_snapshot_3col { display: none; }
	.mtb_snapshot_1col { display: block; }
}

@media all and (max-height: 800px) {
	.mtb_3col_big { width: 94%; clear: right; min-width: none; }	
	.mtb_snapshot_3col { display: none; }
	.mtb_snapshot_1col { display: block; }
}

@media all and (max-width:1023px) and (min-width:768px) {
	.mtb_snapshot_1unit { width: 10px; }
	
}

@media all and (max-width: 1024px){
	.mtb_3col { width: 94%; clear: right; }	
	.mtb_snapshot_box .mtb_header_ALL { padding: 0px 0px 0px 0px; }
.mtb_snapshot_box {  margin-left: 0px;  }
.mtb_snapshot_box_content { padding: 1px; }
.mtb_3col_leftspacer { display: none; }
}
	
	.mtb_bar3 { width: 20px; height: 31px; }
	.mtb_bar4 { width: 40px; height: 31px; }
	.mtb_bar5 { width: 60px; height: 31px; }
	.mtb_bar6 { width: 80px; height: 31px; }
	.mtb_bar7 { width: 100px; height: 31px; }
	.mtb_bar8 { width: 120px; height: 31px; }
	.mtb_bar9 { width: 140px; height: 31px; }
	.mtb_bar10 { width: 160px; height: 31px; }
	.mtb_bar11 { width: 180px; height: 31px; }
	.mtb_bar12 { width: 200px; height: 31px; }

	.mtb_smallbar3 { width: 30px; height: 31px; }
	.mtb_smallbar4 { width: 40px; height: 31px; }
	.mtb_smallbar5 { width: 50px; height: 31px; }
	.mtb_smallbar11 { width: 120px; height: 31px; }
	.mtb_smallbar12 { width: 130px; height: 31px; }

@media all and (max-width:767px) {
	.dirstatimage { width:100%; } /* fix for IE */
}
	
	/*
@media all and (max-width: 1024px){

	.mtb_bar3 { width: 30px; height: 31px; }
	.mtb_bar4 { width: 40px; height: 31px; }
	.mtb_bar5 { width: 50px; height: 31px; }
	.mtb_bar6 { width: 60px; height: 31px; }
	.mtb_bar7 { width: 70px; height: 31px; }
	.mtb_bar8 { width: 80px; height: 31px; }
	.mtb_bar9 { width: 90px; height: 31px; }
	.mtb_bar10 { width: 100px; height: 31px; }
	.mtb_bar11 { width: 110px; height: 31px; }
	.mtb_bar12 { width: 120px; height: 31px; }
	.mtb_snapshot_text { max-width: 225px;  }
}

@media all and (max-width:1279px) and (min-width: 768px) {
	.mtb_snapshot_boxsidebar .mtb_bar3 { width: 30px; height: 31px; }
	.mtb_snapshot_boxsidebar .mtb_bar4 { width: 40px; height: 31px; }
	.mtb_snapshot_boxsidebar .mtb_bar5 { width: 50px; height: 31px; }
	.mtb_snapshot_boxsidebar .mtb_bar6 { width: 60px; height: 31px; }
	.mtb_snapshot_boxsidebar .mtb_bar7 { width: 70px; height: 31px; }
	.mtb_snapshot_boxsidebar .mtb_bar8 { width: 80px; height: 31px; }
	.mtb_snapshot_boxsidebar .mtb_bar9 { width: 90px; height: 31px; }
	.mtb_snapshot_boxsidebar .mtb_bar10 { width: 100px; height: 31px; }
	.mtb_snapshot_boxsidebar .mtb_bar11 { width: 110px; height: 31px; }
	.mtb_snapshot_boxsidebar .mtb_bar12 { width: 120px; height: 31px; }
	
	
}

*/

/* END SNAPSHOT CSS */

p.mtb,li.mtb,a.mtb,td.mtb,div.mtb 	{ font-size: 17px;  line-height: 19px; color: #333f48; }
a.mtb,a.mtb_link_ALL,a.mtb_link_ALL:visited 	{ text-decoration: none; color: #0071ba; }
a.mtb:hover,a.mtb_link_ALL:hover 		{ text-decoration: underline;  }
.mtb_text-highlight	{ color: #11b1bf; font-weight: bold; }
.mtb_text-center,td.mtb_text-center,tr.mtb_text-center 	{ text-align: center; }

a.mtb_header-text_SUMMARY, a.mtb_itembox_captionbox_text {  } 

a.mtb_link_SUMMARY 	{  font-weight: 400;  }
a.mtb_link_BIO 		{  font-weight: 400;  }

.mtb_container {  
	background-color: white;
	font-size: 17px; line-height: 24px;
}

.mtb_container b {   }
.mtb_container p { margin-top: 15px; margin-bottom:15px; }

.mtb_view_ALL	 		{		}
.mtb_view_SUMMARY 		{		}
.mtb_view_BIO 			{		}
.mtb_view_SKILL 		{		}
.mtb_view_COMMITTEE 	{		}
.mtb_view_HELP			{		}

.mtb_snapshot_graphic {  }
.mtb_snapshot_graphic_title, .mtb_snapshot_graphic_subtitle { color: #333f48;   }
.mtb_snapshot_graphic_title { font-size:24px; text-align:center; margin-bottom:20px; margin-top:20px; }
.mtb_snapshot_graphic_subtitle { font-size:17px; border-bottom: 1px solid #333f48; text-align:left; margin-bottom:20px;  }
.mtb_snapshotgrapcol1, .mtb_snapshotgrapcol2 { text-align:left; padding-left:10px; padding-right:10px; }
.mtb_snapshotgrapcol1 img { width:350px;  }
.mtb_snapshotgrapcol2 img { width:450px; }

.mtb_biorightsidecontainer { background: #b3d4ea url('../mtb/photo-bio-bg.png') left top repeat-x; padding-left:10px; padding-right: 10px; border-top: 15px solid #0071b9; /* border-left: 15px solid #b3d4ea; */ }

@media all and (max-width: 767px) {
.mtb_snapshotgrapcol2 { margin-top: 15px; }
.mtb_snapshot_graphic_title { margin-top: 30px; margin-left:10px; margin-right: 10px; }
}

.mtb_box-content_SUMMARY { position: relative; }


.mtb_item_ALL {
	padding-top: 10px; padding-bottom: 10px;
	margin-top: 15px;
	marign-bottom: 15px;
	/* NO LEFT OR RIGHT PADDING OR MARGINS ON ITEMS ON THE OUTSIDE OF CLASS="XXX COLUMNS" ALLOWED, all padding must be internal in another div */
	display: block;
	color: black;
	background-color: white;
	/* border: 2px #0032a0 solid;
    border-radius: 10px; 
	box-shadow: 5px 5px 5px #999999;
	*/
	display:block;
	float:left;
	position: relative;
}

.mtb_padding-both 	{	padding-left: 15px; padding-right: 15px; }
.mtb_padding-left 	{ 	padding-left:15px; }
.mtb_padding-right 	{   padding-right:15px; }
.mtb_padding		{ padding: 15px; }
.mtb_padding-top	{ padding-top: 12px; }
.mtb_padding-bot	{ padding-bottom: 15px; }
.mtb_padding-bot-small	{ padding-bottom: 3px; } 

.mtb_item_SUMMARY 		{		}
.mtb_item_BIO 			{		}
.mtb_item_SKILL 		{		}
.mtb_item_COMMITTEE 	{		}
.mtb_item_HELP			{		}


.mtb_item-content_ALL {
	padding-top: 15px; 
}
.mtb_item-content_SUMMARY 		{   padding-left: 0px; padding-top: 0px !important;  	}
.mtb_item-content_SUMMARY2 		{   padding-left: 0px;  padding-right: 0px; padding-top: 0px !important; }
.mtb_item-content_SUMMARY2 .mtb_contenthdr { padding-top: 0px !important; }
.mtb_item-content_BIO 			{	padding-left: 0px;	}
.mtb_item-content_BIO2 			{	padding-left: 0px; max-width: 47%; float: left; 	}
.mtb_item-content_BIO3 			{	padding-left: 0px; max-width: 47%; float: left; 	}
.mtb_item-content_SKILL 		{		}
.mtb_item-content_COMMITTEE 	{		}
.mtb_item-content_HELP			{		}

.mtb_skillandrec_BIO p { margin-top: 6px; }
.mtb_biosubtitle { font-size:17px; font-weight: bold; color: #333f48; line-height: normal;  }
.mtb_bioitemwithbotborder1, .mtb_comitemwithbotborder1 { border-bottom:2px solid #333f48; margin-right:10px; }
.mtb_extratopbio1 { padding-top:12px !important; }
.mtb_blueborderbiotop { border-bottom: 5px solid #0071b9; margin-bottom:0px; padding-bottom:0px; }
.mtb_comresp ul { padding-top: 0px !important; }
.mtb_comresp { margin-bottom:15px; padding-bottom:0px !important;  }
.mtb_com_charterlink { padding-top:5px; }

@media all and (min-width:768px) {
	.mtb-rightitems { width: 40%; float:left; padding-left:2.5%; padding-right: 2.5%; }
	.mtb-leftitems { width: 40%; float:left; padding-left:2.5%; padding-right: 2.5%; }
}


.mtb-rightitems { margin-top: 0px !important; margin-bottom:0px !important; }
.mtb-leftitems { margin-bottom: 0px !important; }



.mtb_committeeleftcolinner .mtb_itembox, .mtb_committeeleftcolinner .mtb_itembox_committeechair, .mtb_committeeleftcolinner .mtb_itembox_committeemember { float:none; height: auto; margin-bottom: 0px; margin-top:0px; }
.mtb_committeeleftcolinner .mtb_itembox_captionbox { float:none; padding-top:0px !important; }

.mtb_leaddirtitle { font-weight: bold;  }
.mtb_summ_title { background-color: #cadfee; font-size: 15px !important; height: 85px; padding:5px;}

.mtb_bionameindX { color: #fa8a3b; }
.mtb_biobordertopindX { border-bottom: 5px solid #fa8a3b; }

.mtb_bioIndphotocap { display: none; }
.mtb_bioIndphotocapX {  color: #333f48; text-align:left; font-weight: bold; margin-bottom: -2px;   }

span.mtb_bioitemdirqualiftitle, span.mtb_bioitemboardcount { color: #5179cb; }

div.mtb_name_SUMMARY a { font-weight: bold; }

.mtb_committeeleftcolinner .mtb_itembox, .mtb_committeeleftcolinner .mtb_itembox_committeechair, .mtb_committeeleftcolinner .mtb_itembox_committeemember { float:left; width: 150px !important; height: 242px !important; }
.mtb_com_nummeetings { text-align: right; padding-right:10px; }

@media all and (min-width:768px) and (max-width:1023px) {
		.mtb_committeeleftcolinner .mtb_itembox, .mtb_committeeleftcolinner .mtb_itembox_committeechair, .mtb_committeeleftcolinner .mtb_itembox_committeemember { width: 115px !important; height: 210px !important; }
}

@media all and (max-width:767px) {

	.mtb_com_nummeetings { text-align: left; }
	.mtb_biosubtitle { display: block; margin-bottom:20px; }
	.mtb_header-text_BIO, .mtb_biosubtitle { padding-left:5px; padding-right:5px; }
	
	.mtb_committeeleftcolinner { margin-left:10px; margin-right:10px; }
	.mtb_com_nummeetings { padding-top: 6px !important; margin-bottom:10px;  }
	.mtbsmallpadding { padding-left:5px !important; padding-right: 5px !important; }
}

.mtb_box-content_ALL { 
	 margin-bottom: 20px; /* background-color: #f0f0f0; */ margin-top: 20px; width: 100%; padding-bottom: 15px; 
}
.mtb_box-content_COMMITTEE { margin-top: 0px !important; padding-bottom:0px; }
.mtb_box-content_SUMMARY {  background: #b3d4ea url('../mtb/photo-bio-bg.png') left top repeat-x; border-top: 15px solid #0071b9;  }
.mtb_committeeheader_outer { background-color:  #b3d4ea; padding-top:10px; padding-bottom:3px; border-bottom: 2px solid #0071b9; }
.mtb_committeeleftcolinner { padding-left: 15px; padding-right: 15px; background-color:  #b3d4ea;  border-bottom: 15px solid #0071b9; margin-left:-10px; margin-right:-10px; padding-top:25px; }
@media all and (max-width:767px) {
	.mtb_committeeleftcolinner { padding-left: 5px; padding-right: 5px; margin-left:0px; margin-right:0px; }
}

.mtb_com_footnoote { margin-bottom:15px; }

.mtb_committeeleftcolouter {  }

.mtb_summary_readbio { color: #ffffff; background-color: #5a6770; padding: 10px 10px 10px 10px; text-align:center;   font-size:14px; position: absolute; bottom: 0px; left:0px; right:0px; cursor: pointer; }

.mtb_box-content_SUMMARY 		{	padding-left: 0px; float: left; min-height: 530px; max-height: 530px; width:255px; margin-right: 15px;  }
.mtb_box-content_BIO 			{	margin: 20px; padding: 10px; max-width: 93%;	}
.mtb_box-content_SKILL 			{		}
.mtb_box-content_COMMITTEE 		{ background-color: transparent;		}
.mtb_box-content_HELP			{		}

.mtb_box-photo_ALL { 
	 text-align: center; 
}
.mtb_box-photo_SUMMARY 			{	padding: 0px !important; width: 100%; text-align: center; font-weight: bold; }
.mtb_box-photo_BIO 				{	text-align: left; font-weight: bold; padding-top:0px !important;	}


.mtb_box-photo_SKILL 			{		}
.mtb_box-photo_COMMITTEE 		{		}
.mtb_box-photo_HELP				{		}


.mtb_header_ALL			{	
 width: 100%;  padding: 0px; margin: 0px; 
	}
.mtb_header_SUMMARY 	{ text-transform: none; padding-top: 2px; 	}
.mtb_header_BIO 		{ color: #0071ba; font-size:28px; 	}
.mtb_header_SKILL 		{	 	}
.mtb_header_COMMITTEE 	{		}
.mtb_header_HELP		{		}

a.mtb_header_ALL, a.mtb_header_ALL:visited 			{ text-decoration: underline; color: #211b08; }
a.mtb_header_ALL:hover								{ color: silver; }


.mtb_header-text_ALL		{	line-height: 100%;   }
.mtb_header-text_SUMMARY 	{ padding-top:2px; font-size:20px;		}
a.mtb_header-text_SUMMARY:hover 	{		}
.mtb_header-text_BIO 		{	/* color: #ffb600; padding-left: 0px; font-size: 150%; */	}
.mtb_header-text_SKILL 		{	 	}
.mtb_header-text_COMMITTEE 	{ color: #0071ba; font-size:24px; margin-bottom: 5px; font-weight: normal;	}
.mtb_header-text_COMMITTEE2	{ text-transform: none; line-height: 24px; font-size: 16px; font-weight: normal; }
.mtb_header-text_HELP		{		}

.mtb_subitem_ALL		{		}
.mtb_subitem_SUMMARY 	{		}
.mtb_subitem_BIO 		{		}
.mtb_subitem_SKILL 		{		}
.mtb_subitem_COMMITTEE 	{		}
.mtb_subitem_HELP		{		}

.mtb_quote_ALL			{	color: #0032a0; font-style: italic;	}
.mtb_quote_SUMMARY 		{		}
.mtb_quote_BIO 			{		}
.mtb_quote_SKILL 		{		}
.mtb_quote_COMMITTEE 	{		}
.mtb_quote_HELP			{		}


.mtb_keybox-container	{ background-color: #f3f3f4; text-align:center; width:100%; }
.mtb_keybox_ALL			{	border: 1px solid #818285; width: 100px; height: 130px; display:inline-block; text-align: center; margin: 5px; padding: 5px; background-color: white; }
.mtb_keybox_SUMMARY 	{		}
.mtb_keybox_BIO 		{		}
.mtb_keybox_SKILL 		{		}
.mtb_keybox_COMMITTEE 	{		}
.mtb_keybox_HELP		{		}

.mtb_keybox_part1		{ height: 100px; }
a.mtb_keybox			{ font-size: 80%; line-height: 80%; }

.mtb_keybox_big			{ font-size: 120%; font-weight: bold;  }
.mtb_keybox_padding		{ padding-top: 100px; }

.mtb-hide-noskills0000			{ display: none; }
.mtb-hide-nocommittees0000		{ display: none; }
/* .mtb-hide-committees0005		{ display: none; }  */ /* member 5 is not on any committees */

table.mtb_table { margin: 0px; padding: 0px; border-collapse: collapse;   }
tr.mtb_tr 		{ border: none; }
td.mtb_td 		{ vertical-align: top; border: none; }

td.mtb_col1_BIO		{ min-width: 150px;   padding: 10px; vertical-align: top; }  /* bio pic */
td.mtb_col2_BIO		{  vertical-align: top;  margin-top: 20px; }  /* bio data */
td.mtb_col3_BIO		{ min-width: 275px;   padding-left: 10px; vertical-align: top; }  /* committes, etc */
td.mtb_col4_BIO		{ min-width: 50px;    padding-left: 10px; padding-bottom: 5px; }  /* skill table, first column */
td.mtb_col5_BIO		{  border-bottom: 1px solid gray; padding-left: 10px; padding-bottom: 5px; }  /* skill table 2nd column */

@media all and (max-width: 1023px){
	td.mtb_col3_BIO		{ min-width: 175px; }
}


ul.mtb_ul_ALL,ul.mtb			{	    display: block;
    /* list-style-type: disc; */
    -webkit-margin-before: 0em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;	padding-left: 20px; 
	list-style-image: url('../mtb/mtb_bullet_image.png');	
	}
ul.mtb li { margin-bottom:5px; }
ul.mtb_ul_SUMMARY 		{		}
ul.mtb_ul_BIO 			{		}
ul.mtb_ul_SKILL 		{		}
ul.mtb_ul_COMMITTEE 	{		}
ul.mtb_ul_HELP			{		}

li.mtb_li_ALL,li.mtb			{	 	}
li.mtb_li_SUMMARY 		{		}
li.mtb_li_BIO 			{		}
li.mtb_li_SKILL 		{		}
li.mtb_li_COMMITTEE 	{		}
li.mtb_li_HELP			{		}

li.mtb::before {
	/* content: '\002022'; */
}
.mtb_fullwidth { width: 100%; }

/* special case - text inside a colorized circle */
.mtb_circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  background: #fcb915;
}
.mtb_circle_adjacenttext { float: left; margin-left: 15px !important; }
.mtb_textbig { font-size: 115%; }

.mtb_icon_skill { /* width: 20px; height: 20px; */ min-width: 30px; min-height: 30px; }

hr.mtb_hr 			{ 
margin-top: 10px; margin-bottom: 10px; 
height: 2px;
border: none;
}
hr.mtb_hr-light 	{ color: #fcb915; background-color: #fcb915;  }
hr.mtb_hr-dark		{ color: #0032a0; background-color: #0032a0;}
hr.mtb_hr-thick		{ height: 5px; }
hr.mtb_hr-thin		{ height: 1px;  }
hr.mtb_hr-dotted		{ height: 0px; border-top: 1px dotted black; }

/* .mtb_hr-hide_member0012 { display: none; } */ /* special case, last member has no bottom hr! */

.mtb_textcentered	{ text-align: center; }
.mtb_centeredbox 	{ width:100%; text-align: center; }
.mtb_textbox 		{ width: 110px; height: 110px; display: inline-block; text-align: center; }
.mtb_textuppercase		{ text-transform: uppercase; }

h2.mtb_h2			{ color: #11b1bf; font-style: italic; font-size: 20px; font-weight: normal; }

a.mtb_footnote,a.mtb_footnote:hover,.mtb_footnote, .mtb_footnote li, .mtb_footnote p { color: #11b1bf;  font-size: 90% !important; line-height: 100%; }

/*  
.mtb_bio-hide_member0002 { display: none; }
.mtb_bio-hide_member0009 { display: none; }
*/

/* special case, info to only show up on specific committees */
.mtb_committee_show0001_0001 { display: block !important; }
.mtb_committee_show0004_0004 { display: block !important; }

.mtb_itembox 		{ margin: 5px; display: block; float: left; text-align: center; /* border: 1px #0032a0 solid; */ padding: 5px; margin-bottom: 10px; height:250px; width: 250px; }
.mtb_chairmanbox	{ color: black; font-weight: bold; text-align: center; clear: left; padding-top: 1px;}

img.mtb_itembox_photo 			{  height: 161px;  }
.mtb_itembox_captionbox			{  /* height: 35px; */ display: block; float: left; width: 100%;  text-align: center; font-weight: bold; padding: 5% 0; }
.mtb_itembox_captionbox_text		{   }
a.mtb_itembox_captionbox_text		{     }
a.mtb_itembox_captionbox_text:hover {   }

.mtb_itembox_committeemember { margin-left: 0px; margin-right: 0px;  }
.mtb_itembox_committeechair  {  margin-left: 0px; margin-right: 0px;   }
.mtb_committeerightcolinner { margin-left:10px; margin-right: 10px; }
/* .mtb_itembox_committee0006	 { height: 174px; }  */
.mtb_itembox_skillmember 	 { height: 214px; width: 167px; border-radius: 4px;  }

img.mtb_photo 					{ /* border: 0px solid white; */ min-width: 60px; min-height: 60px;  }
img.mtb_photo_clickable			{ /* border: 3px solid #008e96; */ min-width: 60px; min-height: 60px;  }
img.mtb_photo_clickable:hover 	{ /* border: 3px solid #ce1518; */}

img.mtb_skill	 				{ border-color: #0066cc; border-style: solid; border-width: 0px; }


.mtb_contentbox					{ padding-right: 0px; padding-left: 0px; display: block;  }
.mtb_contenthdr					{ /* padding-top: 10px; */ font-style: italic; color: black;}

a.mtb_iconbox 					{ display: block; float: left; }

.mtb_clear-both					{ clear: both; }
.mtb_clear-left					{ clear: left; }
.mtb_clear-right				{ clear: right; }
.mtb_float-none					{ float: none; }
.mtb_float-left					{ float: left; }
.mtb_float-right				{ float: right; }

/* new option to use a data style to show or hide blocks based on yes or no */
.mtb_yesmatch_yes {  display:  display: inline; }
.mtb_yesmatch_no  {  display: none; }  
.mtb_nomatch_no {  display:  display: inline; }
.mtb_nomatch_yes  {  display: none; }  


.mtb_footer {
	background-color: white;
		border-color: #3a3a3a; border-top: 1px solid black; 	border-bottom: 1px solid black; 	
	margin: 10px;  
	padding: 15px;
	display: block; overflow:auto;
	text-align: center;
}
.mtb_return_to_summary { margin-left: 10px; padding: 9px; float:left;  }
.mtb_return_to_document { margin-right: 10px; padding: 9px; float:right;   }


/* SPECIAL CASE - do not adjust the below style in the local version!  changed in 2017, now leave it display none */
.mtb_hidden {  /* display: block;  */  display: none;  }

/* new optional sections to show based on current view */
.mtb_summ_show { display: none; }
.mtb_bio_show { display: none; }
.mtb_skill_show { display: none; }
.mtb_committee_show { display: none; }

.mtb_float-left_768orsmaller	{  }
.mtb_float-right_768orsmaller	{  }
.mtb_clear-both_768orsmaller	{  }
.mtb_clear-left_768orsmaller	{  }
.mtb_clear-right_768orsmaller	{  }

/* EZOD: mobile-specific settings; iPad width is 768, the full menu should show */
@media all and (max-width: 767px){
	
	p.mtb,li.mtb,a.mtb,td.mtb,div.mtb, .mtb_bioIndphotocapX 	{ font-size: 16px;  line-height: 18px }
	div.mtb { padding-left: 5px; padding-right: 5px; }
	div.mtb_leaddirtitle { padding-left: 0px; padding-right: 0px; }
	div.mtb_bioIndphotocapX { padding-left: 10px; padding-right: 10px;} 
	
	.mtb_header_SKILL 			{	 	}
	.mtb_header_COMMITTEE 		{	width: auto; 	}
	
	.mtb_clear768orsmaller		{ 	clear: left; 	}
	
	.mtb_float-left_768orsmaller	{ float: left; }
	.mtb_float-right_768orsmaller	{ float: right; }
	.mtb_clear-both_768orsmaller	{ clear: both; }
	.mtb_clear-left_768orsmaller	{ clear: left; }
	.mtb_clear-right_768orsmaller	{ clear: right; }
	.mtb_keybox_padding				{ padding-top: 0px; }
	.mtb_box-content_ALL			{ margin-bottom: 0px; }
	.mtb_box-content_BIO 			{	margin: 10px; border: 1px solid black; padding: 5px; max-width: 90%;	}
	.mtb_item-content_BIO2 			{	max-width: none; float: none; 	}
	.mtb_item-content_BIO3 			{	max-width: none; float: none; 	padding-top: 0px !important; }
	
		.mtb_itembox_captionbox { width: auto; }
		
	.mtb_header-text_COMMITTEE { padding-right: 5px; }
}


@media all and (max-width: 500px){
	p.mtb,li.mtb,a.mtb,td.mtb,div.mtb, .mtb_bioIndphotocapX 	{ font-size: 15px;  line-height: 17px }
	.mtb_container { margin-left: 0px; margin-right: 0px; }
	.mtb_box-photo_SUMMARY 			{ float: none; clear: both; }
	.mtb_box-content_SUMMARY 		{	min-height: auto; max-height: auto; width:100%; margin-right: 0px; padding-bottom:55px;	 }
	
	td.mtb_col1_BIO		{ min-width: 100px;  padding: 3px; }  /* bio pic */
	td.mtb_col3_BIO		{ min-width: 200px; padding-left: 1px; }  /* committes, etc */
}

@media all and (max-width: 380px){
	td.mtb_col3_BIO		{ min-width: 150px; padding-left: 1px; }  /* committes, etc */
}


.mtb_banner {
	width: 98%;
	background-color: #efefef;
	/* min-height: 50px; */
	display: block;
	overflow:auto;
	box-shadow: 2px 2px 2px #888; 
	border-color: grey; 	border-style: solid;  	border-width: 1px;	
	padding-top: 5px; padding-bottom: 5px;
	margin-top: 10px; margin-bottom: 10px;
	margin-left: auto; margin-right: auto;
}
.mtb_bannertextbox { display: inline-block; margin-left: 10px; margin-top: 18px; }
.mtb_bannerimagebox { display: inline-block; float: right; margin-right: 10px; margin-top: 5px; width:250px; }
a#mtb_bannerimage { display:inline-block;  background-image:url('../mtb/mtb_banner.png'); height:50px; width:250px;   }
a#mtb_bannerimage:hover { background-image:url('../mtb/mtb_banner-on.png'); }

/* mobile-specific settings */
@media all and (max-width: 1024px){
.mtb_bannertextbox,.mtb_bannerimagebox { display: block; float: none; margin-left: auto; margin-right: auto; clear: both; text-align: center; }
a#mtb_bannerimage { float: none; margin-left: auto; margin-right: auto; }
}

@media all and (max-width: 767px){
}


div.mtb,h1.mtb,h2.mtb,h3.mtb { padding-top: 6px; padding-bottom: 6px;  }
p.mtb { padding-top: 0px; padding-bottom:0px; }

/* Breaks things, doesn't fix 
@media all and (-ms-high-contrast:none) {    /* fixes for IE padding problems 
     p.mtb,h1.mtb,h2.mtb,h3.mtb { padding-top: 16px; padding-bottom: 16px; padding-left: 2px; padding-right: 2px;  }
	 ul.mtb { padding-bottom: 7px; padding-top: 7px; margin-left: 9px; }
} */

/* CSSMENU */

/* @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro); */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:14;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  background-color: white;
  border-top: 1px solid rgba(80, 80, 80, 0.12);
    border-bottom: 1px solid rgba(80, 80, 80, 0.12);
  /*
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #e6e6e6));
  background: -webkit-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%);
  background: -o-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%);
  background: -ms-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%);
  background: linear-gradient(to bottom, #fdfdfd 0%, #e6e6e6 100%);
  */
}
#cssmenu > ul {
  /* background: url('../mtb/mtb_menu_bg.png'); */
  /* box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);  */
}
#menu-button {
  /* box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);  */
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 20px 25px 19px 25px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  /* font-size: 13px;
  font-weight: 700; */
  color: #0071ba;   
  /* text-transform: uppercase; */
  letter-spacing: 1px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #0071ba;  /* CSS COLOR text for tab menu */
  font-size: 94%;
}

#cssmenu > ul > li > ul > li > a  { border-bottom: 1px solid #5a6770 !important; border-image-width: 0px; }

#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #0071ba;    /* CSS COLOR tab triangle color */
  right: 17px;
  top: 25px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #0071ba;    /* CSS COLOR tab triangle color */
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  /* font-size: 13px; */
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #f4f4f4;  /* CSS COLOR triangle between tab and sub-menu */
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: white;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: white;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;

}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 300px;  			/* WIDTH OF SUB-MENU */
  color: white;				/* CSS COLOR sub menu text */
  background: #5a6770;		/* CSS COLOR sub menu: */
  font-size: 88%;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.3); 
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  /* color: #008e96; */        /* CSS COLOR hover of sub-menu */
  background: #333f48;   /* CSS COLOR hover of sub-menu */
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #455259;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #455259;
  border-left-color: transparent;
}


#cssmenu .notmobile { display: block; visibility: visible; }
#cssmenu .mobileonly { display: none; visibility: hidden; }
/* #cssmenu .lasttab { margin-left: -30px; } */
@media all and (max-width: 900px) and (min-width: 767px) { 
	/* move last sub menu left to avoid screen issues */
	#cssmenu .lasttab { margin-left: -140px;  } 
	#cssmenu > ul > li:last-child > ul::after { left: 280px; }
}

@media all and (max-width: 766px){
  #cssmenu .notmobile { display: none; visibility: hidden; }
  #cssmenu .mobileonly { display: block; visibility: visible; }
  #cssmenu .lasttab { margin-left: 0px; }
  

  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {

  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    /* font-size: 13px;
    font-weight: 700; */
    color: #333333;    /* COLOR of mobile menu top tab text */
    padding: 18px 25px 18px 25px;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    /* background: url('../mtb/mtb_menu_bg.png'); */
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
  content: "";
  position: absolute;

  right: 17px;
  top: 23px;
  
  	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	
	border-top: 8px solid #333333;  /* CSS COLOR - mobile menu triangle */

	}

  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}