html
{
  height: 100%;
}

.mainBody
{
  background-color: #FFF;
  /*max-width: 960px;*/
  /* height: 560px; */
  background-image: url(images/Atlantis_Landing_bk.jpg);
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  /*background-image: url(images/Sentinels_background_LOGO.gif);*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  height: 95%;
}

.frameBody
{
  background-color: transparent;
  font-family: Arial, sans-serif;
}

#portfolioFrame
{
  border: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  width: 340px;
  height: 320px;
  background-color: transparent;
}

#portfolioDetailNav
{
  /*width: 100px;*/
}

#portfolioDetail
{
  height: 281px;
  background-color: transparent;
}

nav img
{
  margin-left: 1.5em;
}

h4
{
  font-size: 0.9rem;
  width: 35%;
}

#banner
{
  margin-left: 16px;
  width: 98%;
}

#bannerImg
{
  width: 78%;
}

#logoImg
{
  width: 21%;
}

#mainContainer
{
  position: relative;
}

#mainContent
{
  /*margin-left:140px;*/
  /*height: 500px;*/
}

#mainMenuDiv
{
  margin: 0 0 0 -16px;
}

#bodyStuff
{
  height: 500px;
}

#footer
{
  font-size: 0.7em;
  text-align: center;
}

#footerDiv
{
}

#navContainer
{
  margin-top: 120px;
  margin-left: -0.9em;
  height: 100%;
  z-index: 1000;
  overflow-y: auto !important;
}

#navContent
{
  z-index:1000;
}

h2
{
  font-weight: bold !important;
}

#aboutUsTable
{
  border: 1px solid gray;
  border-collapse: collapse;
}

#aboutUsTable th, #aboutUsTable td
{
  border: 1px solid gray;
  padding: 3px 7px 3px 7px;
}

#planets
{
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  border-collapse: collapse;
  border-spacing: 0;
  width: 90%;
  margin: 0 auto;  /* TB  RL */
}

#planets th
{
  border: 1px solid gray;
  padding: 3px;
  background-color: rgba(192, 255, 192, .5);
}

#planets td
{
  border: 1px solid gray;
  padding: 7px;
  background-color: rgba(192, 255, 192, .5);
}

#comments
{
	/*width: 50%;*/
  border: 1px solid gray;
  border-collapse: collapse;
}

.commentCell
{
	width: 25%;
}

.numbers
{
	text-align: right;
}

.planetNames, .loneCell
{
	text-align: center;
}

.detailhtml
{
  margin: 0;
  background-color: transparent;
}

#formFrame
{
  border: none;
}

.formLabel
{
  text-align: right;
  vertical-align: top;
  padding-right: 1em;
}

.leftBlurb
{
  width: 340px;
  float: left;
}

.rightBlurb
{
  width: 340px;
  float: left;
  margin-left: 3em;
}

#rightHalf
{
  position: relative;
}

#paraOne
{
  width: 45%;
  position: absolute;
  left: 5%;
  top: 20vw;
  border: 1px solid gray;
  padding: 1em;
}

#paraTwo
{
  width: 45%;
  position: absolute;
  left: 55%;
  top: 20vw;
  border: 1px solid gray;
  padding: 1em;
}

img[usemap]
{
	border: none;
	height: auto;
	/*max-width: 100%;*/
	width: auto;
}

.darkerHR
{
  height:2px;
  color: #000;
  background-color: #000;
}

#flexbox
{
  display: flex;
  align-items: stretch;
  flex-direction: column;
  background-color: lightblue;
  padding: 1em;
}

#flexbox > p
{
  padding: 1em;
  border: 1px solid blue;
  text-align: center;
}

#grid
{
  display: grid;
  gap: 10px;
  background-color: lightgreen;
  padding: 1em;
  grid-template-columns: auto auto auto;
}

#grid > p
{
  width: 100%;
  padding: 1em;
  border: 1px solid green;
  text-align: justify;
}

#item1
{
  grid-column-start: 1;
  grid-column-end: 3;
}