html {margin: 0;
      padding:  0;
	  height: 100%;
}

body {margin:0;
	  padding: 0;
	  height: 100%;
	  position: relative;
}

#container {width:  100%;
            height:  100%;
		    margin: 0;
		    padding: 0;
            text-align:  center;
			border-collapse: collapse;
}

#above_the_top_cell {border-bottom: 2px solid red;
					background-image: url("/images/sky.png");
					background-repeat: repeat;
					text-align: left;
				     height: 100%;
}

.above_the_top_cell {padding: 1em;
}

#name {display: inline-block;
	   margin-left: 0.5;
	   font-size: 3em;
	   font-weight: bold;
}

#logo {width:5em;
	  height:3em;
	 }

#top_row {padding-top: 0.2em;
		   padding-bottom: 0.2em;
		   text-align: center;
		   background-color: #83a4b7;
		   border-bottom: 2px solid red;
}

#top_menu_cell {text-align: center;
}

.top_navigation_menu {display: inline-block;
					  margin-top: 0;
					  margin-bottom: 0;
				      list-style-type: none;
				      font-size: 2em;
}

.navigation_cell  {margin-left: .5em;
				   margin-right: .5em;
				   padding: .5em;
				   text-align: center;
}

.navigation_link {padding: .2em;
				  color: #ffffff;
				  background-color: #83a4b7;
			      text-decoration: underline;
}

.navigation_link:hover {color: #000000;
                        background-color: #ffffff;
}

#main {width: 100%;
	   height: 100%;
	   background-color: rgb(255,255,255);
	   vertical-align: top;
	   text-align: center;
	   padding-top: 1em;
	   /* background-image: url(""); */
	   background-repeat: repeat;
}

.divider {width: 30em;
		  color: #005500;
		  margin-top: 1em;
}

.story_cover {display: inline-block;
			  margin-top: 1em;
			  margin-left: 1.5em;
}

.content-wrapper {
    max-width: 80ch; /* Limits width to approximately 45 characters */
    margin-left: auto; /* Centers the div horizontally */
    margin-right: auto; /* Centers the div horizontally */
}

#title {display: inline-block;
	    margin-top: 0.5em;
		margin-bottom: 0.5em;
		font-size: 3em;
		font-weight: bold;
		color: #1e50ff;
}

.heading {display: inline-block;
	    margin-top: 0.5em;
		margin-bottom: 0.5em;
		font-size: 2em;
		font-weight: bold;
		color: #1e50ff;
}

.default_text {width: 800px;
	  		   text-align: left;
	  		   font-weight: normal;
	  		   margin-left: auto;
	  		   margin-right: auto;
	 		   font-size: 2em;
	  		   text-align: justify;
}

.conversation_div {width: 800px;
	  		   text-align: left;
	  		   font-weight: normal;
	  		   margin-left: auto;
	  		   margin-right: auto;
	 		   font-size: 1em;
	  		   text-align: justify;
			   line-height: 1.4em;
}

.paragraph1 {width: 700px;
		    margin-left:50px;
}

.paragraph2 {width: 650px;
		    margin-left:100px;
}

.study_text {width: 80%;
		   display: inline-block;
		   text-align: center;
	  		   font-weight: normal;
	  		   margin-left: auto;
	  		   margin-right: auto;
			   margin-bottom:2em;
}

.grok {font-weight: bold;

}

li {line-height:1.5;
    margin-left:3em;
}

#bottom_row {width: 100%;
			 padding-top: 0.2em;
			 padding-bottom: 0.2em;
		     text-align: center;
		     background-color: #83a4b7;
			 border-top: 2px solid red;
}

#bottom_navigation_menu {margin-left: auto;
		                 margin-right: auto;
		                 margin-top: 0;
			             margin-bottom: 0;
				         list-style-type: none;
						 font-size: 2em;
}

.bottom_navigation_item  {padding-top: 0.5em;
				          padding-bottom: 0.5em;
				          padding-left: 1em;
				          padding-right: 1em;
				          margin-left: 1em;
				          margin-right: 1.5em;
				          text-align: center;
				          display: inline-block;
						  color: #ffffff;
}