.small {
font-size:10px;
}

.border {
  border-style: dotted;
  border-color:000000;
}


.mainbg { 
background-color: #ffff8e;
}
.darkbg { 
  background-color: #ffd329;
}
.midbg {
  background-color: #fff06d;
}

h1.areatitle, h1.areatitle a:link, h1.areatitle a:visited, h1.areatitle a:active, h1.areatitle a:hover {
  font-family: Century Gothic;
  font-size: 14px;
  font-weight: bold;
  color: #eaeff3;
  margin-bottom: 0px;
  text-decoration : none;
}

body {
  font-family: century gothic;
  font-size: 12px;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

a:link { 
  color: #ffd329;
}
a:visited { 
  color: #ffd329;
}
a:active { 
  color: #000000; 
}
a:hover { 
  color: #000000; 
}

li, td,  th, ul, ol, center, dt, dd, da, dl, input, textarea {
  font-family: century gothic;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

td.textblock {
  font-family: century gothic;
  text-align:justify;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  padding: 0 5px 0 15px;
}

/* Header */


.button a:link, .button a:visited, .button a:active, .button a:hover {
  color: #000000;
  text-decoration: none;
} /* rrl */


h1.primaryHeadline {
  font-family: Century Gothic; 
  font-size: 26px; 
  line-height: 30px;
  font-weight: normal;
  color: #000000;
  margin: 0px;
  padding: 0px 5px 0px 5px;
}

h2.secondaryHeadline {
  font-family: Century Gothic; 
  font-size: 20px; 
  line-height: 22px;
  font-weight: bold;
  color: #000000;
  margin: 0px;
}

/* Section Title */

h2.sectiontitle {
  font-family: Century Gothic; 
  font-size: 16px; 
  font-weight: bold;
  color: #000000;
  background-color: #ffff8e;
  border-top: 1px solid #fff06d;
  border-bottom: 1px solid #fff06d;
  margin: 0 0 10px 0;
  padding-left:5px;
}

h3.sectiontitle {
  font-family: Century Gothic; 
  font-size: 12px; 
  font-weight: bold;
  color: #000000;
  background-color: #ffff8e;
  border-top: 1px solid #fff06d;
  border-bottom: 1px solid #fff06d;
  margin: 0 0 5px 0;
  padding-left:10px;

}

.chromemenustyle{
width: 99%;
font-weight: bold;
}

.chromemenustyle:after{ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromemenustyle ul{
border: 1px solid #fff06d;
width: 100%;
background: url(chromebg.gif) center center repeat-x; 
padding: 4px 0;
margin: 0;
text-align: center;
}

.chromemenustyle ul li{
display: inline;
}

.chromemenustyle ul li a{
color: #000000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #fff06d;
}



.chromemenustyle ul li a[rel]:after{ 
content: " v";
}


.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #fff06d; 
border-bottom-width: 0;
font:normal 12px arial;
text-align: left;
line-height:18px;
z-index:100;
background-color: ffffff;
width: 125px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cacaca,direction=135,strength=4); }

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #fff06d; 
padding: 2px 0;
text-decoration: none;
}

.dropmenudiv a{ 
width: 100%;
}

.dropmenudiv a:hover{ 
background-color: #f0f0f0;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#000000;
font-weight:bold;
padding: 1px 2px;
background:url(chromebg.gif) center center repeat-x;
}

.li{
color:#000000;
}

</style>
