/* main.css */
body {
  color: black;
  background-color: rgb(200,200,200);
  font-family: Arial,Helvetica,sans-serif;
}

/* potential clash of title tag */
h1,h2,h3,h4.title {
  color: #31849b;
  text-align: center;
}

div.left {
  text-align: left;
}

div.centre {
  text-align: center;
}

div.center {
  text-align: center;
}

table.central {
  margin-left: auto;
  margin-right: auto;
}

table.image {
  text-align: center; 
  margin-left: auto;
  margin-right: auto;
}

table.image td img {
border: 15px ridge #f0f0f0;
 }


td.rtxt {
  text-align: right;
}

td.notice {
  color: #31849b;
  text-align: center;
  font-weight: bold;

}

td.lpanel {
  text-align: center;
}

td.rpanel {
  text-align: left;
}

img.wframe {
  border: 5px solid white;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.narrow {
	margin-left:  10%;
	margin-right: 10%;
	text-align: left;
}

.marjust {
  margin-left: 20px;
  margin-right: 20px;
  text-align: justify;
}

.lhead {
	color: #31849b;
	text-align: left;
	font-size: 120%;
	font-weight: bold;
}

.lsubhead {
	color: #31849b;
	text-align: left;
/*	font-size: 120%; */
	font-weight: bold;
}

.bold {
font-weight: bold;
}

.grey {
  color: #808080;
}

.grey_bold {
  color: #808080;
font-weight: bold;
}

.highlight {
  color: #ff0000;
  font-weight: bold;
}

.italic {
  font-style:italic;
}

.oblique {
  font-style:oblique;
}


/* #####################
   layout IDs
   ##################### */

#wrapper {
	max-width: 1024px;
  	background-color: rgb(218,238,243);
	margin-right: auto;
	margin-left: auto;
}

#content {
	margin-left: 130px;
	text-align: center;
}

#header {
	height: 100px;
  	padding-bottom: 1px;
	background-color:  #c6d9f1;
  	text-align: center;
}

#footer {
  color: black;
  text-align: center;
  font-size: small;
}

#navbar {
	position : absolute;
	width: 130px;
	background-color:  #c6d9f1;
}

#navlist {
  list-style-type: none;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  text-align: center;
  font-weight: bold;
}

#navlist li a {
	color: #31849b;
	background-color: #e9ffff;
	text-decoration: none;
	margin-top: 10px;
	display: block;
}

#navlist li a:hover {
	color: #ffff00;
	background-color: #31849b;
}