body {
	padding-right: 10px;
	padding-left: 10px;
	background: #FFFAF0;
	padding-bottom: 10px;
	margin: 0px;
	color: #000;
	padding-top: 0px;
	text-align: center;
}

#container {
	border-right: Navy 1px solid;
	border-top: 3px solid Navy;
	background: #ffffff;
	margin: auto;
	border-left: Navy 1px solid;
	width: 770px;
	border-bottom: Navy 1px solid;
	text-align: left;
}

#header {
	background: #ffffff ;
	background-image: url(images/glider3.jpg);
	border-bottom: white 1px solid;
	height: 159px;
	text-align: center;
}

#header2 {
	text-align: center;
	
	padding-left: 5px;
}
#header2 p{
	text-align: center;
  background: #F0F8FF;
}

#left {
	left: -2px; 
	float: left; 
	margin-left: -139px; 
	width: 140px; 
	position: relative
}

#left P {
	padding-left: 5px
}

#middle {
	border-right: #ffffff 1px solid; 
	background: #ffffff; 
	margin-left: 140px; 
	border-left: #ffffff 1px solid;
	clear: both;
}

#middle p{
  margin-left: 5px;
  margin-right: 5px;
}

* html #middle {
	margin-left: 140px; 
	height: 1%;
}

#middle2 {
	border-right: #ffffff 1px solid; 
	background: #ffffff; 
	margin-left: 5px; 
	border-left: #ffffff 1px solid;
	clear: both;
}
#middle2 p{
	margin-left: 55px;
	margin-right: 55px;
}
#middle2 li{
	margin-left: 35px;
	margin-right: 35px;
	list-style: square;
}


#footer {
	clear: both;
	border-top: Navy 1px solid;
	background: #FFF8DC;
	border-bottom: Navy 2px solid;
	height: 50px;
	text-align: center;
	padding-top: 3px;
}

#footer a:link, #footer a:visited {
	color: Black;
}

#footer a:hover {
	color: Blue;
	background-color: #FFFACD;
}

H1 {
	margin-top: 0px;
	color: #FFD700;
	font-size: 26pt;
}
h2 {
	text-align: center;
	color: Navy;
	
}

H3 {
	margin-top: 0px;
}

P {
	margin-top: 0px;
}

.sidetops{
	background-color: #F0F8FF;
	border-top: 2px black solid;
	border-bottom: 2px black solid;
	font-weight: bold;
	color: Black;
	padding: 4px;
}

.imagebox {
	width: 340px;
	float: right;
}
.comments{
	width: 300px;
	float: left;
}

#nav, #nav ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;

text-align: left;
}

#nav a:link,  #nav a:visited {
	display: block;
	width: 8.9em;
	padding: 0.25em 0em 0.25em 0.5em;
	text-decoration: none;
	border: solid Navy;
	border-width: 1px 1px;
	margin: 0 0 0.2em 0;
	text-align: left;
	color: Black;
	font-weight: normal;
}

#nav li { /* all list items */
  float: left;
  width: 9.4em; /* width needed or else Opera goes nuts */
background: #F0F8FF;
}

#nav li ul { /* second-level lists */
  position: absolute;
  background: #F0F8FF;
  width: 9.4em;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  text-align: left;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
  left: auto;

}

#nav li:hover, #nav li.sfhover {
	background: #FFF url(images/shape.gif) no-repeat right;
}

#content {
  clear: left;
}

#matrix{
	border: 2px dotted Navy;
}

#matrix a:link, #matrix a:visited {
	color: Navy;
	padding: 3px 10px 3px 10px;
}

#matrix a:hover, #matrix a:active {
	
	color: white;
	text-decoration: none;
	background: #0000CD;
	padding: 3px 10px 3px 10px;
}

#matrix2{
	border: 2px dotted Navy;
	width: 500px;
}

#matrix2 a:link, #matrix2 a:visited {
	color: Navy;
	padding: 3px 10px 3px 10px;
}

#matrix2 a:hover, #matrix2 a:active {
	
	color: white;
	text-decoration: none;
	background: #0000CD;
	padding: 3px 10px 3px 10px;
}

