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;
}

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

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


/* ========== */
/* = 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/layout/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;
}

/*  NAV  */
#header #intro ul {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
  width: 730px;
  height: 65px;
  background: transparent url(/images/layout/navigation-v2.gif) no-repeat top center}

#header #intro ul li,
#header #intro ul li a {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  height: 65px;
  background: transparent url(/images/layout/navigation-v2.gif) no-repeat top center}

#header #intro ul li span {display:none}


#header #intro ul li.nav-home {
  width: 59px}

#header #intro ul li.nav-home a:link,
#header #intro ul li.nav-home a:visited {
  width: 59px;
  background-position: 0 0}

#header #intro ul li.nav-home a:hover,
#header #intro ul li.nav-home a:active {
  width: 59px;
  background-position: 0 -65px}


#header #intro ul li.nav-depa {
  width: 108px}

#header #intro ul li.nav-depa a:link,
#header #intro ul li.nav-depa a:visited {
  width: 108px;
  background-position: -59px 0}

#header #intro ul li.nav-depa a:hover,
#header #intro ul li.nav-depa a:active {
  width: 108px;
  background-position: -59px -65px}


#header #intro ul li.nav-news {
  width: 62px}

#header #intro ul li.nav-news a:link,
#header #intro ul li.nav-news a:visited {
  width: 62px;
  background-position: -167px 0}

#header #intro ul li.nav-news a:hover,
#header #intro ul li.nav-news a:active {
  width: 62px;
  background-position: -167px -65px}


#header #intro ul li.nav-evnt {
  width: 66px}

#header #intro ul li.nav-evnt a:link,
#header #intro ul li.nav-evnt a:visited {
  width: 66px;
  background-position: -229px 0}

#header #intro ul li.nav-evnt a:hover,
#header #intro ul li.nav-evnt a:active {
  width: 66px;
  background-position: -229px -65px}


#header #intro ul li.nav-geti {
  width: 104px}

#header #intro ul li.nav-geti a:link,
#header #intro ul li.nav-geti a:visited {
  width: 104px;
  background-position: -295px 0}

#header #intro ul li.nav-geti a:hover,
#header #intro ul li.nav-geti a:active {
  width: 104px;
  background-position: -295px -65px}


#header #intro ul li.nav-fori {
  width: 120px}

#header #intro ul li.nav-fori a:link,
#header #intro ul li.nav-fori a:visited {
  width: 120px;
  background-position: -399px 0}

#header #intro ul li.nav-fori a:hover,
#header #intro ul li.nav-fori a:active {
  width: 120px;
  background-position: -399px -65px}


#header #intro ul li.nav-forb {
  width: 108px}

#header #intro ul li.nav-forb a:link,
#header #intro ul li.nav-forb a:visited {
  width: 108px;
  background-position: -519px 0}

#header #intro ul li.nav-forb a:hover,
#header #intro ul li.nav-forb a:active {
  width: 108px;
  background-position: -519px -65px}


#header #intro ul li.nav-cont {
  width: 103px}

#header #intro ul li.nav-cont a:link,
#header #intro ul li.nav-cont a:visited {
  width: 103px;
  background-position: -627px 0}

#header #intro ul li.nav-cont a:hover,
#header #intro ul li.nav-cont a:active {
  width: 103px;
  background-position: -627px -65px}



/* =========== */
/* = 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;
}