body {
  text-align: center;
  font-family: verdana, sans-serif;
  color: #333333;
  margin: 0;
  padding: 0;
  background-color: #8d817b;
}


/* ========== */
/* = COMMON = */
/* ========== */

p, ul, ol {
  line-height: 110%;
  margin-top: 10px;
}

ul ul, ol ul, ol ol {
  margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 120%;
  color: #006699;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
}

h1 {
  font-size: 100%;
}

h2 {
  font-size: 140%;
  font-weight: bold !important;
}

h3 {
  font-size: 125%;
}

h4 {
  font-size: 110%;
}

a:link,
a:visited {
  color: #287800;
  text-decoration: none;
}

a:hover,
a:active {
  color: #1e6400;
  text-decoration: underline;
}

img {
  border: none;
}

form, fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

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

/* ============= */
/* = STRUCTURE = */
/* ============= */


.container {
  width: 900px;
  text-align: left;
  margin: 0 auto;
}

.container_efountain {
  width:600px;
  text-align: left;
  margin: 0 auto;
}

.col-full {
  float: left;
  width: 100%;
  clear: both; 
}

.col-large {
  float: left;
  width: 600px;
  padding: 0 0 15px 0;
}

.col-small {
  float: left;
  width: 300px;
}

.space {
  padding-left: 20px;
  padding-right: 30px;
}

.space2 {
  padding-left: 20px;
}

/* ========== */
/* = HEADER = */
/* ========== */


#header {
  float: left;
  width: 100%;
  background: transparent url(/images/layout/bg-header.gif) repeat-x top;
  clear: both;
}

#header-help {
  float: left;
  width: 100%;
  background: transparent url(/images/nav/bg-header-help.gif) no-repeat top center;
  clear: both;
}

#header #logo {
  float: left;
  width: 170px;
  padding: 5px 0 0 0;
}

#header #logo h1 {
  width: 170px;
  height: 170px;
  background: transparent url(/images/layout/fountain-hills.gif) no-repeat top center;
  margin: 0;
  padding: 0;
}

#header #logo h1 a {
  display: block;
  width: 170px;
  height: 170px;
  background: transparent url(/images/layout/fountain-hills-OLD.gif) no-repeat top center;
}

#header #logo h1 a span {
  display: none;
}

#header #intro {
  float: left;
  width: 730px;
}

#header #intro #title {
  float: left;
  width: 430px;
  padding: 5px 0 0 0;
}

#header #intro #title p {
  width: 430px;
  height: 85px;
  background: transparent url(/images/layout/official-website.gif) no-repeat top center;
  margin: 0;
  padding: 0;
}

#header #intro #title p span {
  display: none;
}

#header #intro #search {
  float: left;
  width: 300px;
  padding: 5px 0 0 0;
}

#header #intro #search form {
  background: transparent url(/images/layout/bg-search.gif) no-repeat top center;
  padding: 0 40px 10px 30px;
}

#header #intro #search form input.text-field {
  width: 130px;
}

#header #intro #search form label {
  color: #ebe8e6;
  font-size: 85%;
  font-weight: bold;
  display: block;
  padding: 5px 0 5px 5px;
}



/* =========== */
/* = CONTENT = */
/* =========== */


#content {
  float: left;
  width: 100%;
  background: transparent url(/images/layout/bg-content.gif) repeat-x top;
  clear: both;
}

#content-help {
  float: left;
  width: 100%;
  background: transparent url(/images/layout/bg-content-help.gif) repeat-y center;
  clear: both;
}

#content-cleaner {
  float: left;
  width: 100%;
  background: transparent url(/images/layout/bg-content-cleaner.gif) no-repeat top center;
  clear: both;
  padding: 0 0 10px 0;
}

#content ul.preview {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
}

#content ul.preview li {
  border-bottom: 1px solid #c5bfbc;
  padding: 5px 0;
}

#content ul.preview li.more {
  font-weight: bold;
  border-bottom: none;
  background: transparent url(/images/layout/more.gif) no-repeat left;
  padding-left: 18px;
}

#content table {
	margin-bottom: 10px;
}

#content table p {
	padding-left: 10px;
	padding-right: 10px;
}

div.meetings {
  border-bottom: 1px solid #c5bfbc;
  margin-bottom: 20px;
}

/* ========== */
/* = FOOTER = */
/* ========== */


#footer {
  float: left;
  width: 100%;
  background: transparent url(/images/layout/bg-footer.gif) repeat-y center;
  clear: both;
  padding: 20px 0 5px 0;
}

#footer h2 {
  color: #7f746f;
  font-size: 100%;
}

#footer p, #footer ul {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 85%;
  color: #7f746f;
}


/* =========== */
/* = CREDITS = */
/* =========== */


#credits {
  float: left;
  width: 100%;
  background: transparent url(/images/layout/bg-credits.gif) no-repeat top center;
  clear: both;
  padding: 15px 0 0 0;
}

#credits p {
  font-size: 85%;
  color: #ebe8e6;
  margin-bottom: 0;
  padding-bottom: 100px;
}


/**** FIREFOX HACK ****/

:focus {
  -moz-outline-style: none;
  }