.ab1 { width: 100% ;border: 0px; height: 60px; background-color:#d0846c; border-left-width:50px; background-image:url(graph/d_art.jpg); background-repeat:no-repeat; background-position:left; vertical-align:inherit; cursor:pointer}
.ab2 { width: 100% ;border: 0px; height: 60px; background-color:#c9dae7; border-left-width:50px; background-image:url(graph/d_arch.jpg); background-repeat:no-repeat; background-position:left; vertical-align:inherit; cursor:pointer}
.ab3 { width: 100% ;border: 0px; height: 60px; background-color:#e8ce76; border-left-width:50px; background-image:url(graph/d_char.jpg); background-repeat:no-repeat; background-position:left; vertical-align:inherit; cursor:pointer}
.ab4 { width: 100% ;border: 0px; height: 60px; background-color:#c5e19a; border-left-width:50px; background-image:url(graph/d_conc.jpg); background-repeat:no-repeat; background-position:left; vertical-align:inherit; cursor:pointer}

.phb1 { width: 100% ;border: 0px; height: 60px; background-color:#8e6e63; border-left-width:50px; background-image:url(graph/portr.jpg); background-repeat:no-repeat; background-position:left; vertical-align:inherit; cursor:pointer}
.phb2 { width: 100% ;border: 0px; height: 60px; background-color:#e8e7bd; border-left-width:50px; background-image:url(graph/portr2.jpg); background-repeat:no-repeat; background-position:left; vertical-align:inherit; cursor:pointer}
.phb3 { width: 100% ;border: 0px; height: 60px; background-color:#5f5545; border-left-width:50px; background-image:url(graph/dside.jpg); background-repeat:no-repeat; background-position:left; vertical-align:inherit; cursor:pointer}
.phb4 { width: 100% ;border: 0px; height: 60px; background-color:#f3ac51; border-left-width:50px; background-image:url(graph/concert.jpg); background-repeat:no-repeat; background-position:left; vertical-align:inherit; cursor:pointer}
.phb5 { width: 100% ;border: 0px; height: 60px; background-color:#a1b1af; border-left-width:50px; background-image:url(graph/natur.jpg); background-repeat:no-repeat; background-position:left; vertical-align:inherit; cursor:pointer}

.back { width: 100% ;border: 0px; height: 50px}
.wh {background-color:#FFFFFF; height: 5px;}
.logo1 {height: 24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; text-align:right; font-weight:bold; color:#521212}
.logo2 {height: 16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:right; font-weight:bold; color:#521212}
.logo3 {background-color:#FFFFFF; height: 16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:center; font-weight:bold; color:#521212}
.info_notes {height: 16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; font-weight:bold; margin-left:180px}
.info {background-color:#bba79f; height: 86px; background-image:url(graph/info.gif); background-position:left; background-repeat:no-repeat}
.res {background-color:#d2c7a3; height: 43px}
.title {height: 16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; font-weight:bold}
.ord {height: 16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left}

.dum { width: 100% ;border: 0px; height: 10px}
.dum2 {border: 0px; height: 4px}

body {
	background-repeat: no-repeat;
}
{
  margin: 0;
  padding: 0;
  border: 0px;
}
html, body {height: 100%;}
#content {
  position: relative;
  min-height: 100%;
}
* html #content {
  height: 100%;
}
#text {
  padding-bottom: 1px;
}
#footer {
  position: relative;
  height: 120px;
  margin-top: -120px;
  background-repeat:repeat-x;
  background-position:top;
}
body {
	margin-right: -5px;
	margin-top: -3px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.style4 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}
.style5 {
	color: #828282;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.a1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #faf6d9;
	font-size: 24px;
}
.a2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #569696;
	font-size: 24px;
}
.a3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 24px;
}
.a4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #9d3574;
	font-size: 24px;
}
.ph1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ff9851;
	font-size: 24px;
}
.ph2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #522425;
	font-size: 24px;
}
.ph3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #de493f;
	font-size: 24px;
}
.ph4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fffff7;
	font-size: 24px;
}
.ph5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4d6a7e;
	font-size: 24px;
}
a:link {
	color: #828282;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #828282;
}
a:hover {
	text-decoration: underline;
	color: #f6843a;
}
a:active {
	text-decoration: none;
	color: #828282;
}
a1:link {color: #faf6d9; text-decoration: none;}
a1:visited {color: #faf6d9; text-decoration: none;}