html, body {margin:0px; padding:0px; background:#fff; font-family:verdana; font-size:12px; color:#666666;}
/* The header and footer */
.headfoot {display:block; height:200px; background:#fff; color:#7e7e7d; text-align:center; padding:5px;font-size:30px; background-image: Url (images/footer);}

/* This bit does all the work */
#container {position:relative; display:block; background:FFF; border-left:200px solid #fff; border-right:200px solid #fff; overflow:visible;}
#left {float:left; position:relative; width:198px; margin-left:-197px; display:inline;}
#right {float:right; position:relative; width:198px; margin-right:-197px; display:inline;}

.clear {clear:both;height:1px;overflow:hidden;}
a:visited {color:#1EA5FE;}
/* Just to extend each column */
#container a:visited, a {color:#000; text-decoration:none;}
#container a:link {colour:#1EA5FE;}
#container a:span {display:none;}
#container a:active, #container a:focus {color:#1ea5fe; text-decoration:none; background: #fff; cursor:default;}
#container a:active span, #container a:focus span {display:inline; left:0;}
#container A:hover   {color: #4096ee;}
.comment {text-align:center;}
.comment a {text-decoration:underline;}
em {font-weight:bold;}


div.nav {
	background-image: url(images/navbg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 700px;
	height: 245px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	#nav a:visited, a {color:#000; text-decoration:none;}
#nav a:link {colour:#1EA5FE;}
#nav a:span {display:none;}
#nav a:active, #container a:focus {color:#7e7e7d; text-decoration:none; background: #fff; cursor:default;}
#nav a:active span, #container a:focus span {display:inline; left:0;}
#nav A:hover   {color: #4096ee;}


}

h1 {
font: bold italic 15pt "verdana", "MS Serif", "New York", serif;
margin: 0;
padding: 0;
color: #4096EE;
border-bottom: solid #c9c4c0 thin;
width: 600px;
}