b {
  font-size: 110%;
}

body {
  color: #404040;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  text-align: left;
}

em {
	font-style: italic;
}

.table {
	font-size: 92%;
	font-weight: bolder;
	line-height: 1em;
}

td {
  padding: 10px;
}


.caption {
	font-size: 75%;
	font-weight: bolder;
	text-align: left;
}

.holzink {
	border-bottom: 2px #FF0000 solid;
	font-weight: bold;
}

.innertube {
  margin: 0px;/*Margins for inner DIV inside each column (to provide padding)*/
  margin-top: 0;
}

.list li {
	font-size: 92%;
	list-style-image: url(../images/holzink-list.gif);
	margin-left: 20px;
	padding-left: 10px;
}

.left {
  text-align: left;
}


.middle {
  margin: 0px;/*Margins for inner DIV inside each column (to provide padding)*/
  margin-top: 0;
}

.middle p {
	font-size: 92%;
	line-height: 1.2em;
	padding-bottom: 1.2em;
}

.middle h1 {
	color: #C0C0C0;
	font-size: 400%;
	padding-bottom: 20px;
	padding-top: 20px;
}

.middle h2 {
	font-size: 117%;
	padding-bottom: 15px;
	text-align: center;
}

.middle table {
	background-repeat: no-repeat;
}

.salutation a:link {
	color: #FF0000;
	text-decoration: none;
}

.salutation a:visited {
	color: #FF0000;
	text-decoration: none;
}

.salutation a:hover {
	color: #404040;
	text-decoration: underline;
}

.salutation a:active {
	color: #FF0000;
	text-decoration: none;
}

#contentcolumn {
  margin: 0 210px 0 210px;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
  padding-top: 45px;
}

#contentwrapper {
  float: left;
  width: 100%;
}

#footer {
  clear: left;
  width: 100%;
  text-align: center;
  padding: 4px 0;
}

#leftcolumn {
  float: left;
  width: 210px;/*Width of left column in pixel*/
  margin-left: -960px;/*Set margin to that of -(MainContainerWidth)*/
}

#leftcolumn h2 {
  text-align: left;
  padding-bottom: 15px;
}

#maincontainer {
  width: 960px;/*Width of main container*/
  margin: 0 auto;/*Center container on page*/
  position: relative;
}

#rightcolumn {
  float: left;
  width: 210px;/*Width of right column*/
  margin-left: -210px;/*Set left margin to -(RightColumnWidth)*/
}

#rightcolumn h2 {
  text-align: right;
  padding-bottom: 15px;
}

#topsection {
  height: 190px;/*Height of top section*/
}

#topsection h1 {
  margin: 0;
  padding-top: 125px;
}

#leftcolumn a:hover span {
  display: block;
  font-size: 83%;
  position: absolute;
  top: 192px;
  left: 420px;
  text-decoration: none;
}

#rightcolumn a:hover span {
  display: block;
  font-size: 83%;
  position: absolute;
  top: 192px;
  left: 383px;
  text-decoration: none;
}

a[href^="http:"] {
	background: url(../images/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

a span {
  display: none;
}

a:link {
  color: #404040;
  text-decoration: none;
}

a:visited {
  color: #404040;
  text-decoration: none;
}

a:hover {
  background-color: #FFFFFF;/* This hover change defeats the IE/Win display changing bug */
  color: #FF0000;
  text-decoration: none;
}

a:active {
  color: #404040;
  text-decoration: none;
}

.red {
  color: #FF0000;
}