/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;I 
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

p {color:#666666; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.2 {color:#666666; font-size:10pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:11pt;}
p.events {color:#666666; font-size:7pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.links {color:#000000; font-size:7pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
p.events2 {color:#99cc66; font-size:7pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:8pt;}
p.gray {color:#666666; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.grayy {color:#666666; font-size:9pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:11pt;}
p.bedstuy {color:#813151; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.bococa {color:#BA7E38; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.bushwick {color:#855723; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.greene {color:#3F4F24; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.greenpoint {color:#688C3C; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.hook {color:#9E3E25; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.pcheights {color:#217D82; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.slope {color:#452556; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.southpark {color:#A2637D; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.waterfront {color:#314250; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.williamsburg {color:#493829; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}
p.info {color:#666666; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:15pt;}

p.red {color:#9E3E25; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}

p.redlg {color:#9E3E25; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:13pt;}
p.form {color:#666666; font-size:9pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:11pt;}
p.formb {color:#666666; font-size:9pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:12pt;}
p.formlg {color:#666666; font-size:11pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:14pt;}
p.formbig {color:#7d9341; font-size:15pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:17pt;}
p.formc {color:#ff0000; font-size:9pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:12pt;}
p.popup {color:#666666; font-size:10pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:14pt;}
p.email {color:#b03e06; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:11pt;}

li {color:#666666; font-size:8pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:10pt;}

hr {border: 0; color: #CCCCCC; background-color: #CCCCCC; height: 2px;}

h1 {color:#666666; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
h1.events {color:#99cc66; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:10pt;}
h1.events2 {color:#ffffff; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:9pt;}
h1.form {color:#666666; font-size:9pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:12pt;}
h1.formred {color:#9d3e25; font-size:10pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:13pt;}
h1.formlg {color:#666666; font-size:11pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:14pt;}
h1.formlgred {color:#9d3e25; font-size:11pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:14pt;}
h1.formgray {color:#666666; font-size:12pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:14pt;}
h1.price {color:#93d346; font-size:10pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:14pt;}
h1.formblue {color:#6699cc; font-size:12pt; font-weight:bold;  font-family: "gill sans", "arial", "helvetica"; line-height:14pt;}
h1.formgold {color:#BA7E38; font-size:12pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
h1.email {color:#b03e06; font-size:9pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:12pt;}
h1.ltgreen {color:#99cc66; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
h1.small {color:#666666; font-size:9pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:11pt;}
h2 {color:#666666; font-size:12pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:13pt;}
h2.ltgreen {color:#99cc33; font-size:12pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
h2.events {color:#3F4F24; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
h2.events2 {color:#666666; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:11pt;}
h2.bedstuy {color:#813151; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.bococa {color:#BA7E38; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.bushwick {color:#855723; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.greene {color:#3F4F24; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.greenpoint {color:#688C3C; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.hook {color:#9E3E25; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.pcheights {color:#217D82; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.slope {color:#452556; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.southpark {color:#A2637D; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.waterfront {color:#314250; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.williamsburg {color:#493829; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}

h2.red {color:#cc3333; font-size:12pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
h2.hook {color:#9E3E25; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h2.redbig {color:#ff0000; font-size:12pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}

h2.form {color:#666666; font-size:18; font-weight:bold;  font-family: "arial", "helvetica"; line-height:20pt;}
h3 {color:#666666; font-size:14pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h3.events {color:#3F4F24; font-size:16pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:16pt;}
h3.form {color:#666666; font-size:20; font-weight:bold;  font-family: "arial", "helvetica"; line-height:22pt;}
h3.formred {color:#9d3e25; font-size:20pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:22pt;}


a:link {color:#666666; font-size:9pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited {color:#666666; font-size:9pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover {color:#999999; font-size:9pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.events2 {color:#000000; font-size:7pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:8pt;}
a:visited.events2 {color:#000000; font-size:7pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:8pt;}
a:hover.events2 {color:#666666; font-size:7pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:8pt;}

a:link.events {color:#666666; font-size:7pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:8.5pt;}
a:visited.events {color:#666666; font-size:7pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:8.5pt;}
a:hover.events {color:#99cc66; font-size:7pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:8.5pt;}

a:link.eventsbold {color:#666666; font-size:7pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
a:visited.eventsbold {color:#666666; font-size:7pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
a:hover.eventsbold {color:#CCCCCC; font-size:7pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}

a:link.gray {color:#666666; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.gray {color:#666666; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.gray {color:#999999; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.red {color:#9E3E25; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
a:visited.red {color:#9E3E25; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
a:hover.red {color:#FF6666; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}

a:link.graylg {color:#666666; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.graylg {color:#666666; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.graylg {color:#999999; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.graysm {color:#666666; font-size:9pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.graysm {color:#666666; font-size:9pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.graysm {color:#999999; font-size:9pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.white {line-height:10pt; color:#FFFFFF; font-size:8pt;  font-family: "arial", "helvetica"}
a:visited.white {line-height:10pt; color:#FFFFFF; font-size:8pt;  font-family: "arial", "helvetica"}
a:hover.white {line-height:10pt; color:#FFFFFF; font-size:8pt;  font-family: "arial", "helvetica"}

a:link.bedstuy {color:#813151; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.bedstuy {color:#813151; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.bedstuy {color:#B76586; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.bococa {color:#BA7E38; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.bococa {color:#BA7E38; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.bococa {color:#FFCC99; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.bushwick {color:#855723; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.bushwick {color:#855723; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.bushwick {color:#B2875B; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.greene {color:#3F4F24; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.greene {color:#3F4F24; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.greene {color:#99CC33; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.greenpoint {color:#688C3C; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.greenpoint {color:#688C3C; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.greenpoint {color:#99CC33; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.hook {color:#9E3E25; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.hook {color:#9E3E25; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.hook {color:#FF6666; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.pcheights {color:#217D82; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.pcheights {color:#217D82; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.pcheights {color:#99CCCC; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.slope {color:#452556; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.slope {color:#452556; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.slope {color:#CC99FF; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.southpark {color:#A2637D; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.southpark {color:#A2637D; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.southpark {color:#D3A7B9; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.waterfront {color:#314250; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.waterfront {color:#314250; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.waterfront {color:#6699CC; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.williamsburg {color:#493829; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.williamsburg {color:#493829; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.brown {color:#BF9E7F; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.ltgreen {color:#99CC33; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.ltgreen {color:#99CC33; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.ltgreen {color:#99CC33; font-size:8pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.email {color:#b03e06; font-size:9pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:12pt;}
a:visited.email {color:#b03e06; font-size:9pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:12pt;}
a:hover.email {color:#ffcc66; font-size:9pt; font-weight:normal;  font-family: "arial", "helvetica"; line-height:12pt;}

a:link.email2 {color:#6699cc; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
a:visited.email2 {color:#6699cc; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
a:hover.email2 {color:#99ccff; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}

a:link.emailgold {color:#ff9900; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
a:visited.emailgold {color:#ff9900; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}
a:hover.emailgold {color:#ffcc66; font-size:10pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:14pt;}

a:link.redd {color:#FF0000; font-size:12pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:24pt;}
a:visited.redd {color:#FF0000; font-size:12pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:24pt;}
a:hover.redd {color:#FF6666; font-size:12pt; font-weight:bold;  font-family: "arial", "helvetica"; line-height:24pt;}

li.email {color:#666666; font-size:9pt; font-weight:normal;  font-family: "gill sans", "arial", "helvetica"; line-height:12pt;}


