html {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 65.6%;
  vertical-align: baseline;	
  line-height: 1;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
}
body {
	margin: 5px 0px 10px 0px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background-color: #672424;
	color: #000000;
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "open sans", sans-serif;
	line-height: 1.1em;
}
#page {
	padding: 2px 4px 2px 4px;
	margin: 0px auto 0px auto;
	max-width: 868px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
}
#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	max-width: 858px;
	width: 99.5%;
	background-color: #993333;
	text-align: center;
	color: #000000;
}

img {
	border: 0px none;
}

.header {
	max-width: 817px;
	width: 100%;
	text-align: center;
	margin: auto;
}
.header img {
	max-width: 817px;
	width: 100%;
}

#leftmenu {
	display: none;
	max-width: 165px;
	width: 22%;
	background-color: #993333;
	vertical-align: top;
	text-align: left;
	margin: 1% 0px 0px 0px;
	padding: 0;
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
}

#leftmenu p {
	margin: 4px 0.5% 4px 2%;
	font-weight: bold;
	font-variant: small-caps;
	padding: 0;
}
#leftmenu .mainmenu {
	margin: 4px 0.5% 4px 3%;
	padding: 0;
	font-weight: bold;
	width: 96.5%;
	max-width: 145px;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 0;
}
#leftmenu .menuitem {
	margin: 8px 0px 4px 0px;
	padding: 0;
	font-weight: bold;
}
#leftmenu .subitem {
	margin: 0px 0px 2px 5px;
	padding: 0;
	font-weight: normal;
}
.menuhr {
	clear: both;
	width: 90%;
	margin-top: 6px;
	margin-bottom: 2px;
}
#area {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	max-width: 858px;
	width: 100%;
	background-color: #993333;
	color: #000000;
}

#area2 {
	margin: 0px 0px 0px 4%;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	color: #000000;
}

#main {
	margin: 0px 0px 0px 0px;
	max-width: 528px;
	width: 99.4%;
	background-color: #FFFFFF;
	color: #000000;
	float: left;
	text-align: left;
	line-height: 1.35em;
}

#main p {
	margin: 3px 6px 6px 12px;
	padding: 0px 0px 0px 0px;
}

#main dl {
	margin: 8px 4px 4px 22px;
	padding: 0;
	font-weight: normal;
	width: 95%;
	max-width: 500px;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 0;
	line-height: 140%;
}
#main dl dt {
	margin: 6px 0px 2px 0px;
	padding: 0;
	font-weight: normal;
}
#main dl dd {
	margin: 0px 0px 2px 5px;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
	font-size: 1.4rem;
}
span.ingress {
	padding: 0px 0px 4px 0px;
	display: block;
}
span.ingress img {
	margin: 4px 0px 5px 6px;
}
span.annotering {
	margin: 8px 0px 3px 0px;
	display: block;
	text-align: right;
	width: 80%;
	font-style: italic;
	clear: both;
}

#rightcol {
	display: block;
	float: right;
	margin: 0px 0px 0px 0px;
	width: 99%;
	background-color: #FFFFFF;
	text-align: center;
	color: #000000;
}

#footer {
	background-color: #FFFFFF;
	text-align: center;
	clear: both;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
}

div.copyright {
	margin: 0px 80px 0px auto;
	padding: 0px 0px 0px 0px;
	font: italic normal normal 12px/140% "open sans", sans-serif;
}

div.note {
	width: 99%;
	margin: 4px auto 4px auto;
	font: italic normal normal 12px/normal "open sans", sans-serif;
}

.leftnote {
	margin: 30px 1px 4px 7px;
	font: italic normal normal 12px/14px "open sans", sans-serif;
}

a {text-decoration:none; color: #02008E;}


a:hover {text-decoration: underline; color: Blue;}


a:visited {color: #02008E;}


a.cssmenu {text-decoration:none; color:#ffffff;}


a.cssmenu:hover {text-decoration: underline; color:#999999;}


a.cssmenu:visited {color:#ffffff;}


#leftmenu a, .mainmenu a {text-decoration:none; color:#ffffff;}


#leftmenu a:hover, .mainmenu a:hover {text-decoration: underline; color:#ffffff;}


#leftmenu a:visited, .mainmenu a:visited {color:#ffffff;}


.copy {font-family:Verdana; font-size: 9px;}


h1 {
	margin: 12px 6px 6px 12px;
	font-size: 20px;
	font-size: 2.0rem;
}


h2 {
	font-size: 15px;
	font-size: 1.5rem;
	margin: 10px 6px 0px 12px;
	text-transform: uppercase;
}


h3 {
	font-size: 15px;
	font-size: 1.5rem;
	margin: 6px 6px 2px 12px;
}


div.linka {
	background-color: #eedddd;
	color: #000000;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 0px;
	line-height: 145%;
}

div.linkb {
	background-color: #eedddd;
	color: #000000;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0px 0px 3px 0px;
	padding: 2px 0px 2px 0px;
	line-height: 145%;
}

div.linka p, div.linkb p {
	margin: 0px 0px 2px 0px;
}
.note .linka, .note .linkb {
	float: left;
	margin-left: 14px;
	padding: 3px 4px;
	font-size: 12px;
}

.clear {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 8px/8px;
	background-color: #FFFFFF;
	color: #000000;
}

.vertdot {
	background-image: url(dotted_vert.gif);
}

.horidot {
	background-image: url(dotted_horiz.gif);
}

.mainmenu a.dimmed, #leftmenu a.dimmed {
	color: #E3E3E3;
}
td {
	font-size: 13px;
	font-size: 1.3rem;
	 color : black;
	 background-color: inherit;
}

.tbBlack {
   background-color: #000000;
   color: black;
}

.tbTopic {
   background-color: #BBCCDD;
   color: black;
}

.tbText {
   background-color: #FAF8F6;
   color: black;
}
.headmenu {
	color: #FFFFFF;
	float: left;
	margin: 0;
}
.headmenu div {
	color: #FFFFFF;
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	white-space: nowrap;
	margin: 0 3px 0 11px;
	line-height: 2em;
}
.displaysmaller{
	display: block;
}
.displaysmallest{
	display: block;
}
.displaybig{
	display: none;
}
.submenu {
	clear: both;
}
.gallerythumb {
	padding: 3px 1px;
	margin: 0.75% 0px 0px 0.75%;
	width: 125px;
	min-height: 127px;
	float: left;
	text-align: center;
	border: 1px dashed #ccc;
	line-height: 115%;
}
.gallerythumb img {
	padding: 0;
	margin: 4px auto 1px;
	text-align: center;
}
.gallerythumb a {
	font-size: 15px;
	font-size: 1.5rem;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/
@media screen and (min-width: 570px) {
	#main {
		max-width: 522px;
		width: 99%;
		margin: 1% 0px 0px 0px;
	}
	#area2 {
		margin: 0px 0px 0px 22%;
	}
	#leftmenu {
		display: block;
		max-width: 164px;
		width: 20%;
		margin: 12px 0px 0px 0px;
	}
	.displaysmallest{
		display: none;
	}
	.displaybig{
		display: block;
	}
}
@media screen and (min-width: 680px) {
	#main {
		max-width: 528px;
		width: 76%;
	}
	#area2 {
		margin: 0px 0px 0px 20%;
	}
	#leftmenu {
		max-width: 165px;
		width: 20%;
		margin: 12px 0px 0px 0px;
	}
	#leftmenu .mainmenu {
		margin: 4px 0.5% 4px 6%;
	}
	#rightcol {
		display: block;
		float: right;
		margin: 0px 0px 0px 0px;
		max-width: 155px;
		width: 23%;
	}
	.displaysmaller{
		display: none;
	}
}
@media screen and (min-width: 800px) {
	#main {
		max-width: 536px;
		width: 77%;
	}
	#area2 {
		margin: 0px 0px 0px 19%;
	}
	#leftmenu {
		width: 19%;
	}
	#rightcol {
		max-width: 157px;
		width: 22%;
	}
}