/*  note medium blue is #99CCCC, light blue CCFFFF */

BODY,P,TABLE,TD,TR,UL {   
  font-size: small;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #000000;
}

BODY {
   background: url("/images/politile.gif");
   margin: 5px 5px 5px 5px;
}

/* HTML height for Safari plus Mozilla-based browsers */
HTML {
   height: 100%;
   margin: 0;
   padding: 0;
}

BODY.city {
   background: #659898;
   margin: 0;
   padding: 0;
   height: 100%;  /* Need this for margin DIVs to be 100% height */
}

FORM {
  padding: 0px;
  margin: 0px;
}

div#citycenter {
   background: url("/images/citytile-new.gif");
   padding: 0;
   height: 100%;
   width: 760px;
   margin: auto;
}

div#citycontent {
   width: 720px;
   margin: auto;
   padding: 0;
   height: 100%;
}

div#citycontentleft {
   float: left;
   width: 125px;
   padding: 0px 0px 0px 10px;
   font-size: x-small;
}

.citycontentleftsub {
  background: #CCFFFF;
  border-style: solid;
  border-width: 2px 0px;
  border-color: #669999;
  padding: 8px 6px;
  margin: 0 0 10px 0;
}

#citycontentright {
  background: #CCFFFF;
  border-color: #669999;
  border-style: solid;
  border-width: 2px 0 2px;
  margin-right: 8px;
  float: right;
  width: 175px;
  padding: 12px 10px 0px 12px;
  font-size: x-small;
}

#citycontentright UL {
   list-style: none outside;
   line-height: 1.2em;
}

#citycontentright UL A {
    font-weight: bold;
}

div.topbanner {
  height: 60px;
  width: 468px;
  float: left;
  margin: 5px 5px 15px 12px;
}

.footer {
  clear: both;
  margin: auto;
}

/* Note also found on nat'l gateway - maybe combine? */
.yellowbox {
	width: 100%;
        background-color: #FFFFCC;
        border-width: 2px;
        border-style: solid;
        border-color: #FFCC00;
        padding: 12px 8px 8px 8px;
	font-size: medium;
	font-weight: normal;
	float: left;
}

A:link, A:visited, A:active, A:hover { 
  text-decoration: underline;
  font-weight:     normal;
}

A:link  { 
  background-color: transparent;
  color: #0000ff;
}

A:visited { 
  background-color: transparent;
  color: #0000ff;
}

/* A:hover should go here if we create one */

A:active {
  background-color: transparent;
  color: #99ccff;
}

UL {
  padding-left: 0px;
  margin-left: 0px;
  margin-top: 5px;
  list-style-position: inside;
  line-height: 1.4em;
}

LI {
 color: #000000;
 background-color: transparent;
}

LI.redarrow {
  list-style-image: url("/images/arrowdk.gif");
  background-color: transparent;
  color: #cc0000;
  font-weight: bold;
}

LI.redarrow>A {
  color: red;
  text-decoration: underline;
  font-weight:     bold;
}

LI.more {
  list-style-image: url("/images/moredk.gif");
  font-weight: normal;
  font-style: italic;
}

.header {
  padding: 3px 0 3px 0;
  margin: 0;
  border-top: 1px solid gray;
}

.headerblack {
  border-top: 2px solid black;
  padding: 0 0 10px 0;
}

.bigred {
  font-size: x-large;
  font-weight: bold;
  color: red;
}

.smallred {
  font-size: small;
  color: red;
}

.xlarge {
	font-weight: normal;
	font-size: x-large;
}

.large {
	font-weight: normal;
	font-size: large;
}

.small {
	font-weight: normal;
	font-size: small;
}

.noborder {
	border: 0 none;
}

table.blueborder {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #669999 #669999 #669999 #669999;
	border-collapse: separate;
	background-color: white;
}
table.blueborder th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: white white white white;
	background-color: white;
}
table.blueborder td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: white white white white;
	background-color: white;
}

/* ---------------------------------------------------------------------- */
/* Hopefully this bit below can eventually be its own default.css sheet   */
/* ---------------------------------------------------------------------- */

BODY.default {
   background: url("/images/politile.gif");
   min-width: 700px;
}

#leftcolumn {
   width: 139px;
   margin: 0 10px 0 0;
   padding: 0 0 20px 0;
   position: fixed;
   height: 100%; 
}

#content {
   position: absolute;
   left: 150px;
   top: 0px;
   margin: 0;
}

h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
  font-family: verdana, helvetica, arial, sans-serif;
}

h1 {
	font-size: xx-large;
}

/* My god this needs reworking.  Yeargh.  Meantime: I want the
   neighborhood name in main.html to be in <h1> tags for search
   engine happiness... but I don't want to monkey with the sizing
   chosen for these elements on other pages.
 */
h1.main {
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

h2 {
	font-size: x-large;
	margin-top: 8px;
}

h3 {
	font-size: large;
	margin-top: 8px;
}

h4 {
	font-size: medium;
}

h5 {
	font-size: medium;
}

#content p {
	font-size: large;
}

.formtable {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: separate;
}

.formtable td {
	border-width: 0px;
	padding: 3px 7px;
	border-style: none;
	font-weight: bold;
}

.formtable td.left {
	text-align: right;
}

.formtable td.right {
	text-align: left;
}

/* --- */

span.hidden {
	display: none;
}

span.error {
	display: inline;
	color: black;
	background-color: yellow;  
}

input.ok {
	color: black;
	background: #eed39d;
	border: 1px solid green;
}

input.error {
	color: black;
	background: pink;
	border: 1px solid red;
}

/* -- From Raymond's server -- */

/* Zillow logo */
div.logo {
	border:		solid;
	border-width:	thin;
	float:		right;
	margin:		0px 50px 10px 10px;
}

/* Google ad */
div.ad {
	float:		right;
	margin:		0px 0px 10px 10px;
}