@font-face {

font-family: Gotham;

src: url(Gotham_2/Gotham-Light.otf);

}





body {

	font-family:Gotham;

	margin:0px;

	font-family: Gotham;

	font-weight: bolder;

}



a {

	color:#474f73;

	text-decoration:none;

}



.greenText{

	color: #474f73;

}





.containerGlobalWidth{

	width:90%;

	margin-left:auto;

	margin-right:auto;

}



.mainContent{

	min-height: calc(55vh);

}





.headingColouredBG{

	background-color:#474f73;

	color:black;

	margin-top:0px;

	margin-bottom:0px;

	padding:0.2em;

	text-align:center;

	font-size:2em;

}



.greenBackgroundFooter{

	background-color:#f3dc7c;

	color:black;

	margin:0px;

	padding-top:0.1em;

	padding-bottom:0.1em;

}



.greyBox{

	background-color:#868b8f;

}



.greyBox h2{

	padding:0.05em;

	margin-top:0px;

	margin-bottom:0px;

	font-size:1.8em;

}



.bios h2{

	padding:0.01em;

	margin-top:0px;

	margin-bottom:0px;

	font-weight:bold;

}



.tableLeftText{

	text-align:left;

}







.sidebarLeft{

	float:right;

	width:25%;

	min-width:200px;

	margin-top:4em;

	margin-right: 2em;

}



.sidebarLeftItem{

	

}



.subNav{

	margin-top:1em;

}



.subNav ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    background-color: #f3dc7c;

}



.subNav li {

    float: left;

	margin-right:4em;

	font-size:1.2em;

}



.subNav li a {

    display: block;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

}



.subNav li a:hover:not(.active) {

    font-weight:bold;

	}



.subNav .active {

    font-weight:bold;

}





.w3-bar {

    overflow: hidden;

}



.w3-black, .w3-hover-black:hover {

    color: black;

    /* background-color: #fff; */

    background-color: #415184;

}



.w3-bar .w3-button {

    white-space: normal;

	font-size:1em;

}



.w3-bar .w3-bar-item {

    padding: 8px 16px;

	float: left;

    width: auto;

    border: none;

    display: block;

    outline: 0;

	background-color:#B2B9CD;

}

.w3-red, .w3-hover-red:hover {

    color: white;

    background-color: #f6e9a5!important;

}

.w3-btn, .w3-button {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.w3-btn, .w3-button {

    border: none;

    display: inline-block;

    padding: 8px 16px;

    vertical-align: middle;

    overflow: hidden;

    text-decoration: none;

    color: inherit;

    background-color: inherit;

    text-align: center;

    cursor: pointer;

    white-space: nowrap;

}





/*NEW MENU */



.topnav {

  overflow: hidden;

  background-color: #868b8f;

}



.topnav a {

  float: left;

  display: block;

  color: #868b8f;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

  font-size: 17px;

}



.topnav .active {

  background-color: #616782;

  color: black;

}



.topnav .icon {

  display: none;

}



.dropdown {

    float: left;

    overflow: hidden;

}



.dropdown .dropbtn {

    font-size: 17px;    

    border: none;

    outline: none;

    color: #b2b9cd;

    padding: 14px 16px;

    background-color: inherit;

    font-family: inherit;

    margin: 0;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #B2B9CD;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

}



.dropdown-content a {

    float: none;

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

    text-align: left;

}



.topnav a:hover, .dropdown:hover .dropbtn {

  background-color: #7b87a9;

  color: white;

}



.dropdown-content a:hover {

    background-color: #b2b9cd;

    color: black;

}



.dropdown:hover .dropdown-content {

    display: block;

}



@media screen and (max-width: 750px) {

	#largeScreenMenu{

		display:none;

	}

	

	#smallScreenMenu{

		display:inherit;

	}

	

  .topnav a:not(:first-child), .dropdown .dropbtn {

    display: none;

  }

  .topnav a.icon {

    float: right;

    display: block;

  }

}



@media screen and (min-width: 750px) {

	#largeScreenMenu{

		display:inherit;

	}

	

	#smallScreenMenu{

		display:none;

	}

}	



@media screen and (max-width: 750px) {

  .topnav.responsive {position: relative;}

  .topnav.responsive .icon {

    position: absolute;

    right: 0;

    top: 0;

  }

  .topnav.responsive a {

    float: none;

    display: block;

    text-align: left;

  }

  .topnav.responsive .dropdown {float: none;}

  .topnav.responsive .dropdown-content {position: relative;}

  .topnav.responsive .dropdown .dropbtn {

    display: block;

    width: 100%;

    text-align: left;

  }

}







/*NEW MENU */





/*header_________________________________________________________*/

#headingTop {

	background-color:#474f73;

	color:#f6e9a5;

	padding-top: 1em;

    padding-bottom: 1em;

}



#headingTop .greenText {

	color: #616782;

}



#headingTop h1{

	margin:0px;

}



#headingMenu {

	

}



#headingMenu ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    background-color: black;

}



#headingMenu li {

    float: left;

	margin-right:4em;

	font-size:1.2em

}



#headingMenu li a {

    display: block;

    color: #616782;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

	font-weight:bold;

}



#headingMenu li a:hover:not(.active) {

    background-color: #aae6ff;

	color:#fff;

}



#headingMenu .active {

    background-color: #7b87a9;

    color: #000;

}



.navbar {

    overflow: hidden;

    background-color: #f3dc7c;

	font-weight:bolder;

}



.navbar a {

    float: left;

    font-size: 1.0em;

    color: black;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

	font-weight:bolder;

}



.dropbtn a {

	padding:0px;

}



.dropdown {

    float: left;

    overflow: hidden;

	margin-right:0.5em;

}



.dropdown .dropbtn {

    margin-right: 3em;

    border: none;

    outline: none;

    background-color: inherit;

    font-family: inherit;

    font-weight:bold;

	margin: 0;

	font-size:1.2em

}



.dropdown:hover .dropbtn{

	background-color: #7b87a9;

}



.navbar a:hover, .dropbtn:hover, .dropdown:hover .dropbtn a {

    background-color: #7b87a9;

	color:white;

}



.dropbtn:hover a {

	color:white;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f6e9a5;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 999;

}



.dropdown-content a {

    float: none;

    color: #000000;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

    text-align: left;

}



.dropdown-content a:hover {

    background-color: #415184;

}



.dropdown:hover .dropdown-content {

    display: block;

}

/*header_________________________________________________________end*/





























/*main content_________________________________________________________*/

.indexMainImageContainer{

	width:100%;

	max-height:80%;

	overflow-y:hidden;

	background-image: url("https://www.amssm.org/AMSSMAnnualMeetingImages/mainImage.jpg");

	background-repeat: no-repeat;

	background-size:cover;

}



.indexMainImage{

	width:100%;

	max-height:80%;

}



.centeredContent{

	margin-left:auto;

	margin-right:auto;

	overflow:auto;

}



.flex-container {

	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 {

	vertical-align:top;

}



.indexTiles div{

	text-align:left;

	width:29%;

	min-width:200px;

	max-width:500px;

	font-size:large;

	padding:1em;

}



.indexTiles div li,th,td{

	font-size:1.1em;

}





/*main content_________________________________________________________*/













/*footer_________________________________________________________*/

#FooterInnerDiv{

	padding-left:3em;

	padding-right:3em;

	background-color:#7b87a9;

}



.flex-container-footer {

    background-color:#7b87a9;

	color:white;

	display: -webkit-flex;

    display: flex;

    width: 100%;

	-webkit-flex-wrap: wrap;

    flex-wrap: wrap;

	-webkit-justify-content: space-between;

    justify-content: space-between;

	padding-top:1em;

}



.flex-item-footer {

	margin: 10px;

	vertical-align:top;

}



.flex-item-footer div {

	vertical-align:top;

	margin-right:10px;

}



.footerLinksHeaders{

	font-weight:bold;

}

/*footer_________________________________________________________end*/

















.posts {

  

  display: flex;

  flex-flow: row wrap;

  justify-content: space-around;

  

}

  

  .post {

    

    margin: 10px;

    width: calc( (90% / 3) - 20px );

    padding: 10px;

	font-size: 1.1em;

    max-width:450px;

  }

  

  .feature {

    

    width: calc( ( ( 100% / 3 ) * 2) - 20px );

    

  }

  



@media (max-width: 750px) {

  

  .post {

      width: 100%;

    }

  

}



.contentFromAdmin{

	padding-top:1em;

}



@media (max-width: 600px) {

	.sidebarLeft{

		display:none;

	}

	

	.contentFromAdmin{

		max-width:100% !important;

	}

}













.indexFloatBTN{

		float:right;

		clear:both;

		padding:20px 14px;

		color: black;

		font-size: 1.1em;

		font-weight:bold;

		width:100%;

		text-align:center;

		margin-top:0px;

		margin-bottom:0px;

	border: 3px solid black;

	box-sizing: border-box;

	border-radius: 10px;

	border-color: #FFFFFF;

	}



.indexFloatBTN:hover {

    border-color: #F7060A;

    background-color: #FFFFFF;

}

	

	.indexFloatContainer{

		max-width:100%; 

		float:right;

		padding-bottom: 20em;

		padding-top: 2em;

		margin-right:6.5em;

	}

	

	.firstFloatBTN{ background-color: #f3dc7c; margin-top:0.06em; margin-bottom:1em; }

	.secondFloatBTN{ background-color: #6872A1; margin-bottom:1em;  }

	.thirdFloatBTN{ background-color: #B2B9CD; margin-bottom:1em;  }

	.fourthFloatBTN{ background-color: #616782; margin-bottom:1em;  }

	

	@media (max-width: 856px) {

		.indexFloatContainer{

			margin-right:0em;

			padding-top: 10em;

			max-width:100%;

			width:100%;

		}

		

		.indexFloatBTN{

			margin-right:auto;

			margin-left:auto;

		}

		

			}