a {  color:#124181}
a.but  { white-space: nowrap;padding-left: 3pt; padding-right: 3pt;padding-top: 1pt;padding-bottom: 2pt;color: #3E4A59; font-weight: bold;text-decoration: none;background-color: #DEE8F7;font-family:Arial, Verdana, Helvetica;font-size:9pt;line-height: 13pt;}
a.but:hover {color: #DEE8F7; background-color: #3E4A59; padding-top: 4pt; padding-bottom: 2pt;text-decoration: underline;}
p {  color:black;font-family:Arial, Verdana, Helvetica;font-size:9pt;font-weight:normal;margin-right:15px}
ul {  color:black;font-family:Arial, Verdana, Helvetica;font-size:9pt;font-weight:normal;margin-right:15px}
ol {  color:black;font-family:Arial, Verdana, Helvetica;font-size:9pt;font-weight:normal;margin-right:15px}
li {  color:black;font-family:Arial, Verdana, Helvetica;font-size:9pt;font-weight:normal;margin-right:15px}
td {  color:black;font-family:Arial, Verdana, Helvetica;font-size:9pt;font-weight:normal;margin-right:15px}
 
.subtitle{ 
	color:black;
	font-family:Arial, Verdana, Helvetica;
	font-size:9pt;
	font-weight:bold;
	margin-right:15px
}
.title{
	color:#124181;
	font-family:Verdana,Arial,Helvetica;
	font-size:10pt;
	font-weight:bold;
}
.title2{
	color:#124181;
	font-family:Verdana,Arial,Helvetica;
	font-size:11pt;
	font-weight:bold;
}
.text{
	color:black;
	font-family:Arial, Verdana, Helvetica;
	font-size:9pt;
	font-weight:normal;
	margin-right:15px;
}
.idxitem{
	color:#CC0000;
	font-family:Verdana,Arial,Helvetica;
	font-size:10pt;
	font-weight:bold;
}
.link{
	color:#124181;
	font-family:Arial,Verdana,Helvetica;
	font-size:19pt;
	font-weight:normal;
	margin-left:9px;
}
.link1{
	color:#124181;
	font-family:Arial,Verdana,Helvetica;
	font-size:9pt;
	font-weight:normal;
}
.news{
	color:#124181;
	font-family:Arial,Verdana,Helvetica;
	font-size:9pt;
	font-weight:bold;
	margin-right:15px;
	margin-bottom:0px;
}
.newsred{
        color:#FF9900;
        font-family:Arial,Verdana,Helvetica;
        font-size:9pt;
        font-weight:bold;
        margin-right:15px;
        margin-bottom:0px;
}
.more{
	color:#124181;
	font-family:Arial,Verdana,Helvetica;
	font-size:8pt;
	font-weight:normal;
}
.copy{
	color:#124181;
	font-family:Arial,Verdana,Helvetica;
	font-size:8pt;
	font-weight:normal;
        text-align: center; vertical-align: middle;
}
.credits{
	color:#124181;
	font-family:Arial,Verdana,Helvetica;
	font-size:8pt;
	font-weight:bold;
    vertical-align: middle;
}
.botlink{
	color:#0D1C48;
	font-family:Arial,Verdana,Helvetica;
	font-size:8pt;
	font-weight:normal;
        text-decoration:none;
}
.date{
	color:#124181;
	font-family:Arial,Verdana,Helvetica;
	font-size:9pt;
	font-weight:bold;
	font-style:italic;
	background-color:#DDE7F7;
}
.smdate{
	color:#124181;
	font-family:Arial,Verdana,Helvetica;
	font-size:8pt;
	font-weight:bold;
	font-style:italic;
	background-color:#DDE7F7;
}
.addate{
	color:#124181;
	font-family:Arial,Verdana,Helvetica;
	font-size:8pt;
	font-weight:bold;
	font-style:italic;
	background-color:#F7E7DD;
}
.note{
	color:black;
	font-family:Arial,Verdana,Helvetica;
	font-size:8pt;
	font-weight:normal;
	font-style:italic;
}
.red { color:red; }
hr {  color: #124181; border-width: thin;border-style: dotted}
.rnews{
	color:#124181;
	font-family:Arial,Verdana,Helvetica;
	font-size:9pt;
	font-weight:bold;
	margin-right:15px;
	margin-bottom:-10px;
}
.rdate {font-family: Arial,Verdana,Helvetica;
        font-size: 9pt;font-weight: bold;line-height: 9pt;
        font-style: italic;color: #124181;
        background-color: #DDE7F7;
        text-align: right;
        margin-bottom: -10px;
        margin-top: 20px;
}
.rjust {font-family: Arial,Verdana,Helvetica;
        font-size: 10pt;
        text-align: right;
        margin-bottom: -10px;
        margin-top: 20px;
	padding-right: 5px;
}
.gray { background-color: #eeeeee; 
	color:black;
	font-family:Arial, Verdana, Helvetica;
        font-size:9pt;
        font-weight:normal;
        margin-right:15px;
        text-align: center;
}
p {
	color:black;
	font-family:Arial,Verdana,Helvetica;
	font-size:9pt;
	font-weight:normal;
	margin-right: 5px;
	margin-left: 5px;
}
p.top1 {line-height: 74px}
ul {
	color:black;
	font-family:Arial,Verdana,Helvetica;
	font-size:9pt;
	font-weight:normal;
	margin-right:15px;
	margin-top: 0pt;
}
li { margin-top: +5pt;}

body {
  margin:0px 9px 0 0px;
  padding:0;
  background:#476DA3;
  text-align: center; /* Hack for IE5/Win */
}

/* I put the banner into its own
   object. I had used it from the
   body object in an earlier attempt.
   This required a special following
   object to account for the vertical
   space taken by the banner. This 
   way, I don't need to maintain any
   dependancies between objects for 
   the height of the background image.
*/

#banner{
  background-image: url(images/hoabackground.gif);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px auto;
  clear: both;
  width: 720px;
  height: 100px;
}

#bannerlk{
  border:0px solid #000;
  background-image: url(images/background.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px auto;
  width: 720px;
  line-height: 99px;
  text-align: left; /* body attribute is inherated - counter hack for IE5/Win */
}

#databox{
  border:1px solid #000;
  background-color: #DFDFDF;
  margin: 0px auto;
  width: 718px;
  text-align: left; /* body attribute is inherated - counter hack for IE5/Win */
}

#databox p{
  margin: 9px 6px 2px 6px;
}

#shade2{
  background-color: #CCCCCC;
}