body {
	margin: 0;
	padding : 0;
}

@media all
{

.headerbody {
	color: black;
	background-color: #f0f0f0;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 82%;
}

h1 {
         color: #274e90;
	font-size: 100%;
	font-weight : normal;
	padding : 0.15ex 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

#upperMenuBar {
	color: White;
	background-color: #6487dc;
	height: 2.1em;
	margin : 0;
	padding : 0;
}

#upperMenuBar a {
	color: white;
	font-size: 90%;
	text-decoration: none;
	padding-left: 0.8ex;
	padding-right: 0.8ex;
}

#upperMenuBar a:hover {
	text-decoration: underline;
}

.LHS {
	position: absolute;
	left: 1.7mm;
	top: 1ex;
	margin : 0;
	padding : 0;
}

.RHS {
	position: absolute;
	right: 0.6mm;
	top: 0.9ex;
	margin : 0;
	padding : 0;
}

#header {
	color: #274e90;
	background-color: #8caae6;
	font-size: 335%;
	height: 1.45em;
	margin : 0;
	padding : 0 0 0 4mm;
}

#lowerMenuBar {
	color: white;
	background-color: #003399;
	height: 1.75em;
	margin : 0;
	padding : 0.75ex 0 0 1.3mm;
	max-height: 1.5em;
}

#lowerMenuBar a {
	color: White;
	font-weight: bold;
	text-decoration: none;
	padding : 0 1.5ex 0 0.75ex;
}

#lowerMenuBar a:hover {
	text-decoration: underline;
}

#upperMenuBar .highlight, #lowerMenuBar .highlight {
	color: #fda05b;
}

#footer {
	color: white;
	background-color: #6487dc;
	font-size: 90%;
	height: 4em;
}

div.footerLHS {
	position : relative;
	top: 1.9ex;
	left: 1.9ex;
	text-align : left;
	float : left;
}

div.footerRHS {
	position : relative;
	top: 1.9ex;
	right: 1.9ex;
	text-align : right;
	float : right;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration : underline;
}

}