/* main.css */
body {
  color: black;
  background-color: rgb(218,238,243);
/*  background-color: #daeef3; */
  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.lpanel {
  text-align: center;
}

td.rpanel {
  text-align: left;
}

td.contact {
  padding: 20px 0 20px 20px;
  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;
}

.narrow2 {
	margin-left:auto;
	margin-right:auto;
	width:70%;
	text-align:left;
	text-align: left;
}


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

.smalljust {
  font-size: 75%;
  text-align: justify;
}

.lhead {
	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;
}

#ltg {
font-weight: bold;
}

#sponsor {
font-weight: bold;
}

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

#wrapper {
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

#content {
#	width : auto;
#	overflow : auto;
	margin-left: 130px;
#border-left : 2px solid #cccccc;
#border-right : 2px solid #cccccc;
	text-align: center;
}

#header {
#width: 610px;
#margin-right: auto;
#margin-left: auto;
#color: #000000;
	height: 100px;
  	padding-bottom: 1px;
	background-color:  #c6d9f1;
  	text-align: center;
}

#footer {
  color: black;
#border-top : 2px solid #cccccc;
#border-bottom : 2px solid #cccccc;
  text-align: center;
  font-size: small;
}

#navbar {
#	overflow : auto;
	position : fixed;
	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;
#	color: black;
#	background-color: rgb(230,230,230);
	text-decoration: none;
	margin-top: 10px;
	display: block;
}
#navlist li a:hover {
	color: #ffff00;
	background-color: #31849b;
#	color: white;
#	background-color: rgb(200,200,200);
}



