body {
	background-color: #ffffff;
	color: #000000;
	line-height:normal;
	font-style: normal;
    font-family: "Century Gothic", "Helvetica", "Arial", "sans-serif";
	font-size: 11pt;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	}

#banner
{
  width:800px;
  padding:5px;
  /* border:5px solid gray; */
  border:none;
  margin:0px;
  margin-left: auto;
  margin-right: auto;
  height:170px;
  text-align:center;
  font-family: "Century Gothic", "Helvetica", "Arial", "sans-serif";
  font-size: 22pt;
  color: #000000;
  }

#banner2
{
  width:600px;
  padding:5px;
  border:none;
  margin:0px;
  margin-left: auto;
  margin-right: auto;
  height:80px;
  text-align:center;
  font-family: "Century Gothic", "Helvetica", "Arial", "sans-serif";
  font-size: 22pt;
  color: #000000;
  position: relative;
  left: 10px; 
  bottom: -15px;
  }
#banner-img
  {
  display:inline;
  margin:3px;
  /* border:6px solid #aaaaaa; */
  border:none;
  position: relative; 
  left: -321px; 
  bottom: 85px;
  }

 /* Menu bar */
    
#menubar ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#menubar ul li { display: inline; }

#menubar ul li a.menu
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

#menubar ul li a.menu:hover
{
color: #fff;
background-color: #369;
}
  
ul{
  font-family: "Century Gothic", "Helvetica", "Arial", "sans-serif";
  font-size: 12pt;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
  width:800px;
  padding:0;
  margin:0;
  list-style-type:none;
  position: relative; 
  left: 15px; 
  bottom: 80px;
}

a.menu {
  float:left;
  width:6em;
  text-decoration:none;
  color:#000000;
  background-color:#ffffff;
  padding:0.2em 0.6em;
  border-right:1px solid #99cccc;
  }
a.menu:hover {background-color:#ffffff;}
li {display:inline;}

/* end menu bar */
#textbox1
  {
  width:750px;
  padding:20px;
  margin:0px;
  border:none;
  border:5px solid gray;
  margin-left: auto;
  margin-right: auto;
  height:200px;
  font-family: "Century Gothic", "Helvetica", "Arial", "sans-serif";
  font-size: 11pt;
  color: #000000;
  position: relative;
  left: 5px; 
  bottom: 0px;
  text-align:left;
  }
#textbox2
  {
  width:240px;
  padding:0px;
  margin:0px;
  border:none;
  margin-left: auto;
  margin-right: auto;
  height:400px;
  font-family: "Century Gothic", "Helvetica", "Arial", "sans-serif";
  font-size: 11pt;
  color: #000000;
  position: absolute;
  left: 5px; 
  bottom: 0px;
  } 
#textbox3
  {
  width:240px;
  padding:0px;
  margin:0px;
  border:none;
  margin-left: auto;
  margin-right: auto;
  height:400px;
  font-family: "Century Gothic", "Helvetica", "Arial", "sans-serif";
  font-size: 11pt;
  color: #000000;
  position: absolute;
  left: 250px; 
  bottom: 0px;
  } 
#textbox4
  {
  width:240px;
  padding:0px;
  margin:0px;
  border:none;
  margin-left: auto;
  margin-right: auto;
  height:400px;
  font-family: "Century Gothic", "Helvetica", "Arial", "sans-serif";
  font-size: 11pt;
  color: #000000;
  position: absolute;
  left: 500px; 
  bottom: 0px;
  } 
  
/* display thumbnails */
#thumbnailbox
{
  width:800px;
  padding:5px;
  border:none;
  margin:0px;
  margin-left: auto;
  margin-right: auto;
  height:200px;
  }
div.thumbnail img{
  float: left;
  display:inline;
  margin:40px;
  border:1px; 
  border-style:solid;
  border-color:#ffffff;
  position:relative;
  left:32px;  
  bottom:80px;
  }
.thumbnail a:hover img {border: 1px solid #000000;}  

/* Menu bar2 */
    
#menubar2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#menubar2 ul li { display: inline; }

#menubar2 ul li a.menu2
{
text-decoration: none;
padding: .2em 2em;
color: #fff;
background-color: #036;
}

#menubar2 ul li a.menu2:hover
{
color: #fff;
background-color: #369;
}
a.menu2 {
  float:left;
  width:12em;
  text-decoration:none;
  color:#000000;
  background-color:#ffffff;
  padding: 0.2em 0.6em;
  border-right:1px solid #99cccc;
  }
a.menu2:hover {background-color:#ffffff;}
li {display:inline;}

/* end menu bar2 */