/*   CSS Document for MAIN  */
/*   Backgound is White, Border is #87B5DA (light blue)  & 10 pixels wide  */
/*   Link Color #0F6CB6 (blue)   */
/*   Line Color #9EAA00 (light green)  */
/*   Primary upper navigation is #0F6CB6 (blue)   */
/*   Secondary upper navigation is #B47836 (brown)  */
/*   Primary Text is Black with occassional first line in #B47836 (brown)  */
/*   H1 and H2 are All Caps and in #9EAA00 (light green)  */
@font-face {
  font-family: 'Optima';
  src: url('/fonts/OPtima-Regular.eot'); /* IE9 Compat Modes */
  src: url('/fonts/Optima-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/Optima-Regular.ttf')  format('truetype') /* Safari, Android, iOS */
       }
body{	background-color: #FFFFFF;
	font-family: Optima, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	color:#111;}
@media print {
body{
	font-size: 11px;
	}
}

br{font-family: Optima, Arial, Helvetica, sans-serif;}
title{font-family: Optima, Arial, Helvetica, sans-serif;}
/* XXXXXXXXXXXXXXX  HEADER (BANNER IMAGE) XXXXXXXXXXXXXXX */
@media screen {
#Kopf img {
	height: 156px;
	}
#footerMain{	background-color: #000000;
	font-family: Optima, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 10px 8px 30px 10px;}		
}	

@media print {
#Kopf img {
	height: 60px;
	}

#footerMain{
	background-color: #FFFFFF;
	font-family: Optima, Arial, Helvetica, sans-serif;
	font-size: 0px;
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 0px;}	

}	
#footer {
	position:fixed;
	bottom: 0em;
	height:2.7em;
	width: 100%;
	}	
#centerpic {
	text-align: center;}	
#content{
	position:absolute;
	top:11em;
	left:0;
	right:0px;
	bottom: 0;
	overflow:auto;
	z-index:2; }
#contenttwocolumn{
	position:relative;
	left:0;
	right:0px;
	
	overflow:auto;
	 }
#contentleft{
	float:left;
	top:0;
	left:0;
	width:60%;
	margin-left: 5px;
	margin-right:5px;
	/*border:1px solid red;*/
	}
#contentright{
	float:left;
	top:0;
	right:0;
	width:37%;
	margin-left: 5px;
	margin-right:5px;
	/*border:1px solid green;*/
	}

#all{ /*position:static;*/
	top: 0;
	left:0.5em;
	right:0.5em;
	overflow:auto;
	margin-left:2em;
	margin-right: 2em;
	}

/* XXXXXXXXXXXXXXX  FOOTER  XXXXXXXXXXXXXXX */

#footerMain a:visited, #footerMain a:active, #footerMain a:link  { text-decoration: none; font-weight:bold; color: #B0B0B0; }

 #footerMain a:hover {text-decoration: none; font-weight:bold; color: #FFFFFF;}


a.footnavlink:link,  a.footnavlink:visited  {color: #0F6CB6;	text-decoration: none;	font-weight: bold;}
a.footnavlink:active, a.footnavlink:hover {color: #0F6CB6; text-decoration: underline; 	font-weight: bold;}


/* XXXXXXXXXXXXXXX  HYPERLINKS  XXXXXXXXXXXXXXX */
a:link  { text-decoration: underline; font-weight:bold; color: #0F6CB6; }
a:visited {	text-decoration: underline;	font-weight:bold; color: #800080;}
a:active, a:hover {text-decoration: underline; font-weight:bold; color: #0F6CB6;}
a.noline:link{text-decoration: none; color: #0F6CB6;}
a.noline:visited {text-decoration: none; color: #0F6CB6;}
a.noline:hover {text-decoration: underline; color: #0F6CB6;}
a.noline:active {text-decoration: underline; color: #0F6CB6;}
/* XXXXXXXXXXXXXXX  TEXT  XXXXXXXXXXXXXXX */
p.chbox{text-indent: -18pt; margin-left: 18pt; margin-bottom:4px; margin-top:-4px;}
.boxalign{vertical-align:middle;}
@media screen {
	h1{ background-color:#000000;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	font-family: Optima, Arial, Helvetica, sans-serif;
	
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 30px 30px 30px 10px;
	text-transform: uppercase;
	text-align:center;}
	h2{color: #6E6E6E;
	font-size: 18px;
	font-weight : bold;
	font-family: Optima, Arial,Helvetica,sans-serif;
	margin-top: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: center;}
}
@media print {
	h1{ background-color:#FFFFFF;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	font-family: Optima, Arial, Helvetica, sans-serif;
	
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 5px;
	text-transform: uppercase;
	text-align:center;}
	h2{color: #6E6E6E;
	font-size: 14px;
	font-weight : bold;
	font-family: Optima, Arial,Helvetica,sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-align: center;}
}

h1.titleblock{margin-top: 15px;}
h2{color: #6E6E6E;
	font-size: 18px;
	font-weight : bold;
	font-family: Optima, Arial,Helvetica,sans-serif;
	margin-top: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: center;}
h3{font-size: 14px;
	font-weight : bold;
	font-family: Optima, Arial,Helvetica,sans-serif;	
	color: #9D9FA2;
	margin-bottom: 0px;
	text-align: left;}
p{font-family: Optima, Arial, Helvetica, sans-serif;
	
	margin-top: 0px;
	text-align:left;}

li{font-family: Optima, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;}
ul{font-family: Optima, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	list-style-type: disc;
	list-style-position: outside;}	
ol{font-family: Optima, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;}
li li	{margin-top: 0px!important; margin-bottom: 0px!important;}

hr{align: center; width: 100%; height: 0; border-style: solid; border-width: 2px; border-color: #404040; border-left:10px;border-right:10px; margin: 0px; padding: 0;}

.clearfloat {/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both; }

.center {clear: left;
	 margin: auto;
	 width:95%;
	 	 }
	 
	 
table.tablegrid {
	border-collapse:collapse;
	margin-bottom:3px;
	margin-left: auto;
	margin-right: auto;
	border:2px solid grey;
	align: center;
	}
.tablegrid tr {border: 0;
		margin:3px;
	}
.tablegrid td { border: 1px solid lightgrey;
		padding: 5px;
		margin: 3px;
	}