html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:disc; }
q:before, q:after { content:''; }

html {
  background-color: #FdFdFd;

}

body {

  background-color: #FdFdFd;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}

body,td,th {
  font-family: Verdana, Arial, Helvetica, san-serif;
  font-size: 14px;
  color: #333;
  line-height: 140%;

}



h1 {
        color: #696663;
        font-size: 28px;
	padding: 35px 20px 11px 0px;
	line-height: 140%;

}
h2 {
        color: #4C4C4C;
        font-size: 18px;
	padding: 40px 20px 10px 0px;
	line-height: 140%;

}

h3 {

        font-size:18px;
	font-weight: normal;
        line-height: 140%;

}


h4 {
        font-weight: bold;
       	padding: 0px;

}
.style1 {
   font-size: 12px;
}
.style2 {
   font-size: 12px;
   text-align: right;
}
.style3 {
   font-size: 12px;

   font-style: italic;
}
.style4 {
   font-size: 13px;

   font-weight: bold;
}
.style4a {
   font-size: 13px;
   text-align: center;
   font-weight: bold;
}
.style5 {

   text-align: center;
}
.style6 {

   color: #FF0000;
   font-weight: bold;

}
.style7 {
   font-size: 22px;
}
.style8 {
     text-align: right;
}
.style9 {
   font-size: 12px;

}
.style10 {
   font-weight: bold;
}
.style11 {

   text-align: right;
}
.style12 {
   width: 100%;
   max-width: 1100px;
   min-width: 970px;
   text-align: right;
}

.style14 {
   font-size: 16px;
}



A{
   text-decoration:none;
   color: #28797B;
}


A:visited { color: #28797B;}
A:hover {  color: #295E85;}
A:focus {


      color: #000;
      background-color: #FAC987;
}


.content1 {
       width: 100%;
       max-width: 1200px;
       margin: 0px auto 0px auto;
       min-width: 994px;

}

.content {
       width: 100%;
       max-width: 1200px;
       margin: 0px auto 40px auto;
       min-width: 994px;


}
.wrapper{
      padding: 0 10px;
      margin: 0;

}









.plain {
      width: 100%;
      margin: 28px auto 50px auto;

}
.plain td{
      vertical-align: top;

      width: 350px;
      border-left: 6px solid  #F1F1F1;

}
.plain th{
      vertical-align: top;
      padding: 0px;

}


.plain2 {
      width: 100%;
      margin: 8px auto 50px auto;

}
.plain2 th{
      vertical-align: top;

      width: 350px;
      border-left: 6px solid  #F1F1F1;

}
.plain2 td{
      vertical-align: top;
      padding: 0px;

}



.leftcol{
     padding: 0 50px 0 0;
}
.midcol{
     padding: 0 25px 0 25px;
}
.rightcol{
     padding: 0 0 0 16px;

}
.twocol_left{
     padding: 0 60px 0 2px;
}
.twocol_right{
     padding: 0 0 0 10px;
}
.twocol_left_indent{
     padding: 0 50px;


}
p {
    padding-top: 5px;
    padding-bottom: 5px;
}
li {
     margin-bottom: 5px;
}






.arrows{
    color: #746F6D;
    font-weight:bold;
    font-size: 20px;


}
ul.menu {

       list-style-type: none;
       padding: 10px 0 10px 0;
       text-align: center;
       font-weight: normal;
       min-width: 994px;
       max-width: 1200px;
       margin: 0px auto 0px auto;
       font-family: Verdana, Arial, san-serif;

}

ul.menu li {
      display: inline;
      padding: 8px 0;
      text-align: center;
      margin: 0;
}

ul.menu a {

      text-decoration: none;
      font-size: 16px;
      font-weight: 500;
      color: #514F4D;
      padding: 8px 20px 8px 20px;
      border: 1px solid #e1e1e1;
      background-color: #E1E0DF;
}
ul.menu a:hover {
        background-color: #CECDCC;
}


ul.menu a:focus {


      color: #000;
      background-color: #FAC987;
}

.titlepic{
    width: 100%;
    max-width: 1200px;
    min-width: 994px;
    background-color: #FAFAFA;

}


.topbar {
     background-color: #FbFbFb;
      width: 100%;
      padding: 10px 0 8px 0;
       border-top: 1px solid #e9e9e9;
       border-bottom: 1px solid #e9e9e9;

}
.topbar1 {
      background-color: #919191;
      width: 100%;
      padding-bottom: 10px;

}

.topbar3 {
      background-color: #F4F4F4;;
      width: 100%;
      padding: 25px 0 25px 0;
      border-top: 1px solid #DDDDDD;

}
.topbar4 {
      background-color: #F4F4F4;;
      width: 100%;
      padding: 25px 0 25px 0;
      border-top: 1px solid #DDDDDD;
      text-align: center;


}


.topbar6{
      background-color: #8C8885;

      width: 100%;

      min-width: 994px;
      margin: 0 auto;

      text-align: center;
      padding-bottom: 0px;
}




#submitBtn {
    background-color: #6e6e6e;

    color: white;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;

      border: 1px solid #6E6E6E;
}
#submitBtn:hover {
  background-color: #555;


}   
#submitBtn:focus {
  color: #000;
  background-color: #FAC987;


}
.textField{
    width: 95%;
    padding:5px;
    border:1px solid #e8e8e8;
    height:150px ;
    overflow:auto;

}
.textField:focus {

      border: 1px solid  #000;

}


.textInput{
    width: 95%;
    padding:5px;
    border:1px solid #e8e8e8;
}

.textInput:focus {

      border: 1px solid  #000;

}
.textField2{
    width: 98%;
    padding:5px;
    border:1px solid #e8e8e8;
    height:150px ;
    overflow:auto;

}

.textField2:focus {

      border: 1px solid  #000;

}

.textInput2{
    width: 98%;
    padding:5px;
    border:1px solid #e8e8e8;
}

.textInput2:focus {

      border: 1px solid  #000;

}

.styled-select2 select {

   font-size: 20px;
   width: 98%;
   padding: 5px;
   border: 1px solid #e8e8e8;
}





.links{

    margin: 0 0 30px 50px;;
}

.links p{

     font-size: 16px;
     padding: 10px 0px 2px 0;
}







#documents {
      padding: 10px 0 20px 0px;
      width: 580px;

}
#documents h2{

      font-size: 18px;
      padding: 0px 0 2px 0;
      border-bottom: 4px solid #F1F1F1;
      margin-bottom: 10px;
}

#documents p{
     color: #333;
     font-size: 16px;
     padding: 10px 0px 2px 0;
     border-bottom: 1px solid #F1F1F1;
}


.each_doc_cat{

    padding: 5px 0 2px  0;
    margin-bottom: 30px;
    margin-top: 0px;
    padding: 10px 10px 0px 0 ;

}
.each_doc_cat h2{
    font-size: 18px;
    padding: 5px 0 5px  0;
}



.meetings{
        margin: 10px auto 15px auto;
        width: 974px;

}


.meetings td {
     padding: 10px 5px;
     vertical-align: top;
     border: 1px solid #999;

}
.meetings th {
     padding: 10px 5px;
     vertical-align: top;
     border: 1px solid #999;

}


.meet {
        text-align: center;
        font-size: 18px;
        padding: 15px 0 0px 0;

        width: 520px;
        margin: 0px auto 20px auto;
}
        
.meet2 {
        text-align: center;
        font-size: 18px;
        padding: 15px 0 4px 0;
        border-bottom: 2px solid #3AAEB1;
        width: 280px;
        margin: 20px auto 20px auto;
}
.meet_arc {
        text-align: center;
        font-size: 18px;
        padding: 15px 0 4px 0;
        border-bottom: 2px solid #3AAEB1;
        width: 720px;
        margin: 0px 0 20px 0;
}



.archive {
      padding: 0 0 0px 0px;
      width: 580px;
}
.archive h2{

      font-size: 18px;
      padding: 0px 0 2px 0;
      border-bottom: 2px solid #3AAEB1;
      margin-bottom: 10px;
}
.archive ul{
       list-style: none;
       padding: 0px 10px 15px 0px;

}

.archive li{
     color: #333;
     font-size: 16px;
     padding: 5px 0px 2px 0;
}


.arc {
        font-size: 18px;
	padding: 5px 0 0px 0px;
}


.button a {
      display: block;
      width: 300px;
      padding: 10px;
      text-decoration: none;
      color: #333;
      background-color: #E3E3E3;
      font-size: 16px;
      border: 1px solid #B8B8B6;
      text-align: center;
      margin: 10px auto;
}
.button a:hover{
      background-color: #D6D6D6;

}
.button a:focus {


      color: #000;
      background-color: #FAC987;
}
.button2 a {
      display: block;
      width: 300px;
      padding: 10px;
      text-decoration: none;
      color: #333;
      background-color: #E3E3E3;
      font-size: 16px;
      border: 1px solid #B8B8B6;
      text-align: center;
      margin: 10px auto;
}
.button2 a:hover{
      background-color: #D6D6D6;

}
.button2 a:focus {

      color: #000;
      background-color: #FAC987;
}




#outergallwrapper{
     width: 990px;
     margin: 0px auto 30px auto;
     background-color: #fff;
     padding: 10px 25px 20px 25px;

}


#gallcontainer500 {

    margin: 0px -500px 20px 0;
    float:left;
    width:940px;
    height: 600px;

}
#gallcontent500 {
    margin-right: 548px; /* 50px added for center margin */


}
#gallsidebar500 {
    width:500px;
    float:left;


}

#galcontentcard500{

}

#galsidebarcard500{
  margin: 60px 0 20px 0px;


}

.gallwrapper500 ul {
    margin: 0 -2px;
    padding: 0;
    list-style: none;
    width: 390px;

}

.gallwrapper500 li {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 4px);
    margin: 2px;  

}
@supports (display: grid) {
    .gallwrapper500 ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 4px;
        margin: 0;

    }
    .gallwrapper500 li {
        width: auto;
        margin: 0;

    }
}


.box{
  

  padding: 10px 5px;
  margin: 20px 0px;

}
.box p{
    padding: 5px;
}

.box2{
  
  border: 1px solid #F9F9F9;
  padding: 10px;
  margin: 20px 5px;

}
.box3{

  padding: 0px 30px 0 0;


}

.box4{
    width: 970px;
    margin: 10px auto;
    border: 1px solid #e1e1e1;
    padding: 10px;
}

.box4 h2{
    margin: 0;
    padding: 10px 0;
}
.comupdt {
      width: 100%;;

}

.comupdt h2{
     font-size: 14px;
     font-weight: bold;
     padding-top: 0px;
     padding-bottom: 0px;

}
.shortpage10{
   margin-bottom: 10px;
}
.shortpage20{
   margin-bottom: 20px;
}
.shortpage25{
   margin-bottom: 25px;
}
.shortpage30{
   margin-bottom: 30px;
}
.shortpage50{
   margin-bottom: 50px;
}
.shortpage100{
   margin-bottom: 100px;
}
.shortpage150{
   margin-bottom: 150px;
}
.shortpage200{
   margin-bottom: 200px;
}
.shortpage250{
   margin-bottom: 250px;
}
.terms{
   margin: 0 auto;
   line-height: 150%;
   padding-right: 50px;
}
.terms ol{
   padding-top: 10px;
}

.terms li{
   padding-bottom: 10px;
}


.community{
   margin: 0px 0px 20px 0;
   width: 100%;
   max-width: 1200px;
   min-width: 900px;
}


.community h2{

  background-color:#E1E0DF;
  padding: 10px;
  font-size: 18px;
}


.community h3 {

        font-size:14px;
	font-weight: bold;
        line-height: 140%;

}

.community2{
   margin: 10px 0px 20px 0;
   width: 100%;
   max-width: 1200px;
   min-width: 900px;
}
.community2 th{
  padding: 5px 0;
  vertical-align: top;

  width:40%;
}
 .community2 td{
  padding: 5px 0;
  vertical-align: top;

  width:60%;
  line-height: 140%;
}
.community2 h2{

  background-color:#E1E0DF;
  padding: 10px;
  font-size: 18px;
}


.community2 h3 {

        font-size:14px;
	font-weight: bold;
        line-height: 140%;

}
.com_but {

    max-width: 990px;
    margin: 30px auto;

}
.com_but li {

    padding: 1em;
    text-align: center;

}
.com_but ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;

}
.com_but li {
    float: left;
    width: calc(50%);
    margin: 20px 0;

}
@supports (display: grid) {
    .com_but ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);

    }
    .com_but li {
        width: auto;
        min-height: auto;
        margin: 0;

    }
}


.business{
   margin: 0px auto 20px auto;
   width: 100%;
   max-width: 1200px;
   min-width: 900px;

}
.business th{
  padding: 10px;
  vertical-align: top;
  background-color: #e9e9e9;
}
 .business td{
  padding: 11px;
  vertical-align: top;
  border-bottom: 4px solid #ECEBEA;

  line-height: 140%;
}

.business h2 {
        padding: 0px 0px 0px 0px;
        font-size:14px;
	font-weight: bold;
        line-height: 140%;

}









.list{
  
      padding: 5px 0px 5px 0;
      margin: 0px 0;
      

}
.list li{
     padding: 5px 0px;
     font-size: 16px;
}

.newspanel {
      width: 100%;
      max-width: 1200px;
      min-width: 690px;
      margin: 10px auto 10px auto;
      border-top: 4px solid #F1F1F1;
      padding: 20px  20px 20px 0;

}

.newspanel h2{

      padding-top: 0px;
}

.newspanel ul{
overflow:hidden;

}


















#representatives {
      margin: 10px 0 30px 0;
      width: 99%;
}

#representatives td{
      border: 1px solid #e1e1e1;
      padding: 10px;
      vertical-align: top;
}

#representatives th{
      border: 1px solid #e1e1e1;
      padding: 10px;
      vertical-align: top;
      background-color: #E8E8E8;
}

#footer {
      clear: both;
      width: 100%;
      margin-top: 0px;
      padding: 0px 10px;
      min-width: 994px;
      background-color: #6e6e6e;
}
#footer h2 {
        color: #fff;
        font-size: 18px;

}
#footer p{
        line-height: 140%;
        color: #fff;
}
#footer a {
        color: #fff;
        padding: 5px 0;
}

#footer a:hover {
       text-decoration:underline;
}
#footer a:focus {

      padding: 2px;
      color: #000;
      background-color: #FAC987;
}

.outer_wrap_foot {
  margin: 0px auto;
  min-width: 940px;
  max-width: 1200px;
  width: 100%;
  padding: 0px 0 0 0;
  background-color: #6e6e6e;

}



.wrap_foot ul {
    margin: 0 ;
    padding: 0;
    list-style: none;

}

.wrap_foot li {
    display: inline-block;
    vertical-align: top;
    width: calc(33.333333% - 26px);
    margin: 0 10px 0px 10px;
    padding: 20px 0 10px 0;



}
@supports (display: grid) {
    .wrap_foot ul {

        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
        margin: 0;
    }
    .wrap_foot li {
        width: auto;
        margin: 0;
    }
}


.bottomline{
  background-color: #6e6e6e;
  font-size: 12px;
  color: #fff;
  margin: 20px auto 0 auto;
  max-width: 1200px;
  width: 100%;
  min-width: 980px;
  text-align: right;
  padding: 10px 0px 0 0;
  border-top: 1px solid #e6e6e6;

}

.bottomline p{
        line-height: 140%;
}
.bottomline a {
        color: #fff;
        padding: 5px 0;
}

.bottomline a:hover {
       text-decoration:underline;
}

.dropdown{

    margin: 10px 0 50px 0px;;
}

.dropdown p{

     font-size: 16px;
     padding: 10px 0 2px 0;
     

}
.dropdown a{

     font-size: 16px;
     padding: 8px 0 2px 0;

}



* {box-sizing: border-box;}

.dropdowncard{

    margin: 10px 0 50px 0px;;
}

.dropdowncard p{

     font-size: 18px;
     padding: 18px 0 4px 0;
     border-bottom: 2px solid #F1F1F1;

}
.dropdowncard a{

     font-size: 18px;
     padding: 8px 0 4px 0;

}




#container {
    margin-right: -346px;
    float:left;
    width:100%;

}
#content {
    margin-right: 386px; /* 40px added for center margin */

}
#sidebar {
    width:346px;
    float:left

}

#contentcard{

}

#sidebarcard{
  padding: 0px 0 0 10px;
  border-left: 6px solid  #F1F1F1;
}

ul.sidenav {
       list-style-type: none;
       padding: 0;
       margin: 8px 0 10px 0;
       overflow:hidden;
       width: 330px;
}


ul.sidenav li{
       line-height: 140%;
       padding: 0px;
       margin-bottom: 8px;

}

ul.sidenav a {
      display: block;
      width: 320px;
      padding: 15px 15px;
      text-decoration: none;
      font-size: 17px;
      font-family: Verdana, Arial, san-serif;
      line-height: 140%;
      background-color: #74706D;
      color: #ffffff;
      margin-left: 14px;
}

ul.sidenav a:hover {


      background-color: #666;
      color: #fff;
      
}

ul.sidenav a:focus {


      background-color: #666;
      color: #fff;
}
.pink {
     background-color: #F79A8B;
     color: #242424;
}
.pink a:hover{
     background-color: #F79A8B;
     color: #242424;
}
.green {
     background-color: #B2D9BA;
     color: #242424;
}


.green a:hover{
     background-color: #B2D9BA;
     color: #242424;
}

.purple{
     background-color: #A9AFD3;
     color: #242424;
}

.purple a:hover{
     background-color: #A9AFD3;
     color: #242424;
}

.orange {
     background-color: #FAC987;
     color: #242424;
}

.orange a:hover{
     background-color: #FAC987;
     color: #242424;
}





.councillor {
      padding: 0px 0 20px 0px;

}

.ward{
    width: 950px;
    margin: 0 auto;

}
.ward h2{

      font-size: 18px;
      padding: 15px 0 2px 0;
      border-bottom: 4px solid #F1F1F1;
      margin-bottom: 10px;
}




a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #000;
    background-color:#FAC987;
    left: auto;
    top: auto;
    width: 200px;                        ;                                                                %;
    height: auto;
    overflow:auto;
    margin: 10px 10px 10px 150px;
    padding:5px;
    border:1px solid #6E6E6E;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}




#preload { display: none; }

.hidden{
   position: absolute;
   top: -9999px;
   left: -9999px;
   color: #fff;
}
.hidden_top{
   position: absolute;
   top: -9999px;
   left: -9999px;
   color: #000;
}