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


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

ul#top-navigation li.main {
  font-size: 120%;
  line-height: 100%;
  }
  
p, ul, ol {
  font-size: 90%;
  line-height: 100%;
  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: bold 16px/16px verdana, arial, sans-serif;
  color: #006699;
  margin: 0;
  padding: 0;
  }

h3 {
  font-size: 100%;
}

h4 {
  font-size: 110%;
}

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

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

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

*html .space {
  padding-left: 40px;
  padding-right: 30px;
}

.space2 {
  padding-left: 20px;
}


/**** HOMEPAGE ****/

#slideshow-container {
  width: 900px;
  height: 300px;
  margin: 0 auto;
  padding: 0 0 15px 0;
  clear: both;
  }
  
#slideshow-wrapper {
  width: 860px;
  height: 300px;
  margin: 0 20px 0 20px;
  float: left;
  }

/*** ICON BAR ****/

#icon-bar {
  width: 860px;
  float: left;
  margin: 15px 0 0 0;
  }
  
#icon-wrapper {
  width: 860px;
  margin: 0 auto;
  padding: 10px 0 5px 0;
  }
  
#icon-title-container {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  
#icon-title-container li {  
  display: inline;
  font: bold 10px/12px verdana, arial, sans-serif;
  color: #fff;  
  }
  
#icon-title-container li a {
  font: bold 10px/12px verdana, arial, sans-serif;
  color: #fff;  
  text-decoration: none;
  margin: 0 0 0 -6px;
  padding: 0 0 0 12px;  
  }
  
#icon-title-container li a:hover {
  text-decoration: none;
  background: url(/images/icon/arrow.gif) no-repeat left 3px;
  margin: 0 0 0 -6px;
  padding: 0 0 0 12px;
  }
  
.one-line {
  line-height: 25px;
  }

.icon-title-first {
  width: 105px;
  height: 32px;
  float: left;
  margin: 0 1px -2px 0;
  padding: 3px 0 0 0;
  text-align: center;
  background: url(/images/icon/icon-title-first.gif) no-repeat left top;
  }
  
.icon-title {
  width: 107px;
  height: 32px;
  float: left;
  text-align: center;
  padding: 3px 0 0 0;
  margin: 0 1px -2px 0;
  background: url(/images/icon/icon-title.gif) no-repeat left top;
  }
  
.icon-title-last {
  width: 106px;
  height: 32px;
  float: left;
  padding: 3px 0 0 0;
  margin: 0 0 -2px 0;
  text-align: center;
  background: url(/images/icon/icon-title-last.gif) no-repeat left top;
  }
  
*html .icon-title-first {
  margin: 0 1px -12px 0;
  position: relative;
  }
  
*html .icon-title {
  margin: 0 1px -12px 0;
  position: relative;
  }
  
*html .icon-title-last {
  margin: 0 0 -12px 0;
  position: relative;
  }

#icon-container {
  width: 860px;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  background: url(/images/icon/blue-line.gif) no-repeat left top;
  }

*html #icon-container {
  margin: 0;
  padding: 0;
  list-style: none;
  background: url(/images/icon/blue-line.gif) no-repeat left top;
  position: relative;
  top: 0;
  }
  
#icon-container li {
  display: inline;
  float: left;
  padding: 0 0 0 1px;
  background: url(/images/icon/sep-line.gif) no-repeat left top;
  border-top: solid 1px #1d8ab1;
  }
  
#icon-container li.line {
  background: none;
  float: left;
  padding: 0;
  }
  
/* ========== */
/* = 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 {
  font: 11px/14px verdana, arial, sans-serif;
  list-style: none;
  padding: 0;
  margin: 5px 0 0 0;
  }

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

#footer p, #footer ul {
  font: 11px/16px verdana, arial, sans-serif;
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
  color: #7f746f;
  }
  
#foot-left {
  width: 75%;
  float: left;
  margin: 10px 0 0 20px;
  }

#foot-right {
  width: 25%;
  text-align: right;
  float: right;
  margin: -20px 20px 0 0;
  }

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

/**** TEXT SIZER ****/

#text-size-container {
  width: 150px;
  margin: 0 0 -100px 0;
  float: right;
  padding: 5px 0 5px 0;
  position: relative; 
  }
  
#text-size-left {
  width: 60px;
  float: left;
  padding: 0;
  }

#text-size-right {
  width: 80px;
  float: left;
  }

/**** TEXT SIZER COMPONENT ****/

#shell #content #footer .text_size, #footer .text_size { /* fixes ie7 but not 6!!! */
  display: block;
  float: right;      
  position: static;
  margin: -16px 20px 0 0; 
  }
  
/* for safari 2 */
html[xmlns*=""] body:last-child #shell #content #footer .text_size {
  margin-top: -3px;
  }
   
/* for safari 3 */
body:first-child #shell #content #footer .text_size {
  margin-top: 7px;
  }
   
.text_size a {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  }
  
#footer .text_size img {  
  display: block;
  float:left;
  }
  
#small {
  background: transparent url(/images/layout/icon_text_sm.gif) no-repeat 0 0;
  }
  
#small:hover, #small:active {
  background-position: 0 -18px;
  }
  
#normal {
  background: transparent url(/images/layout/icon_text_med.gif) no-repeat bottom left;
  }
  
#normal:hover, #normal:active {
  background-position: 0 -18px;
  }
  
#large {
  background: transparent url(/images/layout/icon_text_lg.gif) no-repeat 0 0;
  }
  
#large:hover, #large:active {
  background-position: 0 -18px;
  }
  
#largest {
  background: transparent url(/images/layout/icon_text_lg2.gif) no-repeat 0 0;
  }
  
#largest:hover, #largest:active {
  background-position: 0 -18px;
  }
  

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

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