@font-face {
font-family: Gotham;
src: url(../fonts/Gotham_2/Gotham-Book.otf);
}


body {
	background-color: #fff;
	font-family: Gotham;
	font-weight: normal;
	font-size:12px;
	color: #505050; 
	margin:0px;
}

#container {
	width: 90%;
	max-width: 1300px;	
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
	background-color:white;
}


a{
	color:#505050;
	font-weight: bold;
}


#HeaderContainer {
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:white;
}


#HeaderContainerNew {
	text-align: center; 
	margin-left:auto; 
	margin-right:auto;  
	background-color:white;
}

#HeaderContainerNew table {
	margin-left:auto; 
	margin-right:auto;  
	width:100%;
}


#HeaderFlash {
	width: 100%; 
    height: auto; 
	text-align: right; 
	margin-left:auto; 
	margin-right:auto; 
}



#topLinks {
	width: 95%; 
	text-align: right; 
	margin-left:auto; 
	margin-right:auto; 
	padding-top:5px; 
	 
	font-size: 10px; 
	color: #3E4A4C; 
	font-weight: bold;
}


#topLinks A:link {text-decoration: none; color: #3E4A4C; font-weight: bold; font-size: 10px; }
#topLinks A:visited {text-decoration: none; color: #3E4A4C; font-weight: bold; font-size: 10px; }
#topLinks A:active {text-decoration: none; font-weight: bold; font-size: 10px; }
#topLinks A:hover {text-decoration: underline; color: #999999; font-weight: bold; font-size: 10px; }

.lockedMenuItem {
	display: flex;
	justify-content: space-between;
    align-items: center;
}

.lockedMenuItemBG{
	background-image: url(https://www.amssm.org/template_2017/images/lockimage.png);
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: 2px center;
}

.menuLock {
	height: 20px;
	/* float: right; */
}

#BodyContainer {
	height: auto; 
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
 	background-color: #FFFFFF;
	min-height:350px;
	width:100%;
}

/*BodyContainer A:link {font-size: larger; }
#BodyContainer A:visited {font-size: larger; }
#BodyContainer A:active {font-size: larger; }
#BodyContainer A:hover {font-size: larger; }*/

#BodyContainer  table{
	width: 100%; 
    
}



#BodyContainerLeft {
	width: 200px; 
    height: auto; 
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
 	background-color: #F9F6F2;

}


#BodyContainerLeft ul {
	list-style-image:url('images/arrow-Black.png');
	text-align:left;
	text-decoration: none; 
	color: #505050; 
	font-weight: bold; 
	font-size: 14px; 
	padding:10px;
	margin: 10px;
 
 } 

#BodyContainerLeft ul a {
	list-style-image:url('images/arrow-Black.png');
	
	text-decoration: none; 
	color: #505050; 
	font-weight: bold; 
	font-size: 14px; 

}

#BodyContainerLeft ul a:hover{
	color:#000000;
	text-decoration: underline;
}


#BodyContainerLeft li {
	padding-bottom: 5px;
}


#BodyContainerLeftText {
	padding-top:20px;
	text-align: left; 
	margin-left:auto; 
	margin-right:auto; 
	font-size: 14px; 
	color: #FFFFFF; 
}


.SearchBox {
    border: 1px solid #E0E0E0; 
	background-color : #FFFFFF; 
	font-size : 12px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
}


.search {
	color: #FFFFFF;
	font-weight: bold;
}



.LeftMenu { 
	margin-left: 1px; 
	padding-left: 1px; 
	list-style-type: none; 
	list-style-position: outside; 
} 




.LeftMenu li {
	padding: 2px; 
	text-decoration: none; 
	 
	color: #FFFFFF; 
	font-size: 14px; 
}



li A:link {text-decoration: none; color: inherit; font-size: 14px; }
li A:visited {text-decoration: none; color: inherit; font-size: 14px; }
li A:active {text-decoration: none; color: inherit; font-size: 14px; }
li A:hover {text-decoration: underline; color: inherit; font-size: 14px; }




#BodyContainerRight {
	width: 720px; 
    height: auto; 
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
 	background-color: #FFFFFF;
}


#BodyContainerCenter {
	display:inline-block;
	height: auto; 
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
 	background-color: #FFFFFF;
	font-size:14px;
	width:100%;
}

#BodyContainerCenter li A:link {
	font-size:16px;
}

#FooterContainer {
	height: auto; 
	margin-left:auto; 
	margin-right:auto; 
	background-color: #1b4a80;
	 
	font-size: 12px; 
	color: #FFFFFF; 
	font-weight: bold;
}

#FooterInnerDiv{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}


#FooterContainer A:link {text-decoration: none; color: #FFFFFF; font-weight: normal; font-size: 12px; }
#FooterContainer A:visited {text-decoration: none; color: #FFFFFF; font-weight: normal; font-size: 12px; }
#FooterContainer A:active {text-decoration: none; font-weight: normal; font-size: 12px; }
#FooterContainer A:hover {text-decoration: underline; color: #fff; font-weight: normal; font-size: 12px; }



#FooterLinksLine {
	width: 100%; 
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
	padding-top:15px; 
}


#FooterCopyright {
	width: 100%; 
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
	padding-top:5px; 
	font-size: 16px; 
	font-weight: normal; 
}


#FooterDesigned {
	width: 100%; 
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
	padding-top:15px; 
	font-size: 10px; 
	font-weight: normal; 
}


.IndexMenu01 { 
	margin-left: 1px; 
	margin-top: 1em;
	padding-left: 15px; 
	list-style-image: url('images/bullet.gif'); 
	list-style-position: outside; 
} 




.IndexMenu01 li {
	padding: 2px; 
	text-decoration: none; 
	 
	color: #505050; 
	font-size: 11px; 
}


.IndexMenu01 { font-size: 14px; color: #505050;}
.IndexMenu01 A:link {text-decoration: none; color: #505050; font-weight: normal; font-size: 14px; }
.IndexMenu01 A:visited {text-decoration: none; color: #505050; font-weight: normal; font-size: 14px; }
.IndexMenu01 A:active {text-decoration: none; font-weight: normal; font-size: 14px; }
.IndexMenu01 A:hover {text-decoration: underline; color: #505050; font-weight: normal; font-size: 14px; }


#HomeRightBackContainer {
	width: 283px; 
    height: 234px; 
	text-align: center; 
	margin-left:auto; 
	margin-right:0px; 
	background-image: url(http://www.amssm.org/images/BG_hometext.gif); 
}

#HomeRightBackContainerText {
	width: auto; 
    height: auto; 
	text-align: left; 
	margin-left:auto; 
	margin-right:auto; 
	 
	font-size: 11px; 
	color: #505050; 
	padding-top: 15px; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 15px; 
}


#HomeRightBackContainerText A:link {text-decoration: none; color: #505050; font-weight: normal; font-size: 11px; }
#HomeRightBackContainerText A:visited {text-decoration: none; color: #505050; font-weight: normal; font-size: 11px; }
#HomeRightBackContainerText A:active {text-decoration: none; font-weight: normal; font-size: 11px; }
#HomeRightBackContainerText A:hover {text-decoration: underline; color: #505050; font-weight: normal; font-size: 11px; }



.BodyText { font-size: 14px; color: #505050;}
.BodyText A:link {text-decoration: underline; color: #505050; font-weight: normal; font-size: 14px; }
.BodyText A:visited {text-decoration: underline; color: #505050; font-weight: normal; font-size: 14px; }
.BodyText A:active {text-decoration: underline; font-weight: normal; font-size: 14px; }
.BodyText A:hover {text-decoration: underline; color: #505050; font-weight: normal; font-size: 14px; }


.BodyTextSmaller { font-size: 11px; color: #505050;}
.BodyTextSmaller A:link {text-decoration: none; color: #505050; font-weight: normal; font-size: 11px; }
.BodyTextSmaller A:visited {text-decoration: none; color: #505050; font-weight: normal; font-size: 11px; }
.BodyTextSmaller A:active {text-decoration: none; font-weight: normal; font-size: 11px; }
.BodyTextSmaller A:hover {text-decoration: underline; color: #505050; font-weight: normal; font-size: 11px; }


.title {
	
	font-size: 16px;
	font-weight: bold;
	color: #505050;
}


.IndexHeader10 { font-size: 14px; color: #FFFFFF; font-weight: bold;}
.IndexHeader10 A:link {text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 14px; }
.IndexHeader10 A:visited {text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 14px; }
.IndexHeader10 A:active {text-decoration: none; font-weight: bold; font-size: 14px; }
.IndexHeader10 A:hover {text-decoration: underline; color: #505050; font-weight: bold; font-size: 14px; }

.IndexHeaderLogSearch { font-size: 14px; color: #726E6E; font-weight: bold;}

#menucontainer{
	width:100%;
	padding-top:4px;
	text-align: center; 
	margin-left:auto; 
	margin-right:auto; 
	clear:both;
	}

#menunav{
	position:relative;
	color:#505050;
	font-size:11px;
	font-weight:bold;
}
	
#menunav ul {
  text-align: justify;
  font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
  width:100%;
  padding:0;
}
#menunav li {
  display: inline-block;
}
#menunav ul:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}

#menunav ul li a{
	display:block;
	float:left;
	text-decoration:none;
	padding:0 0 0 5px;
	height:37px;
}

#menunav ul li a span{
	padding:7px 10px 0 0;
	height:15px;
	float:left;}

#menunav ul li a:hover{
	color:blue;
	text-decoration: underline;
	}

#menunav ul li a:hover span{
	display:block;
	width:auto;
	text-decoration: underline;
	cursor:pointer;}

#menunav ul li a.current, #menunav ul li a.current:hover{
	line-height:275%;}

#menunav ul li a.current span{
	display:block;
	padding:0 5px 0 0;
	width:auto;
	height:37px;
}




#BodyContainerRightSmall {

}

#BodyContainerRightSmall ul {
	list-style-image:url('images/arrow-Black.png');
	text-align:left;
	
	text-decoration: none; 
	color: #505050; 
	font-weight: bold; 
	font-size: 14px; 

	padding:10px;
	margin: 10px;
 } 

#BodyContainerRightSmall ul a {
	list-style-image:url('images/arrow-Black.png');
	text-decoration: none; 
	color: #505050; 
	font-weight: bold; 
	font-size: 14px; 
}

#BodyContainerRightSmall ul a:hover{
	color:#000000;
	text-decoration: underline;
	}

.HomeSmall {
	
	font-size: 14px; 
	color: #505050;
}


.HomeMed {
	
	font-size: 14px; 
	color: #505050;
	font-weight: bold; 
}


#BodyContainerRightSmaller {

}

#BodyContainerRightSmaller ul {
	list-style-image:url('images/arrow-Black.png');
	text-align:left;
	
	text-decoration: none; 
	color: #B30300; 
	font-weight: bold; 
	font-size: 14px; 
	padding:10px;
	margin: 10px;
 } 

#BodyContainerRightSmaller ul a {
	list-style-image:url('images/arrow-Black.png');
	text-decoration: none; 
	color: #B30300; 
	font-weight: bold; 
	font-size: 14px; 
}

#BodyContainerRightSmaller ul a:hover{
	color:#B30300;
	text-decoration: underline;
	}
	
	
	
/*NEW CSS CODE*/
#FooterContainer table{
	width:100%;
}

#footerEvents{
	float:left;
	margin:0;
}

.newsFooterItem{
	margin-bottom:10px;
}

#footerFindDoc{
	float:right;
	background-color:white;
	color:#1b4a80;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}	

#footerFindDoc input, select{
	border:1px solid lightblue;
	color:#505050; 
}		
	
.footerLinksTD{
	vertical-align:top;
}	

.footerLinksTD td{
	vertical-align:top;
	padding:0px;
	text-align:left;
}	

.footerLinksHeaders{
	margin-bottom:0;
}

.indexThreeHeadlines{

}

.headerTopLinks{
	background-color:#7e7e7e;
	padding:5px 0px 5px 25px;
	height:auto !important;
}

.headerTopLinks a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

.headerTopLinks a:hover{
	text-decoration:underline;
}

#breadCrumbs{
	text-align:left;
}

#LandingLinks a{
	color:#505050;
}

#LandingLinks a:visited{
	color:#1b4a80;
}

#welcomeLogout{
	color:#505050;
	flex:1;
}

#welcomeLogout a{
	color:#505050;
}



#topMenuNav ul{

	margin:0;

	padding:0;

	list-style-type:none;
}



#topMenuNav ul li{

	display:block;

	float:right;

	margin:0 1px;}



#topMenuNav ul li a{

	display:block;

	float:left;

	color:#FFFFFF;

	text-decoration:none;

	padding:0 0 0 5px;

	height:37px;}



#topMenuNav ul li a span{

	padding:7px 10px 0 0;

	color:#FFFFFF;

	height:15px;

	float:left;}
	
#topMenuNav .selectedanchor span{

padding:7px 10px 0 0;

color:black;

height:15px;

float:left;}



#topMenuNav ul li a:hover{

	color:#FFFFFF;

	text-decoration: underline;

	}



#topMenuNav ul li a:hover span{

	display:block;

	color:black;

	width:auto;

	text-decoration: underline;

	cursor:pointer;}

#topMenuNav > .selectedanchor{
	color:black;
}
	

#topMenuNav ul li a.current, #topMenuNav ul li a.current:hover{

	color:#FFFFFF;

	line-height:275%;}



#topMenuNav ul li a.current span{

	display:block;

	padding:0 5px 0 0;

	color:#FFFFFF;

	width:auto;

	height:37px;}
	
	
	
							/* Menu Styles */

.third-level-menu
{
    position: absolute;
    top: 0;
    right: -200px;
    width: 200px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
	z-index:999;
	color:white !important;
	text-align:left;
}

.third-level-menu > li
{
    height: auto;
    background: #999999;
}
.third-level-menu > li:hover { background: #CCCCCC; }

.second-level-menu
{
    position: absolute;
    top: 30px;
    left: 0;
    width: 175px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
	z-index:999;
	text-align:left;
}

.second-level-menu > li
{
    position: relative;
    height: auto;
    background: #999999;
}
.second-level-menu > li:hover { background: #CCCCCC; }

.top-level-menu
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-level-menu > li
{
    position: relative;
    float: right;
	color:white;
}
.top-level-menu > li:hover { background: #CCCCCC; }

.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}


/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    font: Arial, Helvetica, sans-serif;
	font-size:12px !important;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0 0 0 10px;
    
    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.top-level-menu a:hover { color: #000000; }	




/*   NEW STYLES FOR SCALING PAGES */

/*header*/
#loginHeaderDiv{
	margin-bottom: 25px;
    text-align: right;
    flex:1;
}

.flex-container-header {
    display: -webkit-flex;
    display: flex;
    width: 100%;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	width: 85%;
    max-width: 1300px;
	margin-left:auto;
	margin-right:auto;
}

.flex-item-header {
	margin: 10px;
	vertical-align:top;
}

.flex-item-header td {
	vertical-align:top;
}


.flex-item-header:first-of-type {
	width:200px;
}

.flex-item-header:last-of-type {
	flex-grow: 1;
	text-align:left;
	position:relative;
}

#loginSubmitButton{
		display:none;
	}
	
	#loginGoButton{
		display:inline;
	}


@media (max-width: 1350px) {
  .flex-item-header:last-of-type {
	flex-grow: 1;
	text-align:left;
	position:relative;
	}
}

@media (max-width: 660px) {
  .flex-item-header:last-of-type {
	/*margin-top:25%;*/
	}
}

@media (max-width: 380px) {
  .flex-item-header:last-of-type {
	margin-top:40%;
	}
}

@media (max-width: 490px) {
	#loginHeaderDiv{
		margin-bottom:30px;
	}

	.SearchBox{
		width:100%;
	}
	
	#headerLogin{
		text-align:left;
	}
	
	#headerLogin input{
		margin-bottom: 10px;
	}
	
	#loginSubmitButton{
		display:inline;
		width:100%;
		height:30px;
	}
	
	#loginGoButton{
		display:none;
	}
}


.wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  
  text-align: center;
  
  width: 90%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.wrapper > * {
  padding: 10px;
  flex: 1 100%;
}

.header {
  background: tomato;
}

.footer {
  background: lightgreen;
}

.main {
  text-align: center;
  /*background: deepskyblue;*/
  display: flex;
  flex-flow: column wrap;
}

.aside-1 {
  /*background: gold;*/
}

.aside-2 {
  background: hotpink;
}

@media all and (min-width: 600px) {
  .aside { flex: 1 auto; }
}

@media all and (min-width: 769px) {
  .main    { flex: 999 0px; text-align:right; }
  .aside-1 { order: 1; } 
  .main    { order: 2; }
  .aside-2 { order: 3; }
  .footer  { order: 4; }
}
/*header end*/



/*footer*/
.flex-container-footer {
    display: -webkit-flex;
    display: flex;
    width: 100%;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex-item-footer {
	margin: 10px;
	vertical-align:top;
}

.flex-item-footer div {
	vertical-align:top;
	margin-right:10px;
}

.flex-item-footer:last-of-type {
	width:200px;
}

.flex-item-footer:first-of-type {
	width:200px;
}


@media (max-width: 1555px) {
  #FooterInnerDiv{
	  width:90%;
  }
}

@media (max-width: 1070px) {
  #FooterInnerDiv{
	  width:99%;
  }
}
/*footer end*/


.flex-container-distributed {
    display: -webkit-flex;
    display: flex;
    width: 100%;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex-item-distributed {
	margin: 10px;
	vertical-align:top;
	width:30%;
	text-align:center;
}


.flex-container-contact-us {
    display: -webkit-flex;
    display: flex;
    width: 100%;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-align-items: stretch;
    align-items: stretch;
}

.flex-item-contact-us {
	margin: 0px 10px 0px 10px;
	vertical-align:top;
	width:45%;
	word-wrap:break-word;
	min-width:386px;
}

.flex-image-contact-us {
	margin: 5px;
	float:right;
}

@media (max-width: 915px) {
	.flex-item-contact-us {
		width:100%;
	}

	.flex-image-contact-us {
		
	}
}


.amssmOfficersHeader{
	background-color:#9b1518;
	color:white;
	width:100%;
	padding:5px;
}

.amssmDirectorsHeader{
	background-color:#083d86;
	color:white;
	width:100%;
	padding:5px;
}

#titleDirectorPage {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}


.toplink {
    font-size: 10px;
    font-weight: normal;
}

.toplinkList {
    margin-left: 1px;
    padding-left: 18px;
    list-style-type: disc;
    text-align: left;
    list-style-position: outside;
	font-weight:bold;
}

.toplinkList li {
    text-decoration: none;
    font-size: 12px;
    text-align: left;
}

.toplinkList a {
    /*font-weight:bold !important;*/
}


#indexSliderDiv{
	/* width:75%;   */
	width:100%; 
	max-width: 100% !important;
	vertical-align:top; 
	float:left;
}

#indexTwitterDiv{
	width:23%; 
	vertical-align:top; 
	float:right;
	display: none;
}

@media screen and (max-width: 767px) {
     /* start of medium tablet styles */
	#indexSliderDiv{
		width:100%;  
		vertical-align:top; 
		float:left;
	}
	
	#indexTwitterDiv{
		width:90%; 
		vertical-align:top; 
		float:none;
		margin-left:auto;
		margin-right:auto;
		display: none;
	}
}




/*menu styling*/
	.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #fff;
}

.topNav ul li {
	background-color:#7e7e7e;
	color:white;
}	
	

/* Styling the links */
nav a {
	display:block;
	padding:5px 15px;	
	color:#FFF;
	font-size:17px;
	text-decoration:none;
	font-weight: 500;
	
}


nav ul li ul li:hover { background: #CCC; }

/* Background color change on Hover */
nav a:hover { 
	background-color: #CCC; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 25px; 
	border-top: 0px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	z-index:1001;
}

.subMenus {
	border: none;
	z-index:-1;
}

.subMenus li{
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.subMenus li:first-child{
	border-top: 1px solid black;
}
.subMenus li:last-child{
	border-bottom: 1px solid black;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
	text-align:left;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-28px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
	text-align:left;
}

	
/* Change ' +' in order to change the Dropdown symbol */
/*li > a:after { content:  ' +'; }*/
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {
	.indexTiles div{
		font-size:12px;
	}


	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #7e7e7e;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #d8d8d8;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

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

	nav ul li {
		display:block;
		width: 100%;
	}

}

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

	#PatientsMenu {
		margin-top:27px;
	}

}

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

	#SportsUsMenu {
		margin-top:27px;
	}

}

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

	#AdvocacyMenu {
		margin-top:27px;
	}

}

@media all and (max-width : 949px) and (min-width : 799px) {

	#ResearchMenu {
		margin-top:27px;
	}

}

@media all and (max-width : 847px) and (min-width : 799px) {

	#EducationMenu {
		margin-top:27px;
	}

}
/*end menu styling*/


#topMenuSocial{
	float:right; 
	margin-top:4px;
}


@media all and (max-width : 770px) {
	#topMenuSocial{
		margin-top:13px;
		float:none;
	}
}

.indexTiles div{
	text-align:left;
	/*max-width:200px;*/
	width:29%;
	/* min-width:150px; */
	/*flex-grow:1;*/
}

.indexTiles div:first-of-type{
	width:29%;
	/*margin-right:auto;*/
}

.indexTiles div:last-of-type{
	width:29%;
	/*margin-left:auto;*/
}

/*@media all and (max-width : 561px) {
	.indexTiles div:last-of-type{
		width:30%;
		margin-right:100%;
	}
}*/

@media all and (max-width : 519px) {
	.indexTiles div{
		/*text-align:left;
		margin-left:auto;
		margin-right:auto;
		width:100% !important;*/
		font-size:10px;
	}
	
	.flex-item-footer:last-of-type{
		width:100%;
	}
}


ul.tabs li {
    display: inline-block;
    margin: 0;
    margin-right: 3px;
    margin-top: 18px;
}

@media all and (max-width : 350px) {
	#indexMemberPhoto{
		display:none;
	}
}

.blueTitle{
	background-color: #3b7ec9;
	color: white;
	padding: 0.5em;
}

.redTitle{
	background-color: #e22125;
	color: white;
	padding: 0.5em;
}

.bigBlue {
	background-color: #3b7ec9;
	width: 100%;
	color: white;
	text-align:left;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	font-family: 'Gotham';
}

.bigBlueSpacer {
	position: relative;
	left:auto;
	visibility:hidden;
}

.bigBlueContainer {
	display:flex;
	width: 68%;
	margin: auto;
	flex-wrap: wrap;
	align-items: center;
}

.bigBlueContainer p img {
	padding: 0em 0em 1em 1em;
}

.bigBlueContainer p {
	font-size: 1.2em;
}

.toolsContainer {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	color: white;
	font-family: 'Gotham';
}

.toolsContainer div, h1 {
	box-sizing: border-box;
}

.marketingHeader {
	background-color: #e22125;
	width: 100%;
	margin: 0px 0px 0.3em 0px;
	padding: 0.3em;
}

.marketingTools{
	width:100%;
	display:flex;
	flex-wrap: wrap;
}

.marketingTools a {
	flex-basis: 0;
	flex-grow: 1;
	margin: 0px 0.3em 0.6em 0.3em;
	text-decoration: none;
}

.marketingTools a div{
	background-color: #d9d9d8;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 55%;
	position: relative;
	text-align: center;
	min-width: 360px;
	min-height: 320px;
}

.marketingToolHeader{
	background-color: #797d81;
	margin: 0px;
	padding: 0.3em;
	white-space: nowrap;
	color: white;
}

.downloadIconMarketing {
	width: 25px;
	background-color: #3b7ec9;
	padding: 1em;
	position: absolute;
	bottom: 1em;
	right: 1em;
}

.marketingToolImage {
	max-width: 200px;
	width: 100%;
	visibility: hidden;
}

.imageSpacer {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}