body {
  margin: 0px 0px 10px 0px; 
  padding: 0px 0px 10px 0px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  background-color: #E5E5E5;
}

#headerbar {
  background-color: #336699;
  padding: 10px;
  height: 30px;
  width: 100%;
}

#headerbar #title {
  font-size: 22px;
  font-weight: bold;
  color: #CCCCFF;
  letter-spacing: 2px;
  text-align: left;
}

#headerbar #links {
  vertical-align: middle;
  float: right;
}

#headerbar #links a {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #000066;
  padding: 4px;
  border: 1px solid #808080;
  white-space: nowrap;
}

#content {
  clear: both;
  text-align: center;
}

#mainTable {
  width: 600px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

#mainTable td {
  vertical-align: top;
  background-color: #CCCCCC;
  padding: 2px;
}

#menuTable {
  margin: 10px 10px 10px 10px;
}

#menuTable td {
  text-align: left;
  white-space: nowrap;
}

#menuTable a {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #CC0000;
}

#menuTable a:hover {
  text-decoration: underline;
}


#dataMain {
  text-align: left;
  width: 590px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

#dataMain h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #637663;
  text-align: left;
}

#dataMain #timestamp {
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #666633;
  margin: 10px;
}

#dataMain a {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #CC0000;
}

#dataMain a:hover {
  text-decoration: underline;
}

#dataTable {
  width: 590px;
}

#dataTable th {
  text-align: left;
  text-transform: uppercase;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  vertical-align: top;
}

#dataTable td {
  background-color: #CCC;
  padding: 0px;
  text-align: right;
  font-size: 9px;
}

#dataTable .party {
  font-weight: bold;
  text-align: left;
  font-size: 11px;
  vertical-align: middle;
}

#dataTable .votes {
  background-color: #999999;
  width: 90px;
  text-align: right;
  font-size: 17px;
  font-weight: bold;
  color: #FFFFCC;
  line-height: 26px;
}

#dataTable .graph {
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  color: #000000;
  font-weight: bold;
  white-space: nowrap;
}

#finalData td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  background:#cccccc;
  text-align: left;
  margin: 10px 0px 10px 0px;
}

#finalData strong {
  font-weight: bold;
  color: #666633;
}

#councilMain {
  clear: both;
  text-align: center;
}

#councilMain h1 {
  font-weight: bold;
  font-size: 12px;
  padding-top: 5px;
  text-transform: uppercase;
}

#councilMain table {
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  text-align: left;
}

#councilMain table th {
  font-weight: bold;
}

#councilMain table td {
  padding: 2px;
}

#participationBody #dataTable {
  border: 1px solid black;
  padding: 0px;
  background-color: white;
  width: 470px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

#participationBody #dataTable td {
  background-color: #CCC;
  padding: 2px;
  text-align: right;
  font-size: 9px;
}

#participationBody #dataTable .electionDay {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #CCCCCC;
  background-color: #996633;
}
#participationBody #dataTable .preElectionDay {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666633;
  background: #cccccc;
  text-align: center;
}
#participationBody #dataTable .area {
  color: #666633;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  font-size: 10px;
  white-space: nowrap;
}
#participationBody #dataTable .areaHeader {
  text-align: left;
  font-size: 9px;
  color: #333333;
}
#participationBody #dataTable .sum {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666633;
  white-space: nowrap;
}
#participationBody #dataTable .sumHeader {
  text-align: center;
  font-size: 10px; 
  font-weight: bold;
  color: #CCCCCC;
  background-color: #663333;
}
#participationBody #dataTable .timestamp {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}