/* PRESENTATION 2020 STYLE SHEET */

* {
  box-sizing: border-box;
}
.main {
  float: left;
  width: 90%;
  padding: 0 20px;
  overflow: hidden;

}
.left {
  float: left;
  width: 	50%;
  padding: 10px 15px;
  margin-top: 7px;
}

.right {
  float: right;
  width: 50%;
  padding: 10px 15px;
  margin-top: 7px;
}

.top {
  float: middle;
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
}
	
.bottom {
  float: left;
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
}
.menu {
  padding: 8px;
  float: left;
  width: 10%;
  font: normal;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif" ;
}
		
.menu a {
  padding: 8px;
  margin-bottom: 8px;
  text-decoration: none;
}		
.menuitem {
	 
  padding: 12px;
  margin-top: 7px;
  border-bottom: 1px solid #f1f1f1;
}
/* NOTE: HERE ARE THE BOTTONS - Change font, color etc here Mary Ellen */
a.photo_caption_2:link 	{
	background-color:#669;
	text-decoration: none;
	color: #CCF;
			}

a.photo_caption_2:visited 	{
	background-color:#669;
	text-decoration: none;
	color: #CCF;
			}

a.photo_caption_2:active 	{
			background-color:red;
					text-decoration: none;
			color: #f1fefe;
			}

a.photo_caption_2:hover 	{
	background-color:green;
	text-decoration: none;
	color: #f1fefe;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
			}
.p_caption {   
	 font-size: 18px;
	 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	 color: blue;	
	}
.IntroPageDescription {   
	 font-size: 18px;
	 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	 color: teal;	
	}
.MoreInsideWorlds {   
	 font-size: 18px;
	 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	 color: darkblue;	
	}
.MK-TOP {   
	 font-size: 20px;
	 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	 color: teal;	
	}
header {
   width: 100%;
}
h2 {
			font: bold;
			font-size: 25px;
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
			color: #04818C;
			
	}
p {
	display: inline;
	}

H2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 32;
}
		
#Twrap {
	width: 1880px;
	height: 12px;
		}		
#wrap {
	width: 880px;
	height: 280px;
		}
@media only screen and (max-width:800px) {
  /* For tablets: */
  .main {
    width: 80%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}