@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
@media screen and (max-width: 767.999999px) {
	
	html,body{
    position:absolute;
    left:0;
    top:0;
    margin:0 auto;
    padding:0;
    width:100%;
    height:100%;
    font-size:.85em;
    letter-spacing: .22px;
    font-family: 'Roboto Slab', serif;
  }
/**** Base settings ****/
  h1,h2,h3,h4,h5,p,a,blockquote,bodytext {font-family: 'Roboto Slab', serif;}
  /*h1.csc-firstHeader {font-size:1.30em; font-weight: bold;}*/
  h1 {font-size:1.8em;}
  h2 {font-size:1.38em;color:maroon}
  h3 {font-size:1.15em;}
  h4 {font-size:1em;}
  blockquote {margin-left:10px;background-color:transparent;border:none;}
  hr {margin:10px 0;border:0;border-top:1px solid #CCC;}
  a {text-decoration: underline;}
  a:hover {text-decoration:none;}
  /*h2 a {color:#0504A3;}
  *** End Base settings ****/
/**** Index Search ***/
	
	dl.tx-indexedsearch-info dt.tx-indexedsearch-text-item-size, 
	dl.tx-indexedsearch-info dt.tx-indexedsearch-text-item-crdate, 
	dl.tx-indexedsearch-info dt.tx-indexedsearch-text-item-mtime,
	dl.tx-indexedsearch-info dt.tx-indexedsearch-text-item-path,
	dl.tx-indexedsearch-info dd.tx-indexedsearch-text-item-size, 
	dl.tx-indexedsearch-info dd.tx-indexedsearch-text-item-crdate, 
	dl.tx-indexedsearch-info dd.tx-indexedsearch-text-item-mtime,
	dl.tx-indexedsearch-info dd.tx-indexedsearch-text-item-path {dispaly:none;visibility: hidden; height:0;}
	div.tx-indexedsearch-res {clear:both;}
  /**** Typo3 editor fixes ****/
  .indent {margin-left:10px;}
  .csc-header-alignment-center {text-align:center;}
  .align-center {text-align:center;}
  .align-justify {text-align:justify;text-justify:inter-word;}
  .text-center .row.well {width:100%;}
  .single-item {min-height: 200px;}
  /*** Next Line -- spacing for unordered lists ***/
  .csc-default ul li, .csc-default ol li {margin-bottom: 5px;}
/*** End Typo3 editor fixes ***/
  body {background-color: #f3f0ed;}
  
	  .menu-container,.footer-menu,.footer-social,
	
	  .logo-nav {float:left;margin-top:55px;}
	  .nav-container-wrap {min-width:250px}
	  #outer-nav-container {max-height:50px;width:100%;border:none;padding:0;}
		.content-container {position:relative;width:100%;height:100%;float:none;margin:0;padding:0;}
		.main-container {width:100%;}
		.main-content-lg,.main-content-pg {position:relative;max-width:750px;height:100%;margin:0;padding:0;float:none;clear:both;}
	figure.image img.image-embed-item {max-width:100%; height:auto;}
	span.topimages {display:none;}
	.content-container {
		position:relative;
		width:100%;
		min-height:100%;
		margin:0 auto;
		padding:0;
		background-color:#FFFFFF;
		clear:both;
	}

/**** Page Template ****/
	.image-content {
		max-width:100%;
		min-height:100px;
		max-height: 300px;
		margin:0 auto;
		padding:0;
		clear:both;
		background-color: #fff;
	}
	
	.image-content img {max-width:99.999999%;height:auto; }
	.page-content-container,.main-content-fp {
		max-width:100%;
		min-height:100%;
		margin:0 auto;
		padding:0px;
		left:0;
		text-align:left;
		clear:both;
		background-color: #fff;
	}
	/*##### Frontpage #####*/
	.bannerwrap {
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 10px 0;
		background-color:#eee;
			/*#eee;
		background-image:url(../Images/Template_images/Backgrounds/1.jpg);
		background-size: cover;
		background-repeat: no-repeat; */
		clear:both;
	}
		.banner-container {
			width:100%;
			height:auto;
		}
	.welcomewrap {
		width:100%;
		min-height: 300px;
		margin: 0 auto;
		padding: 20px 0 0 0;
		background-color:#fff; /*#eee;*/
		clear:both;
	}
		.welcome-container {
			width:100%;
			min-height: 100%;
			
		}
	.container-wide {
		margin:0 20px;
	}
		.whatsupwrap {
			width:100%;
			min-height: 400px;
			margin: 0 auto;
			padding: 15px 100px;
		}
		.whatsup-container {
			width:100%;
			min-height: 100%;
		}	
	.connectwrap {
		width:100%;
		min-height: 400px;
		margin: 0 auto;
		padding: 15px 0;
		background-color:#fff /*#ccc;*/
	}
		.connect-container {
			width:100%;
			min-height: 100%;
			
		}
	.electedwrap {
		width:100%;
		min-height: 300px;
		margin: 0 auto;
		padding: 15px 0 30px 0;
		background-color:#fff;
	}
		.elected-container {
			width:100%;
			min-height: 100%;
		}
/**** End Page Template ***/
/**** Large Template ****/
	.main-content-lg {
		max-width:100%;
		min-height:100%;
		margin:0 auto;
		padding:0;
		left:0;
		text-align:left;
		clear:both;
		background-color: #fff;
	}
	.right-nav-container {display: none;}
	/*##### End frontpage ##### */
	.footer-container {
		width:100%;
		min-height:200px;
		padding:0;
		margin:0 auto;
		clear:both;
		border-top:4px solid #B44E00;
		background-color:#003b5d;
	}
	.footersFiller {
		width:100%;
		height:100%;
	}
	.footersMenu {
		width:100%;
		min-height:200px;
		margin:0 auto;
		padding:0;
		text-align: left;
	}
	.footer-content {
		width:100%;
		min-height:200px;
		margin:0 auto;
		padding:0;
		color:#fff;
		font-size: .9em;
		text-align: left;
	}
	.footer-content a {font-size:1em;text-decoration:none;color:#fff;}
	.footer-content a:hover {text-decoration:underline;color:#B44E00;}
	.copyright {
		width:100%;
		min-height:40px;
		margin:0 auto;
		padding: 5px;
		background-color:#000;
		border-top:2px solid #ccc;
		color:#fff;
		font-size: .85em;
		clear:both;
		text-align: center;
		
	}
	.copyright a {color:#fff; text-decoration:underline;}
	.copyright a:hover {color:#fff; text-decoration:none;}
}

@media screen and (min-width: 768px) {	
  html,body{
    position:static;
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0;
    left:0;
    top:0;
    font-size:.95em;
    letter-spacing: .22px;
	font-family: 'Roboto Slab', serif;
  }
/**** Base settings ****/
  h1,h2,h3,h4,h5,p,a,blockquote,bodytext {font-family: 'Roboto Slab', serif;}
  /*h1.csc-firstHeader {font-size:1.30em; font-weight: bold;}*/
  h1 {font-size:3em;}
  h2,h2.element-header {font-size:1.55em; padding:0}/*color:maroon;}*/
	
  h3 {font-size:1.3em;}
  h4 {font-size:1.35em;}
  blockquote {margin-left:15px;background-color:transparent;border:none;}
  hr {margin:10px 0;border:0;border-top:1px solid #CCCCCC;}
 /* a {text-decoration: underline; color:blue;}
	div a, span a, p a, h1 a, h2 a, h3 a, h4 a, h5 a {color:#03248F;}
  a:hover {text-decoration:none;}
  h2 a {color:#0504A3;}*/
/****  *** End Base settings ****/
/**** Typo3 editor fixes ****/
  .indent {margin-left:10px;}
  .csc-header-alignment-center {text-align:center;}
  .text-center {text-align:center;}
  .text-justify {text-align:center;}
  .text-center .row.well {width:100%;}
  .single-item {min-height: 200px;}
  /*** Next Line -- spacing for unordered lists ***/
  .csc-default ul li, .csc-default ol li {margin-bottom: 5px;}
/**** End Typo3 editor fixes ****/
    .t3ddy-accordion-item > .t3-frontend-editing__ce {margin-top:25px;}
  body {
    background-color: #FFFFFF;
    /*background-image: url(../Images/Template_images/Backgrounds/bgslice.jpg);
    background-attachment: fixed;
    background-repeat: repeat-x;
    */
  }
  body > div.outerWrap {height: 100%; width:100%;position:absolute;margin:0;padding:0;}
  .sliderpad {
    background-color:none;
    height:25px;
    width:100%;
    top:0;
    margin-bottom:-25px;
  }
	/**** Index Search ***/
	ul.tx-indexedsearch-browsebox {width:100%;clear:right;}
	ul.tx-indexedsearch-browsebox > li{ float:left; padding-right:20px;}
	dl.tx-indexedsearch-info dt.tx-indexedsearch-text-item-size, 
	dl.tx-indexedsearch-info dt.tx-indexedsearch-text-item-crdate, 
	dl.tx-indexedsearch-info dt.tx-indexedsearch-text-item-mtime,
	dl.tx-indexedsearch-info dt.tx-indexedsearch-text-item-path,
	dl.tx-indexedsearch-info dd.tx-indexedsearch-text-item-size, 
	dl.tx-indexedsearch-info dd.tx-indexedsearch-text-item-crdate, 
	dl.tx-indexedsearch-info dd.tx-indexedsearch-text-item-mtime,
	dl.tx-indexedsearch-info dd.tx-indexedsearch-text-item-path {dispaly:none;visibility: hidden; height:0;}
	div.tx-indexedsearch-res {clear:both;}
	
	
	
  .content-container {width:100%;min-height:0px;max-height:100%;float:none;margin:0 auto;padding:0;clear:both}

/**** These next few lines are for Greta's Snow removal timer ****/
  #countd {min-width:345px; max-width:500px;min-height:240px;background-color:#003b5d;color:#FFFFFF;text-align: left; padding:5px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
  .clocks {width:100%;height:auto;font-size:20px;color:#FFFFFF;padding:5px;}
  #demos {font-size: 24px; width:100%; text-align:center;color:#FFFFFF;}
/**** Wrapper for the numbers ****/
  .timewrap {margin-right:5px;background-color:#000000;padding:15px 5px;color:#FFFFFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
/**** End Snow removal timer ****/
	
/**** Start Section menu - Right Side
	.frame-type-menu_section {width:100%;background-color:#003b5d;padding:5px 5px 0;border-radius:4px;}
	.frame-type-menu_section a {width:100%;color:#FFFFFF;text-decoration:none;}
	.frame-type-menu_section a:hover {color:yellow;text-decoration:underline;}
	.frame-type-menu_section ul{list-style:none;padding:0 0 5px 5px;font-size:1em;}
	.frame-type-menu_section ul li {font-weight:300;text-transform:none;text-align:left}
	.frame-type-menu_section ul li {font-weight:300;text-transform:none;text-align:left}
	.frame-type-menu_section ul li ul {padding:0;}
	.frame-type-menu_section ul li ul li {padding:0 0 5px 0;font-weight:300;font-size:1em;text-transform:none;text-align:left}
	.frame,.frame.frame-default,.frame.frame-default.frame-type-textmedia {max-width:100%;margin-bottom:20px;padding-top:20px;padding-bottom:20px;clear:both;}
	div.textmedia div.textmedia-item, .textmedia-text {padding-left:5px;}
	
	 ****/

/**** End Section menu ****/
/**** Frontpage images and captions ***/
	.gallery-row img{min-width: 0px; max-width:100px;height:auto;}
	.caption {width:100%;background-color: #FFFFFF;}

	.image-content img.image-embed-item {max-width:100%; height:auto;}
	.bannerwrap img.image-embed-item {max-width:100%;height:auto;}
	.elementcols .col2-34-1 img.image-embed-item {max-width:100%;height:auto;}

/**** Adding Color Behind Image captions ****/
	.image-caption {background-color: #FFFFFF;text-align: center;}

/**** Set Header background color ****/
	.header-container, .header-bg, .menu-container {background-color: #003b5d;}

/**** Buttons ****/
	.blue-button {min-width:100px;min-height:25px;max-width:200px;max-height:40px;background-color:#003b5d;color:#FFFFFF; padding:5px 10px;border-radius:6px;}
	.blue-button a {color:#FFFFFF;}
	.blue-button-menu {min-width:100px;min-height:25px;margin:0;padding:5px 10px;background-color:#003b5d;color:#ffffff;border-radius:6px;}
	
	.blue-button-menu a {color:#FFFFFF;text-decoration:none;}
	.blue-button-menu a:hover {text-decoration:underline;color:yellow;}
	.blue-button-menu ul, .blue-button-menu ul ul{list-style:none;}
	.acc-li {margin-top:7px}
/**** Copyright ****/
	.copyright a {color:#fff; text-decoration:underline;}
	.copyright a:hover {color:#fff; text-decoration:none;}
}

@media screen and (min-width: 768px) and (max-width: 991.999999px) {
  html,body{
    font-size:.75em;
  }
/**** Base settings ****/
  /*h1.csc-firstHeader {font-size:1.30em; font-weight: bold;}*/
  h1 {font-size:1.95em;}
  h2 {font-size:1.75em;} /*color:maroon}*/
  h3 {font-size:1.55em;}
  h4 {font-size:1.35em;}
  blockquote { background-color:transparent;border:none;}
/**** End Base settings ****/
	#top-nav-bar {
      width:100%;
      height:55px;
      margin:0 auto;
      padding:0;
      top:0;
      clear:both;
  }
	.header-container {
      width:100%;
      height:67px;
      margin:0 auto;
      padding:0;
      clear:both;
	}
	.header-bg {width:100%;height:67px;}
	.header-left {
      width:20%;
      height:100%;
      padding-top:2px;
      float:left;
	}
      .logo-seal {
        width:155px;
        min-height:53px;
        max-height:75px; 
        float:left;
        background-image:url("../Images/Template_images/Logo/CityLogo-150x50.png");
        background-repeat:no-repeat;
      }
	.header-body {
      width:80%;
      height:100%;
      margin:0 auto;
      padding:0;
      float:right;
      clear: right;
	}
      .logo-nav {
        width:100%;
        height:100%;
        margin-bottom:0px;
      }
    .menu-container {
      width:100%;
      min-height:20px;
      margin:0 auto;
		margin-top:-10px;
      padding:5px 0 0 0;
      clear:both;
	}
	.sub-menu-container {
      width:100%;
      min-height:20px;
      margin:0 auto;
      padding:0;
      clear:both;
	}
	.search-holder {width:225px;height:25px;padding:3px 0 0 10px;float:right;}
	.quicksearch-sword {float:left;}
	.quicksearch-submit {float:right;}
	
	.sticky {
      position: fixed;
      max-width: 100%;
      left: 0;
      top: 0;
      z-index: 2704;
      border-top: 0;
      background-color:rgba(14,75,136,.99);
      height:0px;
	}
/*** Department images and name
	.dept-wrap {min-width:1000px;max-width:100%;height:107px;padding:5px;margin:0;background-color: none;}
	.dept-name {width:100%;height:100px;padding:0;margin:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
		background-image: url(../images/Dept/police3.gif);
		background-size: 1130px 100px;
	}
	.dept-name .img {width:1100px;height:100px;} ***/
	.content-container {
		width:100%;
		min-height:100%;
		max-height:10000px;
		margin:0 auto;
		padding:0;
		clear:both;
	}

/**** Page Template ****/
	.image-content {
		max-width:100%;
		min-height:180px;
		margin:0 auto;
		padding:0;
		clear:both;
	}
	.image-content img.image-embed-item {max-width:100%;height:auto;}
	.image-content img {max-width:99.999999%;left:0;text-align: left;float:left;}
	.page-content-content,.main-content-fp {
		max-width:100%;
		min-height:100%;
		margin:0 auto;
		padding:0;
		left:0;
		text-align:left;
		clear:both;
	}
	.main-content-fp {background-color: #EEE;}
/**** End Page Template ***/

/*##### Frontpage #####*/
	
	.bannerwrap {
		width:100%;
		max-height: 250px;
		margin: 0 auto;
		padding:0;
		background-color:#fff;
		background-image:url(../Images/Template_images/Backgrounds/Homepage-Background.jpg);
		background-size: cover;
		background-repeat: no-repeat; 
		clear:both;
	}
		.banner-container {
			width:100%;
			min-height: 100%;
			
		}
	.welcomewrap {
		width:100%;
		min-height: 300px;
		margin: 0 auto;
		padding: 20px 0 0 0;
		background-color:#eee;
		clear:both;
	}
		.welcome-container {
			width:100%;
			min-height: 100%;
			
		}
	.container-wide {
		margin:0 20px;
	}
		.whatsupwrap {
			width:100%;
			min-height: 400px;
			margin: 0 auto;
			padding: 15px 100px;
		}
		.whatsup-container {
			width:100%;
			min-height: 100%;
		}
	
	.connectwrap {
		width:100%;
		min-height: 400px;
		margin: 0 auto;
		padding: 15px 0;
		background-color:#fff /*#ccc;*/
	}
		.connect-container {
			width:100%;
			min-height: 100%;
			
		}
	
	.electedwrap {
		width:100%;
		min-height:180px;
		margin: 0 auto;
		padding:0;
		background-color:#eee;
		background-image:url(../Images/Template_images/Backgrounds/Bottom_HomepageImage_Final.png);
		background-size: cover;
		background-repeat: no-repeat; 
	}
		.elected-container {
			width:100%;
			height:auto;
		}
	
/*##### End frontpage ##### */
/**** Large Template ***
	.main-content-lg {
		max-width:100%;
		min-height:100%;
		margin:0 auto;
		padding:15px 0;
		left:0;
		text-align:left;
		clear:both;
		background-color: #fff;
	}*/
	.main-content{
		width:100%;
		min-height:100%;
		margin:0 auto;
		padding: 0 10px 10px 0;
		text-align:left;
		clear:left;
		float:left;
	}
	.right-nav-container {
		max-height:100%;
		margin:0 auto;
		padding:0 10px 10px;
		text-align:left;
		clear:right;
		float:right;
		border-radius: 4px;
		background-color:#003b5d;
	}
/**** Large Template ****/
	.main-content-container {
		min-width: 768px;
		max-width:100%;
		min-height:100%;
		margin:0 auto;
		padding:15px 0 10px 0;
		left:0;
		text-align:left;
		clear:both;
	}
/**** End Large Template ****/
	.footer-container {
		width:100%;
		min-height:200px;
		padding:0;
		margin:0 auto;
		clear:both;
		font-size:1em;
		border-top:4px solid #B44E00;
		background-color:#003b5d;
	}
	.footersMenu {
		width:70%;
		min-height:200px;
		margin:0 auto;
		padding:0;
		float:left;
		text-align: left;
	}
	.footer-content {
		width:30%;
		min-height:200px;
		margin:0 auto;
		padding:0 10px;
		float:right;
		color:#fff;
		text-align: left;
	}
	.footer-content a {font-size:1em;text-decoration:none;color:#fff;}
	.footer-content a:hover {text-decoration:underline;color:#B44E00;}
	.copyright {
		width:100%;
		min-height:40px;
		margin:0 auto;
		padding: 5px 0;
		background-color:#000;
		border-top:2px solid #ccc;
		color:#fff;
		font-size: .95em;
		clear:both;
		text-align: center;
	}
	.copyright a {color:#fff;}
}

@media screen and (min-width: 992px) and (max-width:1199.999999px) {
  html,body{
    background-color: #FFFFFF;
    font-size:.87em;
  }
/**** Base settings ***
  h1,h2,h3,h4,h5,p,a,blockquote,bodytext {font-family:Calibri,Helvetica, Arial,sans-serif;}*/
  /*h1.csc-firstHeader {font-size:1.30em; font-weight: bold;}*/
  h1 {font-size:2em;}
  h2 {font-size:1.39em;} /*color:maroon}*/
  h3 {font-size:1.15em;}
  h4 {font-size:1.1em;}
  
  /**** End Base settings ****/
  /**** Typo3 editor fixes ****/
  .indent {margin-left:20px;}
  .csc-header-alignment-center {text-align:center;}
  .align-center {text-align:center;}
  .align-justify {text-align:justify;text-justify:inter-word;}
  .text-center .row.well {width:100%;}
  .single-item {min-height: 200px;}
  /*** Next Line -- spacing for unordered lists ***/
  .csc-default ul li, .csc-default ol li {margin-bottom: 5px;}
/*** End Typo3 editor fixes ***/
  /*body {   
    		background-image: url(../Images/Template_images/Backgrounds/bgslice.jpg);
    background-attachment: fixed;
    background-repeat: repeat-x;
    
  }*/
	#top-nav-bar {
		width:100%;
		height:105px;
		clear:both;
		padding:0;
	}
	.header-container {
		width:100%;
		height:100.016666px;
		margin:0 auto;
		padding:0;
		clear:both;
	}
	.header-bg {width:100%;height:100px; }
	.header-left {
		width:30%;
		height:100%;
		padding-top:10px;
		float:left;
	}
		.logo-seal {
			width:250px;
			min-height:88px;
			max-height:100px;
			float:left;
			background-image:url("../Images/Template_images/Logo/CityLogo-250x84.png");
			background-repeat:no-repeat;
		}
	.header-body {
		width:70%;
		height:100%;
		margin:0 auto;
		float:right;
		clear: right;
	}
		.logo-nav {
		  width:100%;
		  height:100%;
		  margin-bottom:0px;
		}
		/*.logo-name {
		  width:380px; 
		  float:right;
		  min-height:70px;
		  max-height:80px;
		  background-image:url(../Images/Template_images/header/Helena-Logo-250-3.gif);
		  background-repeat:no-repeat;
		}*/
	.header-right {display: none;}
	.menu-container {
		width:100%;
		min-height:32px;
		margin:-30px 0 0 0 ;
		padding:0 0 0 140px;
		clear:both;
	}
	.sub-menu-container {
	width:100%;
	min-height:23px;
	margin:0 auto;
	padding:0;
	clear:both;
}
	.search-holder {width:255px;height:30px;margin:0;padding:0 0 0 10px;;float:right;}
	.quicksearch-sword {float:left;}
	.quicksearch-submit {float:right;}
	.sticky {
		position: fixed;
		max-width: 100%;
		left: 0;
		top: 0;
		z-index: 2704;
		border-top: 0;
		background-color:rgba(14,75,136,.99);
		height:0px;
	}
/*** Department images and name
	.dept-wrap {min-width:1000px;max-width:100%;height:107px;padding:5px;margin:0;background-color: none;}
	.dept-name {width:100%;height:100px;padding:0;margin:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
		background-image: url(../images/Dept/police3.gif);
		background-size: 1130px 100px;
	}
	.dept-name .img {width:1100px;height:100px;} ***/
	.content-container {
		width:100%;
		min-height:100%;
		max-Height:10000px;
		margin:0 auto;
		padding:0;
		clear:both;
	}	
/**** Page Template ****/
	.image-content {
		max-width:100%;
		max-width:992px;
		min-height:200px;
		margin:0;
		padding:0;
		left:0;
		top:0;
		text-align:left;
		clear:both;
	}
	.image-content img {max-width:99.999999%;left:0;text-align: left;float:left;}
	.page-content-container{
		max-width:100%;
		min-height:100%;
		margin:0 auto;
		padding:10px 0 0 0;
		left:0;
		text-align:left;
		clear:both;
	}
	.main-content-fp {
		max-width:100%;
		min-height:100%;
		margin:0 auto;
		padding:0;
		left:0;
		text-align:left;
		clear:both;background-color: #EEE;
	}
/**** End Page Template ***/
/*##### Frontpage #####*/
	.bannerwrap {
		width:100%;
		height:auto;
		margin: 0 0 -5px 0;
		padding:0;
		background-color:#fff;
			/*#eee;*/
		background-image:url(../Images/Template_images/Backgrounds/Homepage-Background.jpg);
		background-size: cover;
		background-repeat: no-repeat; 
		clear:both;
	}
		.banner-container {
			width:100%;
			min-height: 100%;
		}
	.welcomewrap {
		width:100%;
		min-height: 300px;
		margin: 0 auto;
		padding: 20px 0 0 0;
		background-color:#eee;
		clear:both;
	}
		.welcome-container {
			width:100%;
			min-height: 100%;
		}
	.container-wide {
		margin:0 20px;
	}
		.whatsupwrap {
			width:100%;
			min-height: 400px;
			margin: 0 auto;
			padding: 15px 0 0 0;
			background-color: #FFF;
		}
          .whatsup-container {
            width:100%;
            min-height: 100%;
            background-color:#fff;
          }
	
	.connectwrap {display:none;
		/*width:100%;
		min-height: 400px;
		margin: 0 auto;
		padding: 15px 0;
		background-color:#fff*/
	}
		.connect-container {display:none;
			/*width:100%;
			min-height: 100%;*/
		}
	
	.electedwrap {
		width:100%;
		min-height: 220px;
		margin: 0 auto;
		padding: 5px 0;
		background-color:#eee;
		background-image:url(../Images/Template_images/Backgrounds/Bottom_HomepageImage_Final.png);
		background-size: cover;
		background-repeat: no-repeat; 
	}
		.elected-container {
			width:100%;
			height:auto;
		}
/*##### End frontpage ##### */
/**** Large Template ****/
	/*
	.main-content-lg {
		max-width:100%;
		min-height:100%;
		margin:0 auto;
		padding:15px 0;
		left:0;
		text-align:left;
		clear:both;
		background-color: #fff;
	}
	*/
	.main-content{
		min-height:100%;
		margin:0 auto;
		padding: 0 10px 10px 0;
		text-align:left;
		clear:left;
		float:left;
	}
	.right-nav-container {
		max-height:100%;
		margin:0 auto;
		padding:0 10px 10px;
		text-align:left;
		clear:right;
		float:right;
		border-radius: 4px;
		background-color:#003b5d;
	}
/**** Large Template ****/
	.main-content-container {
		min-width: 992px;
		max-width:100%;
		min-height:100%;
		margin:0 auto;
		padding:15px 0 10px 0;
		left:0;
		text-align:left;
		clear:both;
	}
	
/**** End Large Template ****/

	.footer-container {
		width:100%;
		min-height:200px;
		padding:0;
		margin:0 auto;
		clear:both;
		font-size:1em;
		border-top:4px solid #B44E00;
		background-color:#003b5d;
	}
	.footersMenu {
		width:70%;
		margin:0 auto;
		padding:0 10px;
		float:left;
		text-align: left;
	}
	.footer-content {
		width:30%;
		min-height:200px;
		margin:0 auto;
		padding:0 10px;
		float:right;
		color:#fff;
		text-align: left;
	}
	.footer-content a {font-size:1em;text-decoration:none;color:#fff;}
	.footer-content a:hover {text-decoration:underline;color:#B44E00;}
	.copyright {
		width:100%;
		height:40px;
		margin:0 auto;
		padding: 5px 0;
		background-color:#000;
		border-top:2px solid #ccc;
		color:#fff;
		font-size: .95em;
		clear:both;
		text-align: center;
	}
	.copyright a {color:#fff;}
}

@media screen and (min-width: 1200px) {
	#top-nav-bar {
		width:100%;
		height:115px;
		clear:both;
		padding:0;
	}
	span.topimages {width:20px;height:20px;}
	.header-container {
		width:100%;
		height:100.016666px;
		margin:0 auto;
		padding:0;
		clear:both;
	} 
	.header-bg {width:100%;height:100px;}
	.header-left {
		width:30%;
		height:100%;
		padding-top:10px;
		float:left;
	}
		.logo-seal {
			width:380px;
			min-height:132px;
			max-height:152px; 
			float:left;
			background-image:url("../Images/Template_images/Logo/CityLogo-300x100.png");
			background-repeat:no-repeat;
		}
	.header-body {
		width:70%;
		height:100%;
		margin:0 auto;
		float:right;
		clear: right;
	}
		.logo-nav {
		  width:100%;
		  height:100%;
		  margin-bottom:0px;
		}
		/*.logo-name {
		  width:380px; 
		  float:right;
		  min-height:70px;
		  max-height:80px;
		  background-image:url(../Images/Template_images/header/Helena-Logo-250-3.gif);
		  background-repeat:no-repeat;
		}*/
	.header-right {display: none;}
	.menu-container {
		width:100%;
		min-height:41px;
		margin:0 auto;
		margin-top:-30px;
		padding:0 0 0 170px;
		clear:both;
	}
	.sub-menu-container {
      width:100%;
      min-height:30px;
      margin:0 auto;
      padding:0;
      clear:both;
}
	
	.search-holder {position:relative;height:30px;padding:0;float:right;z-index: 4500;}
	.search-holder {}
	#quicksearch .quicksearch-sword {float:left;}
	.quicksearch-submit {float:right;}

	.sticky {
      position:fixed;
      max-width:100%;
      left:0;
      top:0;
      z-index:2704;
      border-top:0;
      background-color:rgba(14,75,136,.99);
      height:0px;
	}
/*** Department images and name
	.dept-wrap {min-width:1000px;max-width:100%;height:107px;padding:5px;margin:0;background-color: none;}
	.dept-name {width:100%;height:100px;padding:0;margin:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
		background-image: url(../images/Dept/police3.gif);
		background-size: 1130px 100px;
	}
	.dept-name .img {width:1100px;height:100px;} ***/
	.content-container {
		position:relative;
		width:100%;
		min-height:100%;
		max-Height:10000px;
		margin:0 auto;
		padding:0;
		clear:both;
	}
	.main-container {width:100%;margin:0;padding:0;position:relative}
	.main-content-container {width:100%;float:left;text-align:left;}
/**** Page Template ****/
	.image-content {
		max-width:100%;
		min-height:250px;
        max-height:450px;
		margin:0 auto;
		padding:0;
		left:0;
		top:0;
		text-align:left;
		clear:both;
		float:none;
	}
	.image-content img.image-embed-item {max-width:100%;max-height:450px;}
	.page-content-container,.main-content-fp {
		width:100%;
		min-height:100%;
		margin:0 auto;
		padding:0;
		left:0;
		top:0;
		text-align:left;
		clear:both;
	}
	.main-content-fp {background-color: #EEE; }
	.main-content-fp .col-xs-12 .col-sm-12 .col-md-12 .col-lg-12 {padding:0;}
	.main-content {width:100%;min-height:100%;text-align:left;}
/**** End Page Template ****/
/**** Frontpage ****/
	.bannerwrap {
		width:100%;
		min-height: 350px;
		margin: 0 0 -5px 0;
		padding:0;
		background-color:#eee;
		background-image:url(../Images/Template_images/Backgrounds/Homepage-Background.jpg);
		background-size: cover;
		background-repeat: no-repeat; 
		clear:both;
	}
		.banner-container {
			width:100%;
			min-height: 100%;
		}
	.welcomewrap {
		width:100%;
		min-height: 300px;
		margin: 0 auto;
		padding: 15px 60px;
		background-color:#eee;
		clear:both;
	}
		.welcome-container {
			width:100%;
			min-height: 100%;
		}
	.container-wide {
		margin:0 20px;
	}
		.whatsupwrap {		
			width:100%;
			min-height: 400px;
			margin: 0 auto;
			padding:5px 0 0 0;
			background-color: #fff;
		}
			.whatsup-container {
				width:100%;
				min-height: 100%;
				background-color:#fff;
			}
	.connectwrap { display:none;
		/*width:100%;
		min-height: 400px;
		margin: 0 auto;
		padding: 15px 0;
		background-color:#ccc;*/
	}
		.connect-container {display:none;
			/*width:100%;
			min-height: 100%;*/
		}
	.electedwrap {
		width:100%;
		height:260px;
		margin: 0 auto;
		padding:10px 0 0 0;
		background-color:#eee;
		background-image:url(../Images/Template_images/Backgrounds/Bottom_HomepageImage_Final.png);
		background-size: cover;
		background-repeat: no-repeat; 
	}
		.elected-container {
			width:100%;
			min-height: 100%;
		}
/**** End frontpage ****/
	.main-content{
		min-height:100%;
		margin:0 auto;
		padding: 0 10px 10px 0;
		text-align:left;
		clear:left;
		float:left;
	}
	.right-nav-container {
		max-height:100%;
		margin:0 auto;
		padding:0 10px 10px;
		text-align:left;
		clear:right;
		float:right;
		border-radius: 4px;
		background-color:#003b5d;
	}
/**** Large Template ****/
	.main-content-container {
		min-width: 1100px;
		max-width:100%;
		min-height:100%;
		margin:0 auto;
		padding:15px 0 10px 0;
		left:0;
		text-align:left;
		clear:both;
	}
/**** End Large Template ****/
	.footer-container {
		position:relative;
		width:100%;
		min-height:230px;
		max-height:600px;
		padding:0;
		margin:0 auto;
		clear:both;
		font-size:1em;
		border-top:4px solid #B44E00;
		background-color:#003b5d;
	}
	.footersFiller {
		width:100%;
		height:100%;
	}
	.footersMenu {
		width:80%;
		max-height:600px;
		margin:0 auto;
		padding:0;
		float:left;
		text-align: left;
	}
	.footer-content {
		width:20%;
		max-height:600px;
		margin:0 auto;
		padding:0 10px;
		float:right;
		color:#fff;
		text-align: left;
	}
/*	.footer-content a {font-size:1em;text-decoration:none;color:#fff;}
	.footer-content a:hover {text-decoration:underline;color:#B44E00;}*/
	.copyright {
		width:100%;
		height:40px;
		margin:0 auto;
		padding: 5px 0;
		background-color:#000;
		border-top:2px solid #ccc;
		color:#fff;
		font-size: 1.2em;
		clear:both;
		text-align: center;
	}
	.copyright a {color:#fff;}
}