body {	
	margin: 20px 20px;
   padding: 0px;
	background-color: #3d3d3d;
	color: #000000; 
	line-height: 1.2em;
	font-family: Verdana, Georgia, Arial, Helvetica, serif;
	text-align:left;
	font-size: 12px;
}
.date{
	text-align:right;
	font-size:small;
}
a {
    color: #000000; 
}
tablex {
	font-size: 12px;
}

.container {
	margin:0;
	padding:0;
	width:100%;
}
.header {
	color:white;
	clear:left;
}
.flex, .center {
	color:white;
	padding:0;
	display: flex;
}
.clear {
	clear:both;
	height:10px;
}
#footer {
	padding:0.5em;
	color:white;
	clear:left;
	border: 1px solid #333333;
	background-color:#727272;
	font-size:0.8em;
}
#footer a {
	color:#FFF;
}
.footer_menu { font-size: 1.2em; }
#header-br { height: 0px; }
.header_img {
	float:left;
	border: 0px;
	background-color: #888888;
	max-width: 600px;
	height: 100px;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	font-family:Georgia,Serif;
	text-indent:6px;
	position:absolute;
	top:24px;
	left:24px;
	width: 90%;
}
div.header_right {
	margin-left:610px;
	padding: 0;
	height:99px;
	background-color:#888888;
	min-width: 250px;
}
.nav, .left {
	margin:0;
	padding:0;
	min-width:15%;
	max-width:250px;
}
.content {
	margin:0;
	padding:0 0 0 10px;
	width:100%;
}

.block {
	border: 1px solid #333333;
	padding-top: 6px;
	margin: 0px;
	background-color:#666666;
}	
.blockHeader {
	width: auto;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
	padding: 2px 0px 2px 10px;
	margin: 0px;
	text-align: left;
	font-weight: bold; 
	background-color:#444444;
}           
.blockHeader a {
   text-decoration: none;
	color:#eeeeee;
}           
.blockHeader a:hover {
   text-decoration: underline;
	color:#ffffff;
}
.blockHeader .date {
   float: right;
   font-weight: normal;
   margin-bottom: -1px;
}
.boxtitle, .boxtitleimg {
	border-bottom: 1px solid #222;
	font-weight: bold; 
	text-indent:3px; 
	line-height: 1.2;
}
.boxtitle a {
	border:none;
	background-color:transparent;
}
td.boxmenu {
	border:none;
}
table.submenu {
	width:100%;	
}
.submenu {
	text-align:center;
}
.maintitle { 
	font-size:24px; 
	white-space:nowrap; 
	vertical-align:bottom; 
	text-align:left; 
	text-indent:5px; 
	font-weight:bold; 
	font-style:italic; 
	background-image:none; 
}

#blockContent {
   padding: 10px;
   margin:0px;
   font-size:0.9em;
   background-color: #dddddd;
	color:#000000;
}
#blockContent a {
}
#blockHeaderContent {
   padding: 10px;
   margin:0px;
   font-size:11px;
   background-color: #727272;
   overflow: hidden;
}
#blockHeaderContent a {
	color:#FFF;
   text-decoration: none;
}
#blockHeaderContent a:hover {
   text-decoration: underline;
}

.navcontainer {
}
.navcontainer ul {
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
.navcontainer a {
	display: block;
	padding: 4px 0px 4px 10px;
	background-color: #727272;
	border-bottom: 1px solid #000000; 
}

    /*.navcontainer a.bottom {
        border-bottom: 0px;
    }*/

	.navcontainer a:link, .navlist a:visited{
		color: #EEE;
		text-decoration: none;
	}

	.navcontainer a:hover{
		background-color: #666666;
		color: #fff;
	}
	.navcontainer a.active{
		background-color: #FFCC00;
		color: #000000;
	}
	.navmenu1 {
		padding: 4px 0 4px 10px;
		display:block;
		border-bottom:1px solid #000000;
		font-weight:bold;
	}
	.menu {
		color:#dddddd;
	}


body { font-size: 1.0em; }
.header-img {
  background-color: #888888;
  border: 0 none;
  font-family: Georgia,serif;
  font-size: 1.6em;
  font-style: italic;
  font-weight: bold;
  padding: 10px;
  position: absolute;
  text-indent: 6px;
}
.header_right {
}
.header-image {
  min-width: 350px;
  width: 100%;
  padding-top: 3px;
}
.header ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.header ul li {
  display: inline-table;
  height: 128px;
  width: 49.5%;
  background-position: 50% 50%;
  background-size: cover;
}
.top-menu { display: none; }
.top-menu a {
  color: white;
  font-size: 1.1em;
}
.boxtitle { border-top: none !important; }
#blockHeaderContent {
  font-size: 0.9em;
}
table { font-size: 1.0em !important; }
@media screen and ( max-width: 850px ) {
	body { margin: 10px; }
}
@media screen and ( max-width: 800px ) {
	.header ul { display: block; }
	.header ul li { width: 100% !important; }
	.left { display: none; }
	.content { padding: 0px !important; }
	.top-menu { display: block !important; }
}
@media screen and ( max-width: 400px ) {
	body { margin: 0px; }
	.header-image { min-width: 100%; }
	#blockHeaderContent { padding: 1px; }
}