/* HTML/CSS, around 2010 timeframe (when add in main.css); next step is flex and iframe */

.header {
  position: fixed;
  top: 0px;
  z-index: 10;

  left:  0%;  /* 9%;  */
/*  background-image: url('../TGS header.jpg')*/ /* no-repeat #66727C */; 
  
/* test stuff */
  border: 0px solid black;
} 

.main {
  position: relative;  
  top:140px;
  width: 85%;
  left: 8%;  /* 1/2 of total - width */
  height: 80%;
  text-align: center;  

/* test stuff */
  border: 0px solid white;
}

.middle {
  position: relative;
  top: 0px; 
  width: 97%

/* test stuff */
  border: 0px solid cyan;
}
.nav {
  text-align: left;
  display: inline;
  width: 190px;        /* tie with article */
  background-color: #d5e7f7;
  float: left; 
  top:0px;
  height: 97% 
  padding-left: 52px;

/* test stuff */
  border: 0px solid red;
}

.article {
  float: right;
  display: inline;
  width: 75%;    /* tie with nav */
  background-color: #ffffff;
/*  height: 97%  */
}

.article0 {
  float: right;
  top: 100px;
  display: inline;
  width: 75%;    /* tie with nav */
  background-color: #AFB9C7;
/*  height: 97%  */
}

.article0w {
  float: right;
  top: 100px;
  display: inline;
  width: 75%;    /* tie with nav */
  background-color: #ffffff;
/*  height: 97%  */
}

.article1 {
  float: right;
  display: inline;
  background-color: #ffffff;  
  width: 78%;    /* tie with nav */
}

.article2 {
  float: right;
  top: 100px;
  display: inline;
  width: 75%;    /* tie with nav */
  background-color: #ffffff;
/*  height: 97%  */
}
.footer {
  position: fixed;
/*  height: 150px; */
  left: 10%;
  width: 80%;
  text-align: center; 
  text-decoration-color: #ffffff; 
  background-color: #344b5e;
  font-size: 10px;
  bottom:0px; 

/* test stuff */
  border: 0px solid yellow;
}

.nav a:hover {
	background-color:rgb(99,200,254);
	color:rgb(100,100,255);
}