/* Predefined XHTML Tags */
body {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	background-color:  #550000
}
h1 {
	font-family: "trebuchet ms", tahoma, sans-serif;
	color: #000000;
	border-bottom: 1px solid #a0a0ff;
	font-size: 1.1em;
}
p {
	font-size: 0.8em;
	line-spacing: 0.2em;
	line-height: 1.2em;
}
/* Custom defined IDs */
#Header {
	background-color: #550000;
	border-bottom: 2px solid #aa0000;
	color: #6600cc;
	padding: 0.5em;
}
#HeaderTitle {
	font-size: 1.5em;
	font-weight: bold;
}
#HeaderTitleSub {
	font-weight: bold;
}
#HeaderNavigation {
	padding: 0.35em;
	border: 2px solid #aa0000;
	background-color: #550000;
	font-size: 0.7em;
}
#HeaderNavigation a {
	border-right: 2px solid #aa0000;
	border-left: 2px solid #aa0000;
	border-bottom: 1px dashed #aa0000;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	text-decoration: none;
	color: #6600cc;
}
#HeaderNavigation a:hover {
	cursor: help;
	border-bottom: 2px solid #aa0000;
	border-top: 2px solid #aa0000;
	background: #550000;
}
#Body {
	text-align: justify;
}
#RightContainerBorder {
	border: 2px solid #aa0000;
	padding: 0.5em;
}
#RightContainer {
	padding-left: 1em;
	background-color: white;
	font-size: 0.8em;
}
#RightContainerSurf {
	padding-left: 1em;
	padding-right: 0em;
	background-color: white;
	font-size: 0.8em;
}
#RightContainer p {
	text-align: left;
	font-size: 0.8em;
}
#Footer {
	border-top: 2px solid #aa0000;
	border-bottom: 2px solid #aa0000;
	padding: 0.5em;
	background-color: #f0f0ff;
}
/* Custom defined Classes */
.RightContainerHeader {
	background-color: #f0f0ff;
	padding: 0.3em;
	font-weight: bold;
	border: 1px solid #aa0000;
	text-align: left;
}
.LeftContainerItem {
	border-top: 2px solid #aa0000;
	border-bottom: 2px solid #aa0000;
	margin-bottom: 1em;
	background-color: #fcfcff;
	font-size: 0.8em;
}
.LeftContainerItem img {
	border: 0px solid black;
	text-align: center;
}
.LeftContainerHeader {
	border-bottom: 1px dashed #aa0000;
	padding: 0.5em;
	font-weight: bold;
	background-color: #f0f0ff;
}
div.menu {
    width:100%;
    padding: 0;
	background-color: #fcfcff;
}
div.menu a {
    display: block;
    margin: 0;
    width: 100%;
    padding: 0.5em;
    color: black;
    text-decoration: none;
	cursor: help;
}
html>body div.menu a {
	width: auto;
}
div.menu a:hover {
	background: #f0f0ff;
	color: black;
}
.topOfPage {
  font-size: 70%;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  padding-left: 1ex;
  padding-right: 1ex;
  float: right;
}