body {
	font-family: sans-serif;
}

#topbar {
	background-color: #000066;
	background-image: url(../gradient.png);
	background-repeat: repeat-x;
	color: #ffffff;
	height: 150px;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 800px;
  
}

#title {
	position: absolute;
	top: 90px;
	right: 10px;
	/* left: 200px; */
}

#logo {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 150px;
	width: 105px;
	z-index: 1;
}

#banner {
	position: absolute;
	top: 10px;
	/* left: 120px;*/
	right: 10px;
	height: 90px;
}

#linkbar {
	background-color: #c0c0c0;
	position: absolute;
	width: 800px;
	top: 160px;
	left: 5px;
	height: 30px;
	border-spacing: 5px;

}

.linkbox {
	background-color: #000066;
	color: #ffffff;
	left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;

}

.linkbox a:link,.linkbox a:visited {
	color: #ffffff;
	text-decoration: none;
}

.linkbox a:active,.linkbox a:hover {
	color: #ffffff;
	text-decoration: underline;
}


#mainpage {
	position: absolute;
	top: 200px;
	left: 5px;
	width: 800px;
	padding-top: 5px;
	
	text-align: justify;
}

.imagepara {
	margin: 5px;
	text-align: center;
}

#validXHTML {
	position: absolute;
	bottom: 5px;
	left: 5px;
  
}

#validXHTML.img {
	border-style: none;
}

.secretLink:link,.secretLink:visited {
	color: #000000;
}


/*

If a side navigation bar is required, insert this code
and change the left position of the mainpage appropriately

#sidebar {
	background-color: #f0f0f0;
	width: 250px;
	height: 600px;
	position: absolute;
	top: 100px;
	left: 0px;
  
}

*/