a:link { color: #CCF; }
a:visited { color: #CCF;}
a:hover { color: #9CC; }
a:active { color: #CCF; }
.AreaInfoBox {margin: 4px 0; padding: 10px 4px 4px 4px; width: 600px; height: 240px; overflow: auto; overflow-x: hidden; border: solid 1px #369; background-color: #999; font-size: 11px; scrollbar-base-color: #669; font-family:verdana; color:#FFF; }
.AreaInfoBoxHeading { margin-bottom: 2px; padding: 2px; background-color: #333; font-weight: bold; font-size: 12px; color:#F9F8E4; font-family:verdana; }

.AreaInfoBox dd { display: inline; margin: 0; padding: 0; }
.AreaInfoBox dt { display: inline; clear: both; margin-right: 0.2em; font-weight: bold; }

.bodytext {  font-family: Verdana; font-size: 10px; color: #FFF; }
.subheaders { font-family: Verdana; font-size: 10px; font-weight: bold; color: #FFF; }
.bodytextsml { font-family: Verdana; font-size: 8px; line-height: 12px; color: #FFF; }
.purpleCafeNames { font: bold normal 10px Verdana; line-height: normal; text-transform: none; color: #CCF; }