/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";

@import "fonts.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

/**
 * Gates Mills menu styles start
 */

.sf-menu > li {
  margin:6px 0 0 3%
}

a.sf-depth-1:link, a.sf-depth-1:visited {
  font-family: estrangelo_edessaregular, arial, sans-serif;
  font-size:21px;
  text-transform:uppercase;
  text-decoration:none;
  color:#000
}

a.sf-depth-1:hover {
  background:url(../images/249937-75percent.png) repeat;
  padding:6px 5px 3px;
  margin:-6px -9px -3px;
  border-left:4px solid #309040;
  border-right:4px solid #309040
}

.sf-sub-indicator {
  display:none
}

/*
  BOF dropdown level 1 and 2
*/

.menuparent ul {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:  1px 2px 3px 1px rgba(000, 000, 000, );
box-shadow:  1px 2px 3px 1px rgba(000, 000, 000, );
}

.menuparent ul li {
  border-bottom:1px solid #c4c4c4;
  padding:0.6em 0 .5em 0
}

.menuparent ul li a {
  padding:0 1.5em 0 .5em
}

.menuparent ul li.menuparent  {
  z-index:503
}

/*
.menuparent ul li.menuparent:hover  {
  background:url(../images/menu-arrow-horz.png) 97% center no-repeat;
}
*/

.menuparent ul li.menuparent:hover > a {
padding:.2em 1.5em .2em .5em;
margin:-.2em 0;
color:#fff;
background: #47a44e; /* Old browsers */
background: -moz-linear-gradient(top,  #47a44e 0%, #1f8233 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47a44e), color-stop(100%,#1f8233)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #47a44e 0%,#1f8233 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #47a44e 0%,#1f8233 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #47a44e 0%,#1f8233 100%); /* IE10+ */
background: linear-gradient(to bottom,  #47a44e 0%,#1f8233 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a44e', endColorstr='#1f8233',GradientType=0 ); /* IE6-9 */
}

.menuparent ul li.sf-no-children:hover  {
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #cdd0cb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#cdd0cb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#cdd0cb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#cdd0cb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#cdd0cb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#cdd0cb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#cdd0cb',GradientType=0 ); /* IE6-9 */
}

.sf-main-menu > li > ul {
}

.sf-main-menu > li > ul > li > ul {
}

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
  top:1.5em
}

a.sf-depth-2:link, a.sf-depth-2:visited, a.sf-depth-2:hover, a.sf-depth-2:active,
a.sf-depth-3:link, a.sf-depth-3:visited, a.sf-depth-3:hover, a.sf-depth-3:active {
  font-family: estrangelo_edessaregular, arial, sans-serif;
  font-size:16px;
  text-transform:uppercase;
  text-decoration:none;
  color:#000
}

/*
  EOF dropdown level 1 and 2
*/

/**
 * BOF Slideshow
 */

.flexslider {
  background:transparent;
  border: 10px solid rgba(255, 255, 255, .5);
  border-radius:0;
  box-shadow:0 0 0 0;
  margin:0;
}

.slides p {
  background:url(../images/ffffff-60percent.png) repeat;
  height: 85%;
  margin: 0 0 0 430px;
  position: absolute;
  width: 400px;
  padding:40px 16px 0;
  font-family: estrangelo_edessaregular, arial, sans-serif;
  font-size:18px;
}

.flex-control-nav {
  bottom:0;
  z-index:100
}

.flex-control-paging li a {
  border-radius:0;
  background-color:#249937
}

.flex-control-paging li a.flex-active {
  background-color:#c76143
}

/**
 * EOF Slideshow
 */



/**
 * Gates Mills general styles start
 */

body {
  background-color:#435328;
  background-position:center top;
  background-attachment:fixed
}

#pageTop {
  background:url(../images/555f2c-75percent.png) repeat;
}

#pageTop header {
  max-width:1100px;
  margin:0 auto
}

.header__logo {
  display:block;
  width:647px;height:179px;
  padding:5px 0 0;
  background:url(../images/headerLogoLG.png) left bottom no-repeat;
}

#block-custom-search-blocks-1 {
  margin:0
}

.block-custom-search-blocks > form {
  position:relative;
  float:left;
  top:20px;left:19%;
  margin:0;
  width:222px;height:30px;
}

.block-custom-search-blocks .form-actions {
  position:absolute;
  top:4px;left:191px;
}

.block-custom-search-blocks .form-item {
  margin:0
}

.custom-search-box {
  width:222px;height:30px;
  padding:0 40px 0 14px;
  border:0;
  background:url(../images/searchBox.png) no-repeat;
  font-style:italic;
}

.block-custom-search-blocks .form-submit {
  display:block;
  width:19px;height:0;
  padding-top:22px;
  overflow:hidden;
  border:0;
  background:url(../images/searchBtn.png) left top
}

.block-custom-search-blocks .form-submit:hover {
  background-position:right
}

#block-superfish-1 {
  background:url(../images/navBG.png) center top repeat-x;
  height:30px;
  margin:0 0 0;
  clear:both;
}

#superfish-1 {
  width:1062px;
  margin:0 auto
}

#page {
  background:url(../images/ffffff-25percent.png)repeat;
  -webkit-box-shadow:  0px 0px 5px 0px rgba(000, 000, 000, );
  box-shadow:  0px 3px 5px 0px rgba(000, 000, 000, );
}

#main {
  background:url(../images/ffffff-40percent.png) repeat;
  margin: 0 auto;
  max-width: 1080px;
  min-height:400px;
}

#content {
  padding:0
}

a:link {color:#9E2A07}
a:visited {color:#6f5a2c}
a:hover {color:#aa5900}
a:active {color:#aa5900}

a.pageTop:link, a.pageTop:visited {
  text-decoration:none;
  font-size:.8em;
  color:#9E2A07;
}

a.pageTop:hover {
  background:url(../images/ffffff-50percent.png);
  padding:6px;margin:-6px;
  color:#aa5900;
}

.deptFrontPgContent {
  padding-right: 10px;
}

.deptFrontPageImg a {
  float:left;
  padding:7px 7px 0 0
}

.field-name-field-post-image img,
.deptFrontPageImg img,
.field-name-field-photo img {
  border:1px solid #8E8E8E;
  padding:3px
}

.field-name-field-post-image img:hover,
.deptFrontPageImg img:hover,
.field-name-field-photo img:hover {
  background:url(../images/ffffff-50percent.png);
  border:1px solid #7A7979
}

.deptFrontPageTitle,
.pane-node-body h2,
.pane-node-content .field-name-field-page-name,
.view-community-organizations h2 a,
.postTitle,
.pane-node-field-page-name,
.issueTitle,
.search-results .title,
.node-type-webform #page h2,
.viewCal .view-footer h2,
.field-name-field-gallery-title
 {
  font-family: vijayaregular, sans-serif;
  font-size:1.7em;
  font-weight:bold;
  line-height:1em;
  margin:.5em 0 0
}

.deptFrontPgContent p,
.deptFrontPageCopy {
  margin:0.5em 0
}

.deptFrontPageTitle a:link, .deptFrontPageTitle a:visited,
.postTitle a:link, .postTitle a:visited,
.issueTitle  a:link, .issueTitle a:visited,
.search-results .title a:link, .search-results .title a:visited
 {
  color:#014a0d;
  text-decoration:none;
}

.field-name-field-attached-files .field-label {
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  padding:15px 0 5px 0
}

.field-name-field-attached-files .field-items {
  font-size: 1.2em;
}

.front .more-link {
  display:none
}

.postOlder > .more-link {
  padding:10px
}

a.more-link:link {
  font-family: vijayaregular, sans-serif;
  color:#014a0d;
  text-decoration:none;
}

a.more-link:link,a.more-link:visited {
  font-family: vijayaregular, sans-serif;
  font-size:24px;
  color:#014a0d;
  text-decoration:none;
  margin:0 0 0 5px
}

.breadcrumb {
  background:url(../images/ffffff-50percent.png) repeat;
  color:#000;
  font-size:1em;
  padding:2px 0 2px 20px;
  margin:0 10px
}

.breadcrumb a:link, .breadcrumb a:visited {
  text-decoration:none;
  color:#5a2f1e
}

.breadcrumb a:hover {
  color:#943d1a
}


/*
  BOF PANELS
*/

.panel-2col-stacked .panel-col-top .inside {
  margin-bottom:0
}

.panel-2col-stacked .panel-col-first,
.node-type-basic-page .panel-col-first,
.node-type-section-front-page .panel-col-first,
.node-type-article .panel-col-first,
.pageFiles .panel-col-first {
  width:77.5%;max-width:840px;
}
.panel-2col-stacked .panel-col-last,
.node-type-basic-page .panel-col-last,
.node-type-section-front-page .panel-col-last,
.node-type-article .panel-col-last,
.pageFiles .panel-col-last {
  width:240px;
}

.panel-2col-stacked > div > .panel-col-last,
.panel-2col > .panel-col-last
{
  margin-top:50px;
}

.node-type-article .panel-col-last
{
  margin-top:64px;
}

.front .panel-2col-stacked > div > .panel-col-last,
.pane-panels-mini > div > .panel-col-last
{
  margin-top:0
}

#mini-panel-top_content .panel-col-first,
#mini-panel-clone_of_top_content .panel-col-first {
  width:240px;
}

#mini-panel-top_content .panel-col-last,
#mini-panel-clone_of_top_content .panel-col-last {
  width:100%;
  max-width:67%;
}

.fullWidth  .panel-col-first,
.fullWidth  .panel-col-last {
  width:50%;max-width:50%
}

.narrowCols .panel-col-first {
  width:47%;min-width:300px;
}

.wideCols  .panel-col-first {
  width:61%;min-width:300px;
}

.page-node-33.wideCols  .panel-col-last {
  width:38%;min-width:300px;
  margin-top:40px;
}

.wideCols  .panel-col-last {
  width:38%;min-width:300px;
}

.pane-term-description, .page-search #content h2 {
  display:block;
  width:460px;height:60px;
  font-family: vijayaregular, sans-serif;
  font-weight:normal;
  font-size:3.3em;
  color:#fff;
  line-height:.5em
}

.pane-term-description p,
.pane-term-description > div {
  margin:0;
  padding:4px 0 0 20px
}

.page-search #content h2 {
  background: url("../images/ribbon-brown-lg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  font-weight: normal;
  line-height: 0.6em;
  margin: 0;
  padding: 4px 0 0 20px;
}

.pane-front-page-blog, .pane-clone-of-front-page-blog {
  position:relative;
}

.pane-blog-article-latest-panel-pane-1:before {
  display:block;
  width:460px;height:60px;
  font-family: vijayaregular, sans-serif;
  font-size:3.3em;
  color:#fff;
  position:absolute;
  top:0;left:0
}

.pane-blog-article-latest-panel-pane-1:before {
  content:"Community News";
  margin: 0;
  padding: 4px 0 0 20px;
}

.section-from-the-mayor .pane-blog-article-latest-panel-pane-1:before
 {
  content:"From The Mayor"
}

.section-fire .pane-blog-article-latest-panel-pane-1:before,
.section-police .pane-blog-article-latest-panel-pane-1:before
 {
  content:"Department News"
}

.pane-blog-article-latest-panel-pane-1:before,
.pane-term-description,
.page-search #content h2 {
  background:url(../images/ribbon-brown-lg.png) no-repeat
}

.section-fire .pane-blog-article-latest-panel-pane-1:before,
.section-fire .pane-term-description,
.node-type-alert .pane-term-description {
  background:url(../images/ribbon-red-lg.png) no-repeat;
}

.section-police .pane-blog-article-latest-panel-pane-1:before,
.section-police .pane-term-description {
  background:url(../images/ribbon-blue-lg.png) no-repeat
}

.pane-panels-mini, .pane-section-intro-panel-pane-1 {
  background:url(../images/ffffff-50percent.png) repeat;
  padding:13px 20px;
  margin:-9px 11px 0 12px
}

.pane-panels-mini.pane-front-page-blog,
.pane-panels-mini.pane-clone-of-front-page-blog {
  background:none;
  padding:50px 0 0;
  margin:0;
}

#mini-panel-front_page_blog,
#mini-panel-clone_of_front_page_blog {
  background:url(../images/ffffff-50percent.png) repeat;
  padding:0 60px 0 0;
  margin:0 0 0 12px
}

.pane-clone-of-top-content {
  margin:0
}

.panel-pane.pane-entity-field.pane-node-field-post-image {
  float:left;
  margin:30px 20px 0 35px
}

.pane-node-content .field-name-field-post-image {
  float:left;
  margin:30px 20px 0 0
}

.section-calendar .pane-term-description {
  margin:0px 0 0 -32px;
  clear:left
}

.node-type-basic-page .pane-node-body,
.node-type-basic-page  .pane-node-content,
.node-type-section-front-page .pane-node-content,
.node-type-alert .pane-node-content,
.node-type-section-front-page .pane-node-body,
.calendarFull .panel-1col,
.pane-community-organization-index,
.contributedArticles,
.pane-minutes-panel-pane-1, .pane-minutes-panel-pane-2,
.pane-agendas-panel-pane-1,
.node-type-web-link .pane-node-field-page-name, .node-type-web-link .pane-node-body, .pane-node-field-website-link,
.search-results,
.page-node-done .webform-legend,
.postArchive
 {
  background:url(../images/ffffff-50percent.png) repeat;
  margin:-9px 0 0 12px;
  padding:13px 20px
}

.page-search #content .search-form {
  background:url(../images/ffffff-50percent.png) repeat;
  padding:13px 20px
}

.search-results {
  margin:-13px 0 0 12px
}

.node-type-web-link .pane-node-body, .pane-node-field-website-link {
  margin:0 0 0 12px;
  padding:3px 20px;
}

.node-type-web-link .pane-node-body p {
  margin:10px 0 0
}

.field-type-link-field .field-item {
  margin:10px 0
}

.chartView {
  background:url(../images/ffffff-50percent.png) repeat;
  margin:0 0 0 12px
}

.chartView .view-footer {
  color: #333333;
  font-size: 0.8em;
  padding: 0 0 10px;
  text-align: center;
}

/*HOTFIX For Google Chart Flicker Issue*/

svg > g > g:last-child { pointer-events: none }

.node-type-article .panel-col-first
 {
  background:url(../images/ffffff-50percent.png) repeat;
  margin:64px 0 0 12px;
  padding:13px 20px
}

.node-type-article .panel-col-first {
  max-width:770px;
  margin-right:10px
}

.node-type-article .pane-term-description {
  padding:0;
  margin:-64px 0 0 -32px;
  
}

.node-type-article .panel-pane.pane-entity-field.pane-node-field-post-image {
  margin:10px 20px 0 0
}

.pane-node-body {
  margin:0.5em 0
}

.pane-community-organizations
 {
  background:url(../images/ffffff-50percent.png) repeat;
  margin:0 0 0 12px;
  padding:13px 20px
}

.node-type-webform .pane-node-field-page-name,
.node-type-webform .pane-node-body {
  padding:13px 20px
}

.section-contact .pane-node-field-page-name {
  padding:0 20px 13px
}

.node-type-webform .pane-node-body {
  margin:0
}

.calendarFull .pane-node-body {
  background:none;
}

.pane-front-page-blog,
.pane-clone-of-front-page-blog {
  padding:0 0 0 12px;
}

#mini-panel-front_page_blog > div,
#mini-panel-clone_of_front_page_blog > div {
  background:url(../images/sideStripesBrown.png) left center repeat-y;
  padding:0 0 0 45px;
  overflow:hidden;
}

.section-fire #mini-panel-front_page_blog > div {
  background:url(../images/sideStripesRed.png) left center repeat-y;
}

.section-police #mini-panel-front_page_blog > div {
  background:url(../images/sideStripesBlue.png) left center repeat-y;
}

.pane-blog-article-latest-panel-pane-1 {
  margin:0 30px 30px 10px
}

.pane-front-page-blog em, .pane-clone-of-front-page-blog em, .pane-node-created {
  display:block;
  color:#333;
  font-size:.7em;
  margin:0 0 4px;
  font-style:italic
}

.pane-node-created:before {
  content:"Posted";
}

.pane-front-page-blog .more-link,
.pane-clone-of-front-page-blog .more-link{
  display:block
}

.postOlder .view-content {
  height:100%;
  clear:both;
  overflow:hidden;
  margin-bottom:10px;
}

.postOlder .view-content > div {
  float:left;
  background:url(../images/topStripesBrown.png) top center repeat-x;
  margin:0 10px;
  padding:10px 0 0;
}

.section-fire .postOlder .view-content > div {
  background:url(../images/topStripesRed.png) top center repeat-x;
}

.section-police .postOlder .view-content > div {
  background:url(../images/topStripesBlue.png) top center repeat-x;
}

.postArchive .view-content > div.views-row-first {
  background:none
}

.postArchive .view-content > div {
  padding:10px 0 30px;
}

.postImg {
  float:left;
  padding:0 10px 0 0
}

.postArchive .postImg {
  padding-top:12px
}

.postLatest p {
  font-size:1em;
  margin:0;
}

.postOlder p {
  font-size:.9em;
  margin:0;
}

.postOlder.postCount1 .view-content > div {
  width:100%
}

.postOlder.postCount1 p {
  margin:0 40px 0 0
}

.postOlder.postCount2 .view-content > div {
  width:46%
}

.postOlder.postCount3 .view-content > div {
  width:30%;
  min-width:224px
}

.postOlder.postCount3 .view-content > div {
  width:30%;
  min-width:224px
}

.postArchive.postOlder.postCount3 .view-content > div {
  width:98%;
  min-width:98%
}

.postArchive .postTitle {
  font-size:2em
}

.postArchive .postDate {
  font-size: 0.8em;
  line-height: 2.5em;
}

.postArchive p {
  margin: 0;
  padding: 0;
}

.postArchive .more-link {
  display: block;
}

/*
  EOF PANELS
*/

/*
  BOF ALERTS
*/


.node-type-alert .field-name-field-page-name {
  font-size: 2.5em;
  margin: 0;
}

.field-name-field-alert-issued {
    font-size: 0.9em;
    margin: 10px 0 0;
}

.view-alerts h1 {
  color:#FF0000;
  font-size:1.7em;
  font-weight:bold;
  line-height:.25em
}

.view-alerts h1:after {
  color: #7C5429;
  content: "...";
  font-size: 1.2em;
}

h2.alert {
  font-size:1.1em;
  background-color:#FF0000;
  padding:0 0 0 5px;
  margin:0 0 5px 0
}

h2.alert:after {
  color: #FFFFFF;
  content: "...";
  float: right;
  font-size: 1.2em;
  padding: 0 5px 0 0;
}

h2.alert a:link, h2.alert a:visited {
  text-decoration:none;
  color:#fff
}

h2.alert a:hover {
  color:#000
}

/*
  EOF ALERTS
*/

/*
  BOF PHOTOS WITH DESCRIPTIONS + GALLERY
*/

.field-name-field-photo-text {
  float:left;
  width:100%;
  max-width:460px;
  padding:0 15px 0 0
}

.field-name-field-photo-gallery .field-collection-view {
  margin:0
}

.field-name-field-gallery-title {
  margin:.5em 0 .75em
}

.field-name-field-photo .field-item {
  float: left;
  padding:0 12px 12px 0;
}

.field-collection-item-field-photos-and-descriptions .field-name-field-post-image .field-item.odd {
  clear:both
}

.node-type-article .field-name-field-post-image .field-item {
  float: left;
  padding:0 8px 5px 0;
}

/*
  EOF PHOTOS WITH DESCRIPTIONS + GALLERY
*/


/*
  BOF SUBNAV AND OTHER ON PAGE NAVIGATION
*/

.topSubnav > div > div {
  margin-bottom:10px
}

.topSubnav a:link, .topSubnav a:visited,
.view-community-organization-index a:link, .view-community-organization-index a:hover
 {
  display:block;
  color:#9e2a07;
  text-decoration:none;
  font-size:1em;
}

.topSubnav a:hover,
.view-community-organization-index a:hover
{
  background:url(../images/ffffff-50percent.png);
  padding:3px;margin:-3px;
}

.topSubnav .view-header {
  margin:20px 0 8px -20px;
  padding:0 0 0 10px;
  font-family: vijayaregular, sans-serif;
  font-size:1.2em;
  color:#fff;
  background-color:#a48257;
  max-width:320px
}

.sidebarWidget .topSubnav .view-header h2 {
  background:none;
  font-weight:normal
}

.section-fire .topSubnav .view-header {
  background-color:#C52929
}

.section-police .topSubnav .view-header {
  background-color:#2962C5
}

.topSubnav .view-header h2 {
  margin:0;
  display:inline;
  line-height:1.6em;
  background:url(../images/ornament-sm.png) no-repeat right 70%;
  padding:0 36px 0 0
}

/*
  EOF SUBNAV AND OTHER ON PAGE NAVIGATION
*/

/*
  BOF PAGE STYLES
*/

.fullWidth .pane-term-description {
  margin:0 0 0 -12px
}

.fullWidth .panel-display,
.node-type-webform .panel-display {
  background:url(../images/ffffff-50percent.png) repeat;
  margin: 0 10px;
  padding: 10px 0 10px;
}

.fullWidth .pane-charter-panel-pane-1 {
  margin:0 10px
}

.page-charter p {
  font-size:.9em
}

.page-charter .panel-col-top .pane-2 {
  width:640px;
  margin:0 auto;
  text-align:center
}

.page-charter .pane-title {
  font-family: vijayaregular, sans-serif;
  font-size:2.2em;
  color:#014a0d;
  margin:0
}

.view-header p {
  text-align:center;
  font-weight:bold
}

.charterArticleNum,
.charterArticleName,
.view-header p {
  font-family: vijayaregular, sans-serif;
  font-size:27px;
  line-height:1.4em;
  margin:.5em 0 0;
  color:#014a0d
}

.chartView .view-header p {
  margin:0;padding:0;
  line-height:.8em
}

.chartView .view-header .regulartext {
  font-family: arial, helvetica, sans-serif;
  font-size:14px;
  color:#000;
  font-weight:normal
}

.pane-charter-panel-pane-1 h3 {
  font-size:1em;
  font-weight:bold
}

.pane-charter-panel-pane-1 p {
  font-size:.9em;
}

.charterIndex ol {
    counter-reset: item;
    list-style-type: none;
	padding:0
}

.charterIndex li {
  clear:both
}

.charterIndex li a {
  display: block;
  float: right;
  width: 75%;
}

.charterIndex ol li:before {
    content: 'Section ' counter(item, decimal);
    counter-increment: item;
}

.charterIndex ol li p {
  display:inline
}

.charterIndex .view-content {
  padding:0 10px
}

.charterIndex h3 {
  border-bottom:2px solid #000;
  clear:both
}

.charterIndex h3, .charterIndex h3 a:link, .charterIndex h3 a:visited {
  color:#000;
  font-size:1em;
  font-weight:bold;
  text-decoration:none;
}

.charterIndex li a:link, .charterIndex li a:visited {
  text-decoration:none;
  color:#014A0D;
  font-size:.9em
}

.charterIndex li a:hover {
  text-decoration:underline;
  color:#000
}

/*
  HIDE CHARTER SECTIONS FROM INDEX WHICH SHOULD NOT BE SHOWN
*/

.panel-col-first .charterIndex .item-list:nth-child(1) ol,
.panel-col-last .charterIndex .item-list:nth-child(5) ol {
  display:none
}

.section-committees .panel-col-last {
  margin-top:50px
}

.ui-widget {
  font-size:.8em
}

/*
  EOF PAGE STYLES
*/

/*
  BOF CONTRIBUTED ARTICLES LIKE MONEY MATTERS
*/

.pane-money-matters-panel-pane-1 {
  margin-top:9px;
}

.contributedArticles {
}

.issueTitle {
  margin:20px 0 0
}

.issueText {
  margin:1em 0
}

.contributedArticles .file a,
.field-name-field-attached-files .file a {
  font-size:.8em;
  text-decoration:none;
  
}

/*
  EOF CONTRIBUTED ARTICLES
*/

/*
  BOF FILE LISTS SUCH AS MINUTES
*/

.fileList .views-exposed-form label {
  font-size: 0.9em;
  font-style: italic;
  font-weight: normal;
}

.fileList select {
  font-size: 0.8em;
}

.fileList .ui-state-active, .fileList .ui-widget-content .ui-state-active, .fileList .ui-widget-header .ui-state-active,
.fileList .ui-widget-content {
  background:url(../images/ffffff-50percent.png) repeat;
}

.fileList .view-grouping-header {
  line-height:2.5em;
  font-family: vijayaregular, sans-serif;
  color:#014a0d;
  font-weight:bold;
  font-size:28px
}

.fileList .ui-accordion .ui-accordion-header {
  font-weight:bold;
  min-height:30px;
}

.fileList .views-row {
  padding:6px;margin:2px 0;
  clear:both;
  overflow:hidden
}

.fileList .views-row-even {
  background:url(../images/ffffff-50percent.png) repeat;
}

.fileList a {
  text-decoration:none
}

.fileDate {
  float:left;clear:left;
  width:18%;
  min-width:150px
}

.fileDownload {
  float:left;
  width:60%;
  min-width:150px
}

/*
  EOF FILE LISTS
*/

/*
  BOF CALENDAR
*/

.view-calendar {
  font-size:.7em;
  line-height:1.8em;
  max-width:900px;
  margin:0 auto;
  clear:both
}

.view-calendar li {
  list-style-type:none
}

.view .date-nav-wrapper .date-heading h3 {
  font-size:3em;
  line-height:1.5em;
  font-family: vijayaregular, sans-serif;
  color:#014a0d;
}

.date-nav {
  padding-bottom:0
}

.view .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next {
  background-color:#a8855b
}

.view .date-nav-wrapper .date-prev a:link, .view .date-nav-wrapper .date-prev a:visited,
.view .date-nav-wrapper .date-next a:link, .view .date-nav-wrapper .date-next a:visited {
  color:#fff
}

/*Fixes for the prev and next buttons*/

/*.view .date-nav-wrapper .date-prev {
    border-right: 4px solid #555;
}*/

.view .date-nav-wrapper .date-prev {
    padding: 8px 6px 8px 0;
    right: 60px
}

.view .date-nav-wrapper .date-next {
    padding: 8px 0 8px 6px;
}

.view .date-nav-wrapper .date-prev a:hover,
.view .date-nav-wrapper .date-next a:hover {
  color:#000
}

.node-type-event .pane-node-content {
  padding:0 0 0 10px
}

.fullWidth .field-label {
  padding:10px 0 2px
}

.field-name-field-event-title {
  font-size:2em;
  line-height:1.5em;
  font-family: vijayaregular, sans-serif;
  color:#014a0d;
}

.fullWidth .view-calendar {
  line-height:1.1em;
  padding:10px
}

.calendar-calendar .day-view td .stripe, .calendar-calendar .month-view .full td .stripe, .calendar-calendar .week-view .full td .stripe {
  height:6px
}

.calendar-calendar div.month {
  width:20px
}

.view-footer  ul {
  padding:7px 0 0 7px;
  background:url(../images/ffffff-60percent.png);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow:hidden
}

.view-footer  li {
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  display:block; float:left;
  margin:0 20px 8px 0;
}

.legendPD {
  border-top:4px solid #2e64c7;
}

.legendFD {
  border-top:4px solid #c82f2f;
}

.legendCommunity {
  border-top:4px solid #014a0d; 
}

.legendComClub {
  border-top:4px solid #FF93D9; 
}

.legendService {
  border-top:4px solid #538141; 
}

.legendFinance {
  border-top:4px solid #A48257; 
}

.legendRec {
  border-top:4px solid #7547a5; 
}

.legendCommunityBldg {
  border-top:4px solid #ba8846; 
}

.legendBurtonCourt {
  border-top:4px solid #309588; 
}

/*
  EOF CALENDAR
*/

/*
  BOF CONTACT US
*/

.contactVillageHall {
  background:url(../images/icon-villageHall.png) no-repeat;
  padding-left:92px;
}

.contactPhone {
  background:url(../images/icon-phone.png) no-repeat;
  padding-left:92px;
}

/*
  EOF CONTACT US
*/

/*
  BOF FORMS
*/

.webform-client-form {
  background:url(../images/ffffff-40percent.png);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.5);
  border:1px solid #404040;
  padding:15px
}

#webform-component-email-us {
  height:50px;
  background:url(../images/icon-email.png) no-repeat;
  padding-left:92px;
  font-family: vijayaregular, sans-serif;
  color:#014a0d;
  font-size:3em;
  margin:0
}

#webform-component-email-us p {
  margin:0;
  padding:7px 0 0
}

.webform-client-form .fieldset-legend {
  font-weight:bold;
  font-size:.8em
}

.webform-client-form fieldset {
  border:0;
  padding:0
}

.webform-client-form .fieldset-description {
  font-style:italic;
  font-size:.9em
}

.webform-client-form label {
  display:block;
  font-size:.8em
}

.webform-client-form .webform-container-inline label {
  float:left;
  width:130px;
}

.webform-component-textarea label {
  float:none;
  width:100%;
}

.webform-client-form input.form-text, .webform-client-form select {
  width:100%;max-width:300px;
  border:2px solid #5b5b5b
}

.form-radios label {
  float:right;
  width:75%;
}

.webform-client-form-78 label {
  float:right;
  width:85%;
  max-width:200px
}

.webform-client-form .form-type-radio {
  float:left;
  width:25%
}

#webform-client-form-78 .form-type-radio, .webform-client-form .form-type-checkbox {
  float:left;
  width:45%
}

.webform-component-checkboxes > label, .webform-component-checkboxes {
  width:100%;
  float:none;
  clear:both;
  overflow:hidden
}

.webform-component .description {
  font-size:.8em;
  font-style:italic
}

.webform-datepicker select {
  max-width:80px;
  font-size:.8em
}

.webform-calendar {

}

.webform-component-radios > label {
  float:none
}

.webform-component-radios div.description {
  clear:both
}



/*
  EOF FORMS
*/

/*
  BOF Sidebar
*/

.sidebarWidget {
  background:url(../images/ffffff-50percent.png) repeat;
  -webkit-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 10px 10px;
  width:215px;
  padding:5px 0 20px 5px;
  margin-bottom:10px
}

.sidebarWidget .view-header {
  width:240px;height:48px;
  margin:0 0 0 -17px;
  font-family: vijayaregular, sans-serif;
  font-size:1.4em;
  color:#fff;
  line-height:1em;
}

.sidebarWidget .view-header h2{
  line-height:.8em;
  padding:0 0 0 14px;
  font-weight:normal
}

.sidebarWidget .topSubnav .view-header h2{
  line-height:.7em;
}

.sidebarWidget .view-header {
  background:url(../images/ribbon-brown-sm.png) no-repeat
}

.section-police .sidebarWidget .view-header {
  background:url(../images/ribbon-blue-sm.png) no-repeat
}

.section-fire .sidebarWidget .view-header {
  background:url(../images/ribbon-red-sm.png) no-repeat
}

.sidebarWidget h2 {
  margin:0
}

.sidebarWidget .view-content > div {
  font-size:.95em;
  font-weight:bold;
  color:#014a0d;
  padding:0 0 16px;
  line-height:1.4em
}

.sidebarWidget .topSubnav .view-content > div {
  padding:0
}

.sidebarWidget a:link, .sidebarWidget a:visited {
  display:block;
  color:#6f491f;
  text-decoration:none;
  font-style:italic;
  line-height:1em;
}

.sidebarWidget .topSubnav a {
  line-height:1.8em
}

.staffList a {
  font-size:.7em
}

.staffListTitle {
  display: block;
  font-size: 0.8em;
}

.staffListName {
  display: block;
  font-size: 1em;
  margin: -6px 0 2px;
}

.upcomingEvents {

}

.upcomingEvents h3 {
  margin:0 0 -.5em;
  line-height:2.5em;
  font-family:Arial,Helvetica,Sans-Serif;
  font-size:17px;
  font-weight:bold;
  color:#014a0d;
  clear:both
}

.upcomingEvents a:link {
  font-family:Arial,Helvetica,Sans-Serif;
  font-weight:bold;
  font-size:.8em;
  line-height:1.4em;
  color:#6f491f;
  text-decoration:none
}

.upcomingEvents a:visited {
  color:#6f491f;
}

.upcomingEvents a:hover {
  color:#aa5900;
}

a .date-display-single {
  display:block;
  float:left;clear:left;
  width:65px;
}

.eventTitle {
  float:left;
  width:130px;
}

/*
  EOF Sidebar
*/

/*
  TABLE STYLES
*/

table {
  width:100%;
  border: 0 none;
  border-spacing: 0;
  font-size: 0.857em;
  margin: 10px 0;
  background-color:#fff;
  font-size:.8em
}

table tr th {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.51);
    border-bottom-style: none;
}

table tr th, table tr th a, table tr th a:hover {
  color: #FFFFFF;
  font-weight: bold;
}

tbody {
  border-top: 1px solid #CCCCCC;
}

tr.even, tr.odd {
    background-color: #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    padding: 0.1em 0.6em;
}

tr, tr.even {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.063);
}

tr.odd {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.106);
}

tr, tr.even {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.063);
}

tr td, tr th {
  border: 1px solid #FFFFFF;
  padding: 4px 9px;
  text-align: left;
}

/*
  FOOTER
*/

#pageBottom {
  background-color:#435328;
  padding-bottom:15px;
}

.footerTopBox {
  background-color:#313f19;
  min-height:52px;
}

.region-footertop, .region-footer {
  max-width:1100px;
  margin:0 auto;
}

#block-custom-search-blocks-2 {
  margin:0;
  float:right;
}

#block-custom-search-blocks-2 h2 {
  float:left;
  width:300px;
  font-size:27px;
  line-height:1.5em;
  font-family: vijayaregular, sans-serif;
  color:#c8c8c8;
}

.region-footertop .block-custom-search-blocks > form {
  top:10px;left:0px
}

.region-footer {
  padding:35px 0 70px
}

.footerCol1 {
  float:left;
  padding:0 0 0 20px
}

.footerCol1 a {
  display:block;
  width:371px;height:98px;
  background:url(../images/logo-footer.png)
}

.footerCol2 {
  float:right;
  padding:0 20px 0 0
}

.iconRSS {
  float:left;
  display:block;
  width:42px;height:76px;
  margin:0 35px 0 0;
  background:url(../images/icon-rss.png) no-repeat center bottom
}

.iconEmail {
  float:left;
  display:block;
  width:92px;height:80px;
  margin:0 35px 0 0;
  background:url(../images/icon-email.png) no-repeat center bottom
}

.footerAddress {
  float:left;
  padding:13px 0 0 75px;
  font-family: vijayaregular, sans-serif;
  line-height:1em;
  color:#ebe2d9;
  font-size:22px;
  background:url(../images/icon-villageHall.png) no-repeat left bottom
}

.iconVillageHall {
  padding:9px 5px 0 0;
}

.footerCol2 a:link, .footerCol2 a:visited {
  font-family: vijayaregular, sans-serif;
  color:#ebe2d9;
  text-decoration:none;
  font-size:22px;
  text-align:center
}

.footerCol2 a:hover {
  color:#fa8a19
}

.footerTitle {
    clear: both;
    color: #fff;
    float: none;
    font-family: vijayaregular,sans-serif;
    font-size: 3em;
    font-weight: normal;
    line-height: inherit;
    margin: 0 0 30px;
    padding: 15px 0 0;
}

#footer #mc_embed_signup {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

#footer #mc_embed_signup form {
    padding: 0 !important;
}

#footer #mc_embed_signup .mc-field-group {
    display: inline-block !important;
    width: 71% !important;
}

#footer #mc_embed_signup .clear {
    display: inline !important;
}

#footer #mc_embed_signup .button {
    background-color: #faf8bf !important;
    color: #000 !important;
}

.region-bottom .block {
  text-align:center;
  color:#fff;
  margin:0
}

.region-bottom a:link, .region-bottom a:visited {
  font-size:.8em;
  color:#fff;
  text-decoration:none
}

.copyright {
  text-align:center;
  font-size:.8em;
  color:#fff;
  margin:0
}

.contractor {
  text-align:center;
  font-size:.8em;
  margin:0
}

.contractor a:link, .contractor a:visited {
  color:#fff;
  text-decoration:none
}


/*
  LOGIN
*/


.page-user .tabs-primary {
  margin: 1.5em auto 0;
  width: 55%;
  min-width:320px;
}

#user-login, #user-pass  {
  margin: 0 auto 50px;
  min-width: 270px;
  width: 50%;
  background:url(../images/ffffff-40percent.png)repeat;
  padding:10px 25px 25px
}

.page-user #user-login input, .page-user #user-pass input {
    border: 2px solid #555555;
}

/*
  Node Clone Tab
*/

.tabs-primary, .tabs-secondary { float:left}

.action-links {
    background-image: -moz-linear-gradient(center bottom , #bbbbbb 1px, transparent 1px);
    float: left;
    padding: 0;
}


.action-links > li {
    list-style: outside none none;
}

.action-links > li  {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #bbbbbb #bbbbbb transparent;
    border-image: none;
    border-style: solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-width: 1px;
    text-shadow: 1px 1px 0 white;
}

.action-links > li a {
    background-color: #dedede;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #333;
    letter-spacing: 1px;
    padding: 0 1em;
    text-align: center;
    transition: background-color 0.3s ease 0s;
}
.action-links > li  a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e9e9e9 currentcolor currentcolor #e9e9e9;
    border-image: none;
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    display: block;
    line-height: 1.5em;
    text-decoration: none;
}

.node-type-article .panel-col-first, .fullWidth .panel-display, .node-type-webform .panel-display {clear:left}