/*
   Cascading Style Sheet for Beneath the Labyrinth: THREADS
*/


body   {
      font-family: Constantia, Arial, sans-serif;
	  width: 1060px;  
}
body p {
      font-family: Calibri, Georgia, serif;
      font-size: 12pt;
}
img   {
      border: none;
}
#outerContainer {
      margin: 5px;
      padding: 0;
	  width: 1030px;
}
h2 {
      color: grey;
	  padding-left: 20px;
	  margin-left: 30px;
	  font-size: 13pt;
	  background-color: transparent;
}

h3 {
      color: rgb(85,125,23);
	  padding-left: 30px;
	  font-size: 14pt;
}

#endThree  {
      position: absolute;
	  top: 0px;
	  left: 0px;
	  background-color: rgb(235,220,215);
	  background-image: url(../images/gradient_2.png);
	  background-position: top left;
	  width: 1030px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endThree a  {
      color: white;
	  text-decoration: none;
      margin: 5px;
      padding: 0px;
}
#endThree  a:link  {
      color: rgb(153,196,210);
}
#endThree  a:visited  {
      color: rgb(143,186,200);
      border: none;
}
#endThree  a:hover  {
      color: blue;
}
#endThree  a:active  {
      color: red;
      border: none;
}
#endFour  {
      position: absolute;
	  top: 30px;
	  left: 0px;
	  background-color: rgb(142,141,147);
	  background-image: url(../images/threads_gradient_3.png);
	  background-position: top left;
	  width: 1030px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endFour p  {
      font-family: Calibri, Arial, sans-serif;
      color: white;
	  font-size: 14px;
      margin: 5px 0 0 0;
      padding: 0;
}
#endFour p span.topleftBacknav  {
      margin: 0;
      padding: 0 0 0 20px;
}
#endFour p span.toprightBacknav  {
      margin: 0;
      padding: 0 0 0 360px;
}
#endFour p span.separation  {
      margin: 0;
      padding: 0 20px;

}
#endFour a  {
      color: white;
	  text-decoration: none;
      margin: 0px;
      padding: 0px;
}
#endFour  a:link  {
      color: white;
}
#endFour  a:visited  {
      color: white;
}
#endFour  a:hover  {
      color: blue;
}
#endFour  a:active  {
      color: blue;
}
#endFive  {
      position: absolute;
	  top: 60px;
	  left: 0px;
	  background-color: rgb(142,141,147);
	  background-position: top left;
	  width: 1030px;
	  height: 10px;
	  margin: 0px;
	  padding: 0px;
}
#endSix  {
      position: absolute;
	  top: 70px;
	  left: 0px;
	  background-color: rgb(46,97,82);
	  background-position: top left;
	  width: 1030px;
	  height: 5px;
	  margin: 0px;
	  padding: 0px;
}
#endSeven  {
      position: absolute;
	  top: 200px;
	  left: 600px;
	  background-color: white;
	  width: 350px;
	  height: 179px;
	  margin: 0px;
	  padding: 0px;
}
#mainContent {
      width: 500px;
	  margin-left: 15px;
	  margin-top: 120px;
	  margin-bottom: 100px;
	  padding-left: 20px;
	  padding-right: 20px;
	  border: solid 4px rgb(46,97,82);
	  background-color: white;
}
#mainContent h1 {
      font-size: 18pt;
	  font-style: normal;
	  color: black;
	  margin-bottom: 40px;
}

#footer p {
      font-size: 10pt;
	  text-align: center;
	  width: auto;
	  margin: 70px 200px 50px 200px;
}

#title {
      width: 550px;
	  margin-left: 15px;
	  margin-top: 120px;
	  margin-bottom: 100px;
	  padding-left: 20px;
	  padding-right: 20px;
	  border: solid 4px black;
}

#ringOfM img  {
      margin-left: 25px;
}
#tableContent  {
      margin: 50px 100px;

}
#navBarBottom  {
      width: auto;
      margin: 80px 200px;
      height: 40px;
      text-align: center;
}
#navBarBottom p.nav {
      font-size: 15pt;
}
#navBarBottom p.nav a:link {
      color: purple;
}
#navBarBottom p.nav a:visited {
      color: purple;
}
#navBarBottom p.nav a:hover {
      color: blue;
      background-color: rgb(180,180,244);
}
#navBarBottom p.nav a:active {
      color: red
}