body {
	background-color:#FFFFFF;
	color:#444444;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 3em;
	padding: 0px;
	font-size: 85%;
}

a img {
	border: none;
}

.clear  {
 clear:both;
 }
 #header  {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	color: #999999;
	font-size: 16px;
	font-weight:bold;
	background-image:url(/images/web_banner_maier.jpg);
	background-repeat:no-repeat;
	background-position: 0px 20px;
	height:210px;
}
#header  p{
	text-align: right;
	border-bottom: 1px dotted grey;
	margin-bottom: 1px;
 }
#header img{
padding: 0px;
margin: 0px;
}

 #header ul  {
 float:right;
 width: 20%;
  }
  #header  li {
	font-color: #003366;
 	text-decoration: none;
	border-left: 1px solid #888888;
	padding-left: 1em;
	list-style-type: none;
	text-align: left;
	background-color: transparent;

} 
#header   a  {
    padding-right: 0em;      
	color: #888888;
	text-decoration: none;
}
#header a:visited{
color:#336699;
	text-decoration: none;
 
}
#header a:hover{
	background-color: #888888;
	color: #EEEEEE;
	text-decoration: underline;
}
 
.nohover {
	background-color: transparent;
}
 

/* styles for content part; #article and #rightcolmn are positioned inside div with class "spacer", no styles for id content are difined  */ 
#article   {
 float:left; 
 position:relative;
  width:80% 
  }
#article   a  {
	color:#003366;
	text-decoration: none;
}
#article a:visited{
color:#336699;
	text-decoration: none;
}
#article a:hover{
	background-color: #888888;
	color:#CC0000;
	text-decoration: underline;
}
.head {
 	color: #888888;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 16px;
	padding-left: 10px;
	text-align: left;
	border-bottom: 1px solid gray; 
}
#article .head {
	background-color: #A8B7C7;
}

#article p,  h2, h3, h4 {
padding-right: 1em; padding-left: 1em;

}
#article img {
margin: .5em;
padding: .5em;

}

 #rightcolumn   {
 float:right; 
 position:relative; 
 width: 20% 
}
#rightcolumn .head {
	background-color:#003366;
}

/* THESE STYLES ARE USED IN PHOTO AND VIDEO PAGES  */
   
#rightcolumn   a  {
    padding-right: 0em;      
	color: #888888;
	text-decoration: none;
}
#rightcolumn a:visited{
color:#336699;
	text-decoration: none;
}
#rightcolumn a:hover{
	background-color: #888888;
	color: #EEEEEE;
	text-decoration: underline;
}


 #footer   {	height: 150% ;}
 
 #footer  p {
 	font-family: "Arial Narrow", Helvetica, sans-serif;
	color: #999999;
	font-size: 16px;
	background-color:#CCCCCC;
	width:100%;
   	text-align: right;
	vertical-align: middle;
}
 
.imageholder td {
text-align:center;
}

#VideoTable {
	text-align: center;
	float: none;
	font-weight: bold;
	clear: both;
	font-size: 80%;
}
#VideoTable img {
	float: none;
	clear: none;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#VideoTable td {
	width: 210px;
	background-color: #F2F2F2;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}