/* Initialize browser elements */
body, h1, h2, h3, p, a, pre, img, div, ul, ol, li, hr, form {
	border: 0em;
	margin: 0em;
	padding: 0em;
}
body {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
}
h1 {
	clear: both;
	color: #038181;
	font-family: "Comic Sans MS";
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 0.939em;
	position: relative;
}
h1 div {
	background-image: url(../interface/white-fade.png);
	background-repeat: repeat-x;
	height: 0.8764em;
	position: absolute;
	left: 0em;
	top: 0em;
	width: 100%;
}
h2 {
	color: gray;
	font-family: "Comic Sans MS";
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0.939em;
}
h3 {
	color: black;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
}
p {
	color: black;
	line-height: 1;
	margin-bottom: 0.939em;
}
a:hover {
	color: magenta;
}
ul, ol {
	margin-bottom: 0.939em;
}
li {
	font-size: 1em;
	line-height: 1.2;
	margin-left: 2.3788em;
}
form {
	padding: 0.626em;
}




/* Class modifications to elements */
ul.noBullet {
	list-style-image: none;
	list-style: none;
}
li.noBullet {
	padding-left: 0.626em;
}
img.simple {
	float: right;
	margin: 0.626em;
	padding: 1.5em 2em 2em 2em;
}



/* Make skip navigation invisible to sighted users */
#skipNavigation {
	height: 0em;
	left: -500px;
	overflow: hidden;
	position: absolute;
	width: 0em;
	top: -500px;
}




/* Main webpage container */
#page {
	background-image: url(../interface/page_bg.png);
	margin: 0.626em auto;
	text-align: left;
	width: 61.348em;
}



/* Header container and elements (Top panel) */
#header {
	background-color: black;
//	border-top: 0.626em solid white;	/* IE - to correct offset caused by skipNavigation*/
	display: block;
	margin-bottom: 1.252em;
	width: 61.348em;
}
#logoBanner {
	float: left;
	margin: 0.626em;
}
#logoBanner img {
	height: 4.7576em;
	width: 35.9324em;
}
#buyLine {
	color: gray;
	font-family: "Comic Sans MS";
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	margin-top: 0.626em;
}
#contactDetails {
	float: right;
	font-weight: bold;
	margin: 1.565em 0.626em 0em 0em;
}
#contactDetails a {
	color: white;
}
#contactDetails p{
	color: white;
	font-size: 1.0016em;
	line-height: 1.5024em;
	text-align: right;
}
#mainMenu {
	clear: both;
	width: 61.348em;
}
#mainMenu ul {
	border: 0em;
	list-style-image: none;
	list-style: none;
	display: inline;
	margin: 0em;
	padding: 0em;
}
#mainMenu li {
	border: 0em;
	display: inline-block;
//	display: inline;	/*IE*/
	float: left;
	height: 1.878em;
	margin: 0em 0.2em 0em 0em;
	padding: 0em;
	/*Firefox adds the border.*/
	width: 9.8908em;	/*Firefox*/
//	width: 10.016em;	/*IE*/
}
.mainMenuButton {
	background-image: none;
	border: 0.0626em solid white;
	display: block;
	color: white;
	height: 1.878em;
	line-height: 1.878em;
	text-align: center;
	text-decoration: none;
	/*Firefox adds the border.*/
	width: 9.8908em;	/*Firefox*/
//	width: 10.016em;	/*IE*/
}
.mainMenuButton em {
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
.mainMenuButton:hover {
	background-image: url(../interface/mmb_hover.gif);
	color: cyan;
}
#breadCrumb {
	margin-top: 1.878em;
//	margin-top: 0em;
	padding: 0.626em;
}
#breadCrumb p {
	color: lightgrey;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7512em;
}
#breadCrumb a {
	color: lightgrey;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}
#breadCrumb a:hover {
	color: cyan;
}



/* Menu container and elements (Left panel) */
#subMenu {
	float: left;
	width: 12.52em;
}
#subMenu li {
	font-size: 0.8em;
	margin-left: 1.252em;
}



/* Main page content container and elements (Middle panel) */
#content {
	float: left;
	height: auto;
	margin: 0em 0.626em 1.252em 0.626em;
	width: 35.056em;
}
#content ul {
	list-style-image: url(../interface/bullet.gif);
}
.instruction {
	color: darkred;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8em;
}




/* Tools container and elements (Right panel) */
#tools {
	float: right;
	width: 12em;
}
#tools.panelOutline {
	border: 0.0626em solid darkcyan;
	padding: 0.626em;
	width: 12.52em;
}
#tools hr {
	width: 100%;
}
#justHost {
	width: 9.3274em;
}
#googleLogo {
	height: 3.2552em;
	width: 9.3274em;
}
.imgLink {
	text-decoration: none;
}
#yell {
	background-color: #fade01;
}
#yell p {
	font-size: 0.7512em;
	font-weight: bold;
	margin-top: 0.626em;
}



/* Footer container and elements (Bottom panel) */
#footer {
	background-color: black;
	clear: both;
	height: 1.878em;
}
#copyright {
	color: lightgrey;
	font-size: 0.626em;
	float: left;
	padding: 0.626em 0em 0.626em 0.626em;
}
#footerMenu {
	padding-bottom: 0.2em;
}
#footerMenu li {
	display: inline;
	font-size: 0.8em;
}
#map {
	color: lightgrey;
	float: right;
	font-size: 0.626em;
	padding: 0.626em;
	text-decoration: none;
}
#map:hover {
	color: cyan;
}