body {
  position: relative;
  font-family: "Lucida Sans", Verdana, "Bitstream Vera Sans", sans-serif;
  font-size: 10pt;
  margin: 0; padding: 0;
  color: #504254;
background: #efefef url(/images/oth/body_background_mask.png);
 _background-image:url(/images/oth/body_background_mask.gif);
}

h4 {
color: #aaaaaa;
}

a {
  text-decoration: underline;
  color: #807979;
  font-weight: bold;
}
a:hover {
  color: #e07000;
}
#faq a {
  padding: 0 0 15px;
  font-weight: bold;
  font-size: 95%;
  line-height: 150%;
}
#footer {
  width: 800px;
  margin: auto;
  font-size: 75%;
}
#democracy-project{
  clear:both;
  border-top: 1px #ddd2bc solid;
  padding: 0.5em;
}
#footer-menu{
  clear: both;
}
#footer-menu ul {
  list-style: none;
  margin: 0 0.75em;
  padding: 0;
  overflow: hidden;
}
#footer-menu ul li {
  float: left;
  padding: 0.25em 0.5em;
  text-align: left;
  width: 10.0em;
}
#banner {
  width: 800px;
  height:450px;
  overflow: hidden;
  margin: auto;
}
#frame {
min-width: 875px;
max-width: 1024px;
margin: auto;
}
#forum {
  margin-right: 5px;
  margin-left:160px;
}

#read-more {
  position: relative;
  top: 420px;
  left: -160px;
}
#how-it-works {
  height: 25em;
}
.ohg-blogs-list-container {
  text-align: center;
}
#ohg-blogs ul {
  text-align: left;
  border: 1px solid #807979;
  padding: 1em;
  width: 50%;
  list-style-type: none;
  margin: auto;
}
#ohg-message {
  text-align: justify;
  padding: 1em;
  width: 60em;
  margin: auto;
  font-size: 95%;
  line-height: 120%;
}
#ohg-message h1 {
  color: black;
  color: #807979;
  font-size: 130%;
  text-align: center;
}
#ohg-message h3 {
  color: #807979;
  font-size: 100%;
  margin-top: 2em;
}
table.attack, table.attack th, table.attack td {
	border: thin solid #606060;
	border-collapse: collapse;
	padding: 0.1em;
}

table.attack {
	width: 45em;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-top: 12px;
}

.question {
	font-weight: bold;
	padding: 0 0 15px;
}

.answer {
	padding: 0 0 15px;
}
hr {
	border: 1px solid gray;
	height: 1px;
}
#beyond {
  border-top: 1px #ddd2bc solid;
  padding-top: 10px;
  margin-top: 10px;
}
.invite-more {
  border-bottom: 1px #ddd2bc solid;
}

#main_glass {
margin-top: 15px;
}

#main_glass .content {
height:199px;
}

#start-here {
  text-align: left;
  width: 300px;
  border-bottom: 1px #ddd2bc solid;
  padding-bottom: 15px;
  margin-bottom: 10px;
  color:#777777;
}
#start-here .initcap, #oth_intro .initcap {
  font-size: 20px;
  font-weight: bold;
  color: #807979;
}

#zip-code-form {
text-align: right;
font-size: 20px;
margin-top:15px;
}

#city-request-zip {
width: 100px;
font-size: 20px;
height: 25px;
}

#city-request-form-button {
background:orange;
color:white;
font-size:20px;
height:34px;
margin-left:5px;
}

#city-request-form-button:hover {
background: grey;
}

#zip-error, #city-request-errors {
  text-align: center;
  font-weight: bold;
  color: orange;
}

#link-list {
float: right;
position: relative;
top: 10px;
height:170px;
margin-right:20px;
}

#oth_intro {
float:left;
left:15px;
position:relative;
text-align:justify;
top:10px;
width:390px;
color:#777777;
}

#oth_intro ul {
  margin-top: 0;
}

#browse-open-communities ul {
  list-style: none;
}
#in-the-news li {
  margin-bottom: 1.5em;
}
#electeds-menu {
 float:left;
left:20px;
position:relative;
text-align:left;
top:10px;
width:150px;
z-index:2;
}
.jurisdiction {
  margin-bottom: 1em;
}
.jurisdiction-name {
  color: #807979;
  font-weight: bold;
}
#electeds-menu .selected {
background:transparent url(/images/oth/selected_elected.png) no-repeat scroll left top;
 _background-image:url(/images/oth/selected_elected.gif);
color:#777777;
font-weight:bold;
height:35px;
left:-8px;
margin-bottom:0px;
margin-left:0px;
margin-top:5px;
padding-left:13px;
padding-top:10px;
position:relative;
}
#electeds-menu .unselected a{
  margin-left: 0.5em;
}
#home {
  margin-bottom: 1em;
}
#link-list ul, #electeds-menu ul {
  list-style-type: none;
  margin-left: .2em;
  padding-left: .2em;
  margin-top: 0px;
}
#link-list li, #electeds-menu li {
  padding: .1em 0;
}
#link-list a, #electeds-menu a {
}

#inside-banner {
overflow: hidden;
height: 100px;
}

#subscribe-lift {
height:60px;
left:0px;
position:absolute;
text-align:left;
top:0px;
width:100%;
background: transparent url(/images/oth/subscribe_lift.png) repeat-x top left;
 _background-image:url(/images/oth/subscribe_lift.gif);
 color: #ffffff;
}

#subscribe {
height:50px;
}

#prepared-for {
  margin-top: 8px;
  margin-left: 155px;
}
#draft {
  font-size: 300%;
  font-weight: bold;
  margin:0;
  padding: 2px;
  position: relative;
  top: -3px;
  overflow: hidden;
  float: left;
}
#draft span {
position: absolute;
width: 100%;
height: 1em;
}
#inside-banner-right {
float: right;
background:transparent url(/images/oth/inside_banner.png) no-repeat top right;
 _background-image:url(/images/oth/inside_banner.gif);
text-align: left;
width: 450px;
overflow: hidden;
height: 100px;
text-align: right;
}

#inside-banner-right ul {
  list-style: none;
  padding: 0px;
 margin-top: 45px;
  overflow: hidden;
}

#inside-banner-right ul li {
  float: right;
 padding-right: 20px;
  text-align: left;
}

#inside-banner-right ul li img {
  float: right;
}

a img {
  border: 0;
}

#elected-official {
margin-top: 10px;
margin-right: 10px;
  text-align: left;
  width: 200px;
  float: right;
   }
   
#intro p {
font-size: 11px;
}

#elected-official li {
  padding: .1em 0;
}
#elected-official ul {
  margin-left: 5px;
  padding-left: 5px;
}
#elected-official #name {
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  font-size: 1.3em;
}
#elected-official #photo {
text-align: center;
}
#elected-official #photo img{
  max-width: 150px;
  width: expression(this.width > 150 ? '150px' : true);
}

#iframe-container {
  margin-right: 220px;
padding-top: 10px;

}

#iframe-container iframe {
}

.clear {
  clear: both;
}

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1024px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(/images/oth/inside_container.png) no-repeat top right;
 _background-image:url(/images/oth/inside_container.gif);
}

.main_dialog .content,
.main_dialog .t,
.main_dialog .b,
.main_dialog .b div {
 background:transparent url(/images/oth/main_container.png) no-repeat top right;
 _background-image:url(/images/oth/main_container.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

#balloon-greeting {
position: absolute; z-index: 3; height: 0px; width: 0px; background: red; }

#balloon-dialog {
position: absolute; z-index: 4; left: -345px; top: -3px; width: 350px;
}

#balloon-pointer {
position: absolute; z-index: 5; left: 342px; top: 55px; width: 50px; height: 60px; background: url(/images/oth/balloon_point.png);
 _background-image:url(/images/oth/balloon_point.gif);
}

.balloon-right {
text-align: right; padding-right: 10px;
}

.balloon-close {
padding-top: 10px;
}

.balloon-close a {
text-decoration: none;
}

#greeting-link {
font-size: 9px; 
position: relative; 
padding: 5px; 
  background: url(/images/oth/greeting_link.png) no-repeat center;
 _background-image:url(/images/oth/greeting_link.gif);
}

#greeting-link-wrap {
text-align: center;
}
#inside-community {
  padding: 20px;
  width: 45%;
  float: left;
  position: relative;
  text-align: left;
  left: 20px;
}
#outside-community {
  padding: 20px;
  width: 45%;
  float: right;
    position: relative;
  text-align: left;
  right: 20px;
}
#email-when-open {
  border-right: solid #DDD2BC 1px;
}
.title {
  text-align: center;
}
#endorsement {
  margin: 0 50px;
  text-align: justify;
}
#zip-code-form .fieldWithErrors {
  display: inline;
}
#elected-list ul {
  margin: 0 0.75em;
  padding: 0;
  list-style: none;
  height: 20em;
}
#elected-list ul li {
  padding: 0.25em 0.5em;
}
#unknown-request {
  margin: auto;
  text-align: center;
  height: 200px;
}