html { height: 100%; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
	
	/* Do not remove the following section, these rules are required for forms */
		.comment-replies {
			margin-left: 30px;
		}

		.form-element.form-hide, .form-important {
			display: none;
		}

		.form-element.form-type-checkbox label,
		.form-element.form-type-radio label {
			display: inline;
		}

		.form-float-left {
			float: left;
		}

		.form-element.form-float-left {
			padding-right: 10px;
		}
		
		/* This section works with the wt.hero function in site-local.js.  Values set to % need to be set.  Caption and control rules should be removed if not in use. */

		div#imageFadeContainer {
			position: relative;
			width: %;
			height: %;
			overflow: hidden;
		}

			div#imageFadeContainer img {
				position: absolute;
				top: 0px;
				left: 0px;
			}

			div#imageFadeContainer div#hero-foreground {

			}

			div#imageFadeContainer div#hero-caption {

			}

			div#imageFadeContainer div#hero-controls {

			}

				div#imageFadeContainer div#hero-controls ul {

				}

					div#imageFadeContainer div#hero-controls ul li {

					}

						div#imageFadeContainer div#hero-controls ul li a {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-previous {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-pause {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-play {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-next {

						}
						
		/* Global styles */
		
		.clear {
			clear: both;
		}
		
		form .clear {
			clear: none;
		}
		
		.left {
			text-align: left;
		}
		
		.center {
			text-align: center;
		}
		
		.right {
			text-align: right;
		}
		
		img.left {
			float: left;
		}
		
		img.center {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		img.right {
			float: right;
		}
		
		/* Specific styles */
		
		#wrapper { /* If a non YUI-standard width is being used, set it here; otherwise replace the wrapper ID in includes/header.inc.php with the appropriate YUI ID. */
			width: 61.5385em; /* Set in ems by dividing the desired width by 13; the default is for 800px */
			*width: 60.0554em; /* Make up for IE's inability to do math by multiplying the first width by 0.9759 */
			text-align: left;
			margin: auto; /* A value of auto centers the page, while 'auto 0px' will left align it; god help you 'auto 0px auto auto' will right align it */
		}

/*Start customized styles*/
/*@author James Sanders <james.sanders@coptix.com>*/
* {
  margin: 0;
  padding: 0; }

h1, h2, h3 {
  margin: 0;
  font-weight: normal; }

div {
  display: block; }

strong {
  color: #87361C; }

body, html {
  background-color: #8db3c0;
  background: #8db3c0 url(/images/backer2.jpg) scroll repeat-y 50% 0%;
  font-size: 10pt;
  line-height: 0.5em;
  height: 100%; }

a:link, a:visited {
  color: #87361C;
  text-decoration: none; }
  a:link:hover,   a:visited:hover {
    color: #a13410; }

p {
  line-height: 1.2em; }

#backer {
  background: url(/images/backer.jpg) scroll repeat-y top left;
  height: 100%;
  position: relative; }

#custom-doc {
  width: 709px;
  margin: 0px auto 0 auto;
  text-align: left;
  height: 100%;
  position: relative; }
  #custom-doc .white-space {
    background: #8db3c0;
    height: 20px; }
  #custom-doc #hd {
    height: 111px;
    width: 100%;
    position: relative;
    background: #8db3c0 url(/images/hd-1.jpg) scroll no-repeat top left; }
    #custom-doc #hd a:link, #custom-doc #hd a:visited {
      width: 100%;
      height: 100%;
      text-decoration: none;
      text-indent: -100000px;
      position: absolute;
      top: 0;
      left: 0; }
  #custom-doc #root-nav, #custom-doc .navigation {
    background: #C9992C;
    line-height: 1.4em;
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 701px;
    margin: 0 auto;
    margin-collapse: collapse; }
    #custom-doc #root-nav li,     #custom-doc .navigation li {
      float: left;
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 90%; }
      #custom-doc #root-nav li a:link, #custom-doc #root-nav li a:visited,       #custom-doc .navigation li a:link, #custom-doc .navigation li a:visited {
        display: block;
        color: #ffffff;
        padding: 6px 7px;
        text-decoration: none;
        text-align: center;
        margin: 0 0px;
        text-transform: lowercase;
        font-weight: normal; }
      #custom-doc #root-nav li a:hover,       #custom-doc .navigation li a:hover {
        background: #c2922b; }
      #custom-doc #root-nav li.selected a,       #custom-doc .navigation li.selected a {
        background: #B58928; }
  #custom-doc #bd {
    background: #EAE8D5 url(/images/bd-back.jpg) scroll no-repeat center;
    width: 701px;
    margin: 0 auto;
    min-height: 450px; }

.news .nav-news a,
.photo-gallery .nav-photo-gallery a,
.city-services .nav-city-services a,
.city-officials .city-officials .nav-city-officials a,
.city-directory .nav-city-directory a,
.ordinances .nav-ordinances a,
.history .nav-history a,
.meeting-minutes .nav-minutes a,
.city-council-schedule .nav-agenda a {
  background: #B58928; }

.city-officials #custom-doc h1#hd, .city-directory #custom-doc h1#hd {
  background-image: url(/images/hd-2.jpg); }

.page-content.home-page-content h1 {
  padding-bottom: 5px; }

.google-map div {
  line-height: 1.1em; }
.google-map div.local {
  padding: 0px;
  line-height: 1.2em; }
.google-map .text-area {
  padding: 0 20px; }
#content{ 
          width:701px;
          margin:0 auto;
 }
.layout-a {
  width: 100%;
  overflow: hidden;
  min-height: 450px; }
  .layout-a .col-1 {
    float: left;
    width: 451px;
    overflow: hidden; }
  .layout-a .col-2 {
    float: left;
    width: 250px;
    overflow: hidden; }
  .layout-a.back-a, .layout-a.back-b {
    background: url(/images/layout-a-bg.jpg) scroll repeat-y top left; }
    .layout-a.back-a .col-2,     .layout-a.back-b .col-2 {
      color: #eae8d5; }
      .layout-a.back-a .col-2 h2.type-a,       .layout-a.back-b .col-2 h2.type-a {
        background: none;
        color: #eae8d5;
        padding: 20px 20px 10px 20px;
        margin: 0; }
      .layout-a.back-a .col-2 a:link, .layout-a.back-a .col-2 a:visited,       .layout-a.back-b .col-2 a:link, .layout-a.back-b .col-2 a:visited {
        color: #a49281;
        text-decoration: none; }
      .layout-a.back-a .col-2 a:hover,       .layout-a.back-b .col-2 a:hover {
        color: #dbb692; }
  .layout-a.back-b {
    background: url(/images/layout-b-bg.jpg) scroll repeat-y top left; }
    .layout-a.back-b .col-2 .bios, .layout-a.back-b .col-2 h2.type-a {
      background: #6a5040; }
      .layout-a.back-b .col-2 .bios a:link, .layout-a.back-b .col-2 .bios a:visited,       .layout-a.back-b .col-2 h2.type-a a:link, .layout-a.back-b .col-2 h2.type-a a:visited {
        color: #C9992C; }
      .layout-a.back-b .col-2 .bios a:hover,       .layout-a.back-b .col-2 h2.type-a a:hover {
        color: #B58928; }
    .layout-a.back-b .col-2 h2.type-a {
      *margin-bottom: -16px; }

.nav-page {
  padding: 0 4px; }

.home img {
  display: block; }

.sidebar {
  padding: 0;
  margin: 0; }

.layout-half {
  width: 100%;
  overflow: hidden; }
  .layout-half .col-1, .layout-half .col-2 {
    width: 50%;
    float: left; }

.layout-triple {
  width: 100%;
  overflow: hidden; }
  .layout-triple .col-1, .layout-triple .col-2, .layout-triple .col-3 {
    width: 33.333%;
    float: left; }

.layout-broken-triple {
  width: 100%; }
  .layout-broken-triple .col-1, .layout-broken-triple .col-2 {
    width: 225px;
    float: left; }
  .layout-broken-triple .col-3 {
    width: 251px;
    float: right; }

h2.type-a {
  font-family: "Georgia" , serif;
  background: #d9d6c5;
  font-size: 150%;
  color: #6A5040;
  padding: 15px 0 15px  20px; }

.text-area, .sidebar ul.bios {
  padding: 10px 20px;
  line-height: 1.4em; }
  .text-area h2,   .sidebar ul.bios h2 {
    padding: 20px 0;
    font-family: "Georgia" , serif; }
  .text-area h3, .text-area h2,   .sidebar ul.bios h3, .sidebar ul.bios h2 {
    color: #C9992C;
    font-weight: bold; }
    .text-area h3 a:link, .text-area h3 a:visited,     .text-area h2 a:link, .text-area h2 a:visited,     .sidebar ul.bios h3 a:link, .sidebar ul.bios h3 a:visited,     .sidebar ul.bios h2 a:link, .sidebar ul.bios h2 a:visited {
      color: #C9992C; }
  .text-area p,   .sidebar ul.bios p {
    padding: 5px 0; }
  .text-area ul.news-items,   .sidebar ul.bios ul.news-items {
    font-size: 90%;
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.3em; }
    .text-area ul.news-items li,     .sidebar ul.bios ul.news-items li {
      list-style: none;
      padding: 0; }

.front ul.news-items li {
  font-size: 90%; }

.info-panel {
  background: #6A5040;
  height: 171px;
  overflow: hidden; }
  .info-panel h1, .info-panel h2 {
    color: #fff;
    font-size: 150%;
    font-family: "Georgia" , serif;
    margin-bottom: 4px;
    font-weight: normal; }
  .info-panel h1 {
    margin-bottom: 6px; }
  .info-panel a {
    font-size: 100%; }
    .info-panel a:link, .info-panel a:visited {
      color: #C9992C;
      text-decoration: none; }
    .info-panel a:hover {
      color: #B58928; }
  .info-panel .inner {
    padding: 12px 20px 0 20px;
    line-height: 1.4em; }

.panel-label {
  background: #44575d;
  font-size: 90%;
  border-right: #C9992D 15px solid;
  text-align: right;
  height: 28px;
  color: #fff;
  padding-right: 10px;
  line-height: 28px; }
  .panel-label.b {
    background: #87361b; }

ul.sidebar {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.4em; }
  ul.sidebar li {
    list-style: none;
    padding: 0;
    margin: 0; }

li.sidebar-block ul {
  padding: 0;
  margin: 0; }
  li.sidebar-block ul li {
    padding-bottom: 10px; }
li.sidebar-block ul.city-nav {
  padding: 20px 0px;
  width: 100%;
  overflow: hidden; }
  li.sidebar-block ul.city-nav li {
    background: #7d552b;
    padding: 5px;
    width: 90%;
    float: right;
    margin-bottom: 2px;
    color: white; }
    li.sidebar-block ul.city-nav li a:link.linkBlock, li.sidebar-block ul.city-nav li a:visited.linkBlock {
      color: #fff; }
      li.sidebar-block ul.city-nav li a:link.linkBlock:hover,       li.sidebar-block ul.city-nav li a:visited.linkBlock:hover {
        color: #C9992C; }

.tip {
  font-size: 90%; }

.directory-section {
  padding: 20px 0; }
  .directory-section strong {
    color: #87361C; }

ul.thumb-list {
  padding: 0;
  margin: 10px 0 0 0;
  width: 100%;
  overflow: hidden; }
  ul.thumb-list li {
    float: left;
    list-style: none;
    margin: 10px 10px 0 0; }
    ul.thumb-list li img {
      border: #fff solid 2px; }
  ul.thumb-list p.teaser {
    line-height: 1em; }

.biography h4 {
  color: #87361C;
  padding: 0 0 10px 0; }
.biography .attachments {
  list-style: none;
  padding: 0;
  margin: 0; }
  .biography .attachments li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .biography .attachments li {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px; }
.biography .email {
  padding-top: 20px; }

h3.announce {
  text-align: center;
  line-height: 1.5em; }

#login-wrap {
  padding: 20px; }
  #login-wrap #login-form {
    margin-bottom: 20px; }
    #login-wrap #login-form label {
      margin: 0 0 5px 0; }
  #login-wrap .error {
    border-color: #C9992C;
    color: #ffffff;
    background-color: #C9992C; }

.story {
  font-size: 100%; }
  .story h3 {
    font-family: "Georgia" , serif;
    font-size: 150%;
    font-weight: normal;
    padding-bottom: 5px; }
  .story .date {
    color: #6A5040;
    font-size: 90%; }
  .story .story-image img {
    padding: 10px 0; }

.ordinanceitem {
  padding-bottom: 20px; }

.pad {
  padding-top: 20px; }

.ext-pdf, .pdf-tip {
  background: #d9d6c5;
  border: solid 1px #fff8e7;
  font-size: 90%;
  padding: 8px;
  display: block;
  overflow: hidden;
  width: 90%;
  margin: 0 auto; }
  .ext-pdf a:link, .ext-pdf a:visited,   .pdf-tip a:link, .pdf-tip a:visited {
    color: #6A5040;
    text-decoration: none; }
  .ext-pdf .pdf-icon,   .pdf-tip .pdf-icon {
    width: 24px;
    height: 24px;
    float: left;
    background: url(/images/pdf.png) scroll no-repeat center;
    margin: 5px 10px 5px 0; }

.attachments {
  list-style: none;
  padding: 0;
  margin: 0; }
  .attachments li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .attachments li {
    margin: 0 0 10px 0; }


h3.announce{ 
             font-size: 132%;
 }
p.announce{ 
            background: #d9d6c5;
            padding:10px;
            color: #6A5040;
            font-size: 90%;
            text-align: center;
 }

#ft {
  background: #d9d6c5;
  width: 701px;
  margin: 0 auto;
  font-size: 90%; }
  #ft p {
    line-height: 1.5em;
    text-align: center;
    padding: 10px;
    color: #6A5040; }

.form-element label {
display:block;
color:#87361C;
font-weight:bold;
margin-top:20px;
}

.form-element textarea {
width:400px;
height:80px;

}

.input-submit {
border:1px solid #87361C;
background-color:#C9992C;    
color:#FFFFFF;
padding:2px;
margin-top:10px;
margin-right:12px;
}

.form-type-submit {
text-align:right;
}