/* 

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


*/

/* DOES NOT WORK IN IOS 
@font-face {
    font-family: 'Whitney-Medium';
    src: url('../mtb/whitney-medium.eot');
    src: url('../mtb/whitney-medium.eot?#iefix') format('embedded-opentype'),
        url('../mtb/whitney-medium.woff2') format('woff2'),
        url('../mtb/whitney-medium.woff') format('woff'),
        url('../mtb/whitney-medium.ttf') format('truetype'),
        url('../mtb/whitney-medium.svg#Whitney-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@media all and (min-width:768px) {
.summaryhidedesk { display:none !important; }
.summarycommitteesinner div, .summaryotherboardsinner div { padding-bottom:5px; }
}

.summaryhidedesk { font-weight: bold; }
.summarypicandnameinner img { width:140px; text-align:center; display:block; margin-left: 0px; margin-bottom:3px; }
.mtb_Summary_SingleItem { margin-bottom: 10px; }
.summaryinneritem { padding: 15px 5px 5px 5px; border: 1px solid #385989; height: 255px;  text-align:center; }
.summarypicandnameouter .summaryinneritem { text-align: left; border: 0px; padding-top:5px; }

.summaryheaderinner { text-align: center; padding: 10px 5px 10px 5px; background-color: #365a8a; color: white; text-transform: uppercase; margin-bottom:10px; font-size: 14px; line-height: normal; min-height:48px; }
.sumheadlast { margin-bottom:-10px; }
.summaryheaderinner3, .summaryheaderinner2, .summaryheaderinner4 { padding: 25px 5px 20px 5px; min-height: 23px;  }

.summaryheaderinner2 { background-color: #7582a8; }
.summaryheaderinner3 { background-color: #9099b8; }
.summaryheaderinner4 { background-color: #b7bbd0; }

.independentsummary { line-height: normal; }

@media all and (max-width:767px) {
	.summaryinneritem { height: auto; border: 0px; text-align:left; }
	.summaryshowdesk { display:none !important; }
	.summaryinneritem { padding-top: 5px; }
	.mtb_Summary_SingleItem { padding-bottom:10px; border-bottom: 1px solid #365a8a; } 
	.mtb_comittee_data_item { padding-top:10px !important; }
}

.director_skill_img img { width: 1000px;  }
.director_skill_img { text-align:center; padding-top: 5px; padding-left:5px; padding-right:5px;  }

.skillrightinner .mtb_box-content_ALL { margin-top: 0px; padding-bottom:5px; }
.skillrightinner, .skillleftinner { padding: 0px 5px 0px 5px; }
.skillleftinnersmall { padding-top: 0px; padding-bottom:15px; }

.skillrightinner .mtb_header-text_SKILL { text-align:left; }

.mtb_Bio_SkillLIst { margin-top:15px; }

.mtb_bio_dataitem { padding-top:0px !important; }
.mtb_biosingleitem { padding-top: 20px; }

.mtb_committee_charter { text-align: center; padding: 0px 5px 15px 5px; }
.mtb_comittee_data_item, .committee_note { padding: 0px 5px 0px 5px; }
.committee_note { line-height: normal; font-size:15px;  }
.mtb_container p.committee_note { margin-top: 30px; }
div.mtb-footnote { margin-top: 30px; padding-left: 10px; padding-right: 10px; font-size: 90%; }

p.mtb,li.mtb,a.mtb,td.mtb,div.mtb, .mtb_container 	{ font-size: 17px;  line-height: 19px; color: #4d4d4d; }
a.mtb,a.mtb_link_ALL,a.mtb_link_ALL:visited, a.mtb_itembox_captionbox_text, a.mtb_itembox_captionbox_text:visited, a.mtb_header-text_SUMMARY, a.mtb_header-text_SUMMARY:visited, .mtb_committee_charter a, .mtb_committee_charter a:visited, .mtb_container a, .mtb_container a:visited, .mtb a, .mtb a:visited  { color: #2d96cd; text-decoration: none;  }
a.mtb:hover,a.mtb_link_ALL:hover, a.mtb_itembox_captionbox_text:hover, a.mtb_header-text_SUMMARY:hover, .mtb_committee_charter a:hover, .mtb_container a:hover,.mtb a:hover { text-decoration: underline; color: #4d4d4d;  }
a.mtb_Link_BioHiddenY, a.mtb_Link_BioHiddenY:visited, a.mtb_Link_BioHiddenY:hover { color: #4d4d4d; text-decoration: none; }



.mtb_text-highlight	{ font-weight: bold; }
.mtb_text-center,td.mtb_text-center,tr.mtb_text-center 	{ text-align: center; }

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

.mtb_container {  
	background-color:white;

}

.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_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: 20px; }
.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_charterpdf { text-align: center; }
.mtb_item-content_ALL {
	padding-top: 15px; padding-left: 15px; padding-right: 15px; 
}
.mtb_item-content_SUMMARY 		{   padding-left: 0px;  	}
.mtb_item-content_SUMMARY div.mtb { padding-top:5px !important; padding-bottom: 0px; } 

.mtb_item-content_SUMMARY2 		{   padding-left: 0px;  padding-right: 0px; }
.mtb_item-content_BIO 			{	 padding-top: 0px !important; padding-bottom:0px !important;	}
@media all and (max-width:767px) {
	.mtb_bio_dataitem { margin-top:15px; }
}
.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			{		}

@media all and (max-width: 767px) {
		.mtb_item-content_BIO, .mtb_bio_dataitem  { padding-left: 15px !important; padding-right:15px !important; }
}


.mtb_box-content_ALL { 
	 margin-bottom: 20px; /* background-color: #f0f0f0; */ margin-top: 20px; width: 100%; padding-bottom: 15px;  border: 0px solid #ffb600; 
}
.mtb_box-content_SUMMARY 		{	padding-left: 0px; float: left; width:294px; margin-right: 15px; padding-top: 84px; padding-bottom:0px; margin-bottom:0px; margin-top:0px; }
.mtb_box-content_BIO 			{	margin: 20px; padding: 10px; max-width: 93%;	}
.mtb_box-content_SKILL 			{		}
.mtb_box-content_COMMITTEE 		{		}
.mtb_box-content_HELP			{		}

.mtb_box-photo_ALL { 
	float: left; padding-right: 10px; text-align: center; 
}
.mtb_box-photo_SUMMARY 			{	padding-top: 4px; width: 100%; text-align: center; font-weight: bold; }
.mtb_box-photo_BIO 				{	text-align: center; font-weight: bold; margin-left:auto; margin-right:auto; float:none !important;	}
.mtb_box-photo_SKILL 			{		}
.mtb_box-photo_COMMITTEE 		{		}
.mtb_box-photo_HELP				{		}


.mtb_header_ALL			{	
/* background-color: #ffb600;  */
width: 100%; color: #000000; padding: 0px; margin: 0px; font-weight: bold;  padding-bottom: 12px; 
	}
.mtb_header_SUMMARY 	{		}
.mtb_header_BIO 		{	/* background-color: unset; */  	}
.mtb_item-content_BIO div.mtb { padding-top:5px; padding-bottom: 0px; }
.mtb_header_SKILL 		{	 	}
.mtb_header_COMMITTEE 	{		}
.mtb_header_HELP		{		}

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


.mtb_header-text_ALL		{	font-size: 1.375rem; text-transform:none; line-height: 100%; color: #4d4d4d; font-weight: normal;   }
.mtb_header-text_SUMMARY,a.mtb_header-text_SUMMARY 	{		}
a.mtb_header-text_SUMMARY:hover 	{	/* color: #11b1bf; */	}
.mtb_header-text_BIO 		{	font-weight: normal; padding-bottom:2px; /* color: #ffb600; padding-left: 0px; font-size: 150%; */	}
.mtb_bio_dataitem p, .mtb_bio_dataitem div.mtb { margin-top: 0px !important; padding: 0px !important; }
.mtb_header-text_SKILL 		{	 	}
.mtb_header-text_COMMITTEE 	{	text-align:center; padding-left:5px; padding-right:5px;	}
.mtb_header-text_COMMITTEE2	{ text-transform: none; line-height: 24px; font-size: 16px; font-weight: normal; }
.mtb_header-text_HELP		{		}
.mtb_comittee_data_item p { margin-top: 0px !important; padding:0px !important; margin-bottom: 15px !important; }
.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 !important; }
.mtb-hide-nocommittees0000		{ display: none !important; }
.mtb-hide-nootherboards0 { display: none !important; }
/* .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, ul.mtb li { text-align:left; }
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%;  can't apply width 100% and padding breaks design. Divs default to full width */ }
.mtb_bio_dataitem p { margin-bottom:15px; }



/* 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: 5px; height: 270px; width: 150px;   }
.mtb_chairmanbox	{ color: black; font-weight: bold; text-align: center; clear: left; padding-top: 1px;}
.mtb_itembox_committee0001 { height: 290px; }


img.mtb_itembox_photo 			{  height: 161px;  }
.mtb_itembox_captionbox			{  /* height: 35px; */ display: block; width: 100%;  text-align: center; font-weight: bold; padding: 5% 0; }
.mtb_itembox_captionbox_text		{   }
a.mtb_itembox_captionbox_text		{ text-align:center; font-weight: normal; font-size: 1.375rem;  text-transform: none; line-height: 22px;     }
a.mtb_itembox_captionbox_text:hover {   }

/* .mtb_itembox_committeemember { height: 214px; width: 167px; border-radius: 4px;  }
.mtb_itembox_committeechair  { height: 214px; width: 167px; border-radius: 4px;  } */
/* .mtb_itembox_committee0006	 { height: 174px; }  */
.mtb_itembox_skillmember 	 { height: 260px;  }

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:  inline; }
.mtb_yesmatch_no  {  display: none; }  
.mtb_nomatch_no {  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 	{ font-size: 16px;  line-height: 18px }
	.mtb_header_SKILL 			{	 	}
	.mtb_header_COMMITTEE 		{	 	}
	.mtb_view_SUMMARY, .mtb_box-content_SUMMARY, .mtb_itembox { }
	.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; }
}





@media all and (max-width: 500px){
	p.mtb,li.mtb,a.mtb,td.mtb,div.mtb 	{ font-size: 15px;  line-height: 17px }
	.mtb_container { }
	.mtb_box-photo_SUMMARY 			{ float: none; clear: both; }
	/* .mtb_box-content_SUMMARY 		{	 width:100%; margin-right: 0px;	 } */
	
	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 */
}


/* New Banner CSS 2018/09/14 */
.mtb_banner {
	width: 98%;
	background-color: #efefef;
	display: block;
	overflow:hidden;
	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: table-cell; vertical-align: middle; padding: 5px 5px 5px 10px; width: 100%; }
.mtb_bannerimagebox { display: table-cell; vertical-align: middle; padding: 5px 5px 5px 5px; width: 260px; }
a#mtb_bannerimage { display:block; background-image:url('../mtb/mtb_banner.png'); height:50px; width:250px;   }
a#mtb_bannerimage:hover { background-image:url('../mtb/mtb_banner-on.png'); }


@media all and (max-width: 767px){
	.mtb_bannertextbox { display: block; padding: 10px 5px 5px 5px; width: auto; margin-left: auto; margin-right: auto; text-align: center; }
.mtb_bannerimagebox { display: block; padding: 5px 5px 5px 5px; width: auto; margin-left: auto; margin-right: auto; text-align: center; }
a#mtb_bannerimage { margin-left: auto; margin-right: auto; }	
}

/* End Banner CSS */


p.mtb,div.mtb,h1.mtb,h2.mtb,h3.mtb { padding-top: 6px; padding-bottom: 6px; padding-left: 2px; padding-right: 2px; }
@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: #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: 19px 25px 20px 25px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  /* font-size: 13px;
  font-weight: 700; */
  color: #333333;   
  /* text-transform: uppercase; */
  letter-spacing: 1px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #333333;  /* CSS COLOR text for tab menu */

}

#cssmenu > ul > li > ul > li > a  { border-bottom: 1px solid #dfdfdf !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: #333333;    /* 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: #333333;    /* 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: #333333;				/* CSS COLOR sub menu text */
  background: #f4f4f4;		/* CSS COLOR sub menu: */
  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: #2d96cd;        /* CSS COLOR hover of sub-menu */
  /* background: #11b1bf;  */ /* 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;
  }
}