/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- page IDs
- Grid
- Base Styles
- Typography
- Colors
- Links
- Misc Padding/Margins/rounding
- Block headings
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

/* Page Structure IDs */

#search-menu{
	float:right;
	font-size:.9em;
	line-height:none;
	color:#dddddd;
	margin-bottom:0px;
	padding-top:8px;
	padding-bottom:5px;
	height:30px;
	text-align:right
	}
@media screen and (max-width : 767px) {
	#search-menu{ 
	display: none;
    visibility: hidden;}
}
#search-menu a{
	color:#dddddd;
	text-decoration:none;
	}	
#search-menu a:hover{
	text-decoration:none;
	color:#90C0E7;
	}s

.search-form {
                padding:8px 15px;
                background:rgba(50, 50, 50, 0.25);
                border:1px solid #dbdbdb;
}
.search-button {
                position:relative;
                padding:3px 10px;
                left:-8px;
                border:1px solid #6B6C6E;
                background-color:#6B6C6E;
                color:#fafafa;
				font-family: FontAwesome;
}
.search-button:hover  {
                background-color:#90C0E7;
				border:1px solid #90C0E7;
                color:#0F1011;
}

.search-txt {font-size:.85em; color:#494646;  padding:3px 0px 2px 0px;}
	
.head-foot{
	background-color:#24282d;
	color:#dddddd;
	}
	
.head-foot a{
	color:#dddddd;
	text-decoration:none;
	text-decoration:underline	
	}
.head-foot a:hover{
	color:#90C0E7;		
	}
.head-foot a:visited{color:#dddddd;}
.head-foot a:visited:hover{color:#90C0E7;}

.copyright{
	background-color:#000000;
	color:#dddddd;
	text-align:center;
	padding-top:20px;
	}	

.copyright a{
	color:#dddddd;
	text-decoration:none;
	text-decoration:underline;		
	}
.copyright a:hover{
	color:#90C0E7;
	
	}
.copyright a:focus{
	color:#90C0E7;
	
	}
.top-social-link{float:right; padding-top:4px;}
.photo-div{
	background-image:url(../img/home-city-hall.jpg); 
	background-repeat: no-repeat; 
	background-position: center;
	background-size: cover;
	padding-top:130px;}	
	
#logo{
	margin-right:10px;
	}	

.menu-container{
	padding-top:30px;
	}

@media screen and (max-width : 900px) {
#logo{
	width:100%;
	margin:auto;
	text-align:center;
	}	

.menu-container{
	width:100%;
	padding-top:5px;
	padding-left:80px;
	}

}

/*page background */
#bg {
  background-image:url(../img/big-background/city-hall-86.jpg);
  background-size: cover;
}
	
	
	
/*footer */

.footer {
	width: 100%;
	align:bottom;
	background-color: #4a535a;
	color:#dddddd;
	}

/*page*/

#breadcrumb{color: #887E73;	font-size: 85%;}
#breadcrumb a {color:#887E73; text-decoration:none;}
#breadcrumb a:hover {color:rgba(194,16,199,1.00);}

html, body {
	height: 100%;
}
.page {
	display: table;
	height: 100%;
	width:100%
}
.block {
	display: table-row;
	height: 1px;
	width:100%
}
.push {
	height: auto;
}


.home-block{
	position: absolute;
	padding: 10px;
	margin-top: -75px;
	/*top: 996px;*/
	
	}

.home-shadow{
	text-shadow: 1px 1px 4px #0D0D0D;
	
	}
.home-block-img{
	width: 100%;
    height: auto;
	}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Computer Large */

.container{
	width: 96%; /*width: 1000px;*/
	max-width: 1200px;
	margin: auto;	
}
.row { margin-bottom: 0px; }

.inner{padding:10px;}

.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 96%; } 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 2% 2% 0;
	float: left;
	display: block;
}

.offset_1 { margin-left:8.5%}
.offset_2 { margin-left:17%}
.offset_3 {margin-left:25.5%}
.offset_4 { margin-left:34%}
.offset_5 { margin-left:42.5%}
.offset_6 { margin-left:51%}
.offset_7 { margin-left:59.5%}
.offset_8 { margin-left:68%}
.offset_9 { margin-left:76.5%}
.offset_10 { margin-left:85%}
.offset_11 { margin-left:97.5%}

.hide-large{
	display:none;
	}
.alpha{margin-left:0;}
.omega{margin-right:0;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

#audio-only{display: none; visibility:hidden;}

/*show large only, hide from all others */
    
	.hide-large,
    .hide-extra-small,
    .hide-small,
    .hide-medium{
    display: inline;
    visibility: visible;}
 
 /*hide large only, show from all others */
   
	.show-large,
    .show-extra-small,
    .show-small,
    .show-medium{
    display: none;
    visibility: hidden;}



/* Tablet Medium */
@media screen and (max-width : 767px) {
 .container { width: 96%; } /*480px*/
 .container { margin: 0% 2% 0% 2%; }
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width:96%;
}

.offset_1 { margin-left:2%}
.offset_2 { margin-left:2%}
.offset_3 { margin-left:2%}
.offset_4 { margin-left:2%}
.offset_5 { margin-left:2%}
.offset_6 { margin-left:2%}
.offset_7 { margin-left:2%}
.offset_8 { margin-left:2%}
.offset_9 { margin-left:2%}
.offset_10 { margin-left:2%}
.offset_11 { margin-left:2%}


.hide-large{
	display:block;
	}
.hide-tablet{
	display:none;
	}

 /*show medium only, hide from all others */
        .show-medium,	 
       	.hide-large,
        .hide-small{
        display: inline;
        visibility: visible;}
		
  /*hide medium only, hide from all others */
        .hide-medium,
		.show-large,
        .show-small{
        display: none;
        visibility: hidden;}
    }



/* Mobile - Small  */
@media screen and (max-width : 480px) {
 .container { width: 98%; } /*480px*/
 .container { margin: 0% 2% 0% 2%; }
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width:96%;
}

.hide-mobile{
	display:none;
	}

/*show  small only */
        .show-small,
		.hide-large,
        .hide-medium{
        display: inline;
        visibility: visible;}
 
 /*hide  small only*/
        .hide-small,
        .show-large,
        .show-medium{
        display: none;
        visibility: hidden;}


    }

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements 
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Lato', Arial, sans-serif;
  color: #222; 
  background-color:rgba(217,216,216,1.00); /*page background color */
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 400; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

bold{font-weight:700;}
/*.semi-bold{font-weight:700;}*/
.small { font-size: 80%; }
.small-txt{font-size: 80%; line-height:150%;}
.largish { font-size: 130%;}
.larger{ font-size: 170%;}
.large { font-size: 200%; }
.text-uppercase {text-transform: uppercase;}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 3.75rem; }
  h2 { font-size: 3rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.0rem; }
  h5 { font-size: 1.9rem; }
  h6 { font-size: 1.5rem; }
}

p {margin-top: 0; }

img {max-width: 100%;}


/* Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*font colors */
	.color-red {color:#C30018;}
	.color-white {color:#ffffff}
	.color-green {color:#489C0C;}
	.color-blue {color:#0C6DBC;}
	.color-dark-gray{color:#464646;}
	.color-med-gray{color:#B2B2B2;}
	.color-orange{color:#dd5c04;}
	.color-purple{color:#6a3090;}

/*background colors */	
	
    .bg-orange {background-color:#EB7C01; color:#fff;}
    .bg-dk-orange{background-color:#AF3802; color:#fff;}
    .bg-med-blue {background-color:#22598C; color:#fff}
    .bg-med-green{background-color:#536315; color:#fff;}
    
   .bg-lt-blue {background-color:#84B0DA;}
    .bg-bright-blue {background-color:#109CE9; color:#fff;}	
	.bg-bright-green {background-color:#97AF3E; color:#fff;}
	
	.bg-dark-blue {background-color:#06345F; color:#fff;}		
	
	.bg-dark-orange {background-color:#AB1F22; color:#fff;}
	
	.background-white {background-color:#ffffff;}
	
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {color:#033E8E; text-decoration:none; }

a:hover {color:#C95100; text-decoration:underline; }

a:visited {color:#521A97;}

a:focus {tex-decoration:underline;} /*gives focus to all links for ADA*/

/* Misc Padding/Margins/rounding
–––––––––––––––––––––––––––––––––––––––––––––––––– */

	.margin-half-bottom {margin-bottom: 10px !important; }
	.margin-add-bottom {margin-bottom: 20px !important; }
	.margin-no-top {margin-top: 0px !important; }
	.margin-no-bottom {margin-bottom: 0px !important; }

	.margin-add-top {margin-top: 20px !important; }
	.margin-half-top {margin-top: 10px !important; }
    .margin-left {margin-left: 20px !important; }
	.margin-left-large{margin-left: 60px !important; }
    .margin-right {margin-right: 20px !important; }
    .margin-right5 {margin-right: 5px !important; }
    .margin-left5 {margin-left: 5px !important; }

	.pad-bottom { padding-bottom: 20px !important; }
	.pad-top { padding-topm: 20px !important; }

	.pad-half-bottom { padding-bottom: 10px !important; }
	.pad-remove-bottom { padding-bottom: 0px !important; }
    
    .box-padding{padding:10px 10px 10px 10px;}

    .round-corners {  border-radius: 15px;  padding:10px;}
	.round-div{	border-radius: 20px;}
    
	.img-circle {border-radius: 50%;}
	
   @media only screen and (max-width: 767px) {
	.margin-left-large{margin-left:5px !important; }

   }
   
   @media only screen and (min-width: 480px) and (max-width: 759px) {
	.margin-left-large{margin-left:3px !important; }
		}
	

/*Well - box with border and colored background
=============================================== */
.well {
  background-color: #f9f9f9;
  border-color: #ededed;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 24px;
  padding: 0px 10px;
}
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6,
.well .h1, .well .h2, .well .h3, .well .h4, .well .h5, .well .h6,
.well .giga, .well .mega, .well .kilo {
  color: inherit;
}
.well p {
  margin: 10px 0;
}

.well header h1, .well header h2, .well header h3, .well header h4, .well header h5, .well header h6,
.well header .h1, .well header .h2, .well header .h3, .well header .h4, .well header .h5, .well header .h6 {
  margin: 20px 0 10px;
}
.well header .label,
.well header .badge {
  margin-top: 10px;
}
.well[class*='bg-'] {
  color: #fff;
}
.well.bg-white {
  color: #666;
}
.well.bg-black {
  border-color: #000;
}
.well.bg-green {
  border-color:#657B15;
  background-color:#97AF3E;
  color:#fff;
}
.well.bg-light-green {
  border-color: #3d8b3d;
  color: #fff;
}
.well.bg-blue {
  border-color: #28a1c5;
}
.well.bg-light-blue {
  border-color: #28a1c5;
  color: #3a87ad;
}
.well.bg-yellow {
  border-color: #b9730f;
}
.well.bg-light-yellow {
  border-color: #b9730f;
  color: #c09853;
}
.well.bg-red {
  border-color: #b52b27;
}
.well.bg-light-red {
  border-color: #b52b27;
  color: #d2322d;
}
@media (max-width: 750px){
.well {
  padding: 0px 0px;
}
}



/* Block headings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
   .block-heading{
	padding-top: 8px;
	padding-right:0px;
	padding-left: 20px;
	padding-bottom: 4px;
	margin-bottom: 0px;
	color: #fff;
	display:block;
}


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ol, ul {
  padding-left: 0;
  margin-top: 0; }

ul {
  padding-left:10px;
  margin-left:10px;
  
  }
ol {
  list-style: decimal inside; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin: .5rem 0 .5rem .5rem; 

  }
  
li { margin-bottom: 1rem;}
li:last-child	{margin-bottom:0rem;}

/*fancy lists */
.list-acrobat {list-style-image:url(../img/symbols/acrobat.gif);}
.list-blue-pointer {list-style-image:url(../img/symbols/blue-carret.png);}	

.list-caret {list-style-image:url(../img/symbols/carret.png);}	
.list-caret-green {list-style-image:url(../img/symbols/carret-on.png);}
.list-checklist {list-style-image:url(../img/symbols/accept.png);}
.list-check {list-style-image:url(../img/symbols/tick.png);}	
.list-red-arrow {list-style-image:url(../img/symbols/arrow_red.png);}
.list-blue-arrow {list-style-image:url(../img/symbols/arrow_slate.png);}
.list-blue-dot {list-style-image:url(../img/symbols/dot-blue.png);}
.list-green-dot {list-style-image:url(../img/symbols/dot-green.png);}
.list-green-pointer {list-style-image:url(../img/symbols/green-pointer.gif);}
.list-orange-arrow {list-style-image:url(../img/symbols/arrow_orange.png);}
.list-orange-dot {list-style-image:url(../img/symbols/orange-dot.png);}
.list-purple-arrow {list-style-image: url(../img/symbols/arrow_purple.gif);}
.list-white-arrow {list-style-image:url(../img/symbols/arrow_white.png); color:#fff;}
.list-white-dot {list-style-image:url(../img/symbols/white-dot.png);}
.list-white-box {list-style-image:url(../img/symbols/white-bullet.gif);}


.list-computer {list-style-image:url(../img/symbols/monitor.gif);}	
.list-page {list-style-image:url(../img/symbols/new_page.png);}	

.list-white-pointer {list-style-image: url(../img/symbols/white-carret.png); }	
.list-white-pointer a {color:#ffffff;}	
.list-white-pointer a:hover, a:focus {color:#F1FFC1;}


.list-footer-bullet {
	list-style-image: url(../img/symbols/footer-carret.png);
	 margin: .5rem 0 .5rem .5rem;
	font-size:.9em;
}	
.list-footer-bullet a {
	color:#C9C9C9;
}	
.list-footer-bullet a:hover, a:focus {
	color:#90C0E7;
}




/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* border all */
table.table-border-all, table.table-border-outer {
  border: 1px solid #ededed;
}
table.table-border-all th,
table.table-border-all td {
  border-right: 1px solid #ededed;}

/*border outer */
table.table-border-all, table.table-border-outer {
  border: 1px solid #ededed;}

/* border inner */
table.table-border-inner th,
table.table-border-inner td {
  border-right: 1px solid #ededed;}

/* yellow hover row */  
table.table-hover-row tr:hover td, table.table-hover-cell td:hover {
  background-color: #FFFCC3;}

/* zebra stripe - even or odd */
table.table-fill-even tbody tr:nth-child(even), table.table-fill-odd tbody tr:nth-child(odd) {
  background-color:#F5DFCF;}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.no-wrap { white-space:nowrap; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }

img.scale-with-grid {
	max-width: 100%;
	height: auto; }
	
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
	zoom: 1;
	background-position: 0% 0%;
}


/*slick nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.slicknav_menu {
	display:none;
    }
    #menu {
	display:none;
	}
    @media screen and (max-width: 767px) {
	/* #menu is the original menu */
	.js #big-menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

/*Hovers */

.blur{
	 -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	}

.blur:hover{
	-webkit-filter: blur(5px);
	
	}

.black-white {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.black-white:hover {
  -webkit-filter: grayscale(100%);
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* mobile */
@media (max-width: 480px) {
	
	
	}

/* Larger than phablet  */
@media (max-width: 550px) {
	}

/* tablet (also point when grid becomes active) */
@media (max-width: 767px) {
	
	}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	
	}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
		
	}

/* stop that on-load flashing */
 #no-flash  {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
 


/*   Print Styles   */

@media print{ 
#printhead{display:block;width:100%; float:none;}

/* hide these items when printing */ 
 
.head {display:none;} 
.footer{display:none;}
.breadcrumb{display:none;} 
.elastislide-list {display:none;}
#carousel{display:none;}


/*  how to print */
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  
 
}