/* 768 */

html {border: none; margin: 0; padding: 0; background: #122C48;}
html.ie6 #pagecontent {width: 1140px; margin: 0 auto;}
html {border: none; margin: 0; padding: 0; background: #122C48;}
body {margin: 0;  padding: 0;}

#wrapper {margin: 0 auto 1em auto;  max-width: 1320px;  }
.inner-wrapper {background: url(../../img/backgrounds/blue-left.png) 17.89473% 0% repeat-y;}
#wrapper .navigation {margin: 0;}

#wrapper .thirteen-col.last-col,
#wrapper .thirteen-col.last-col.transparent {
  width: 81.05263%;
  margin: 0;
  border-radius: 0;
  border-top-right-radius: .35em; 
  border-bottom-right-radius: .35em; 
  display: block;
}

html.ie6 #wrapper .thirteen-col.last-col,
html.ie6 #wrapper .thirteen-col.last-col.transparent {background: #fff;}
#wrapper .thirteen-col.last-col .thirteen-col {width: 100%; margin: 0;}
#header .three-col {width: 180px; padding: 10px 10px 0 0px;}
.inner-header {max-width: 1320px; margin: 0 auto; }
html.ie6 .inner-header {padding: 0 10px;}

.inner-wrapper {
  padding: 0;
  height: 100%;
  width: 100%;
  -webkit-border-radius: .4em;
  -moz-border-radius: .4em;
  border-radius: .4em;
  margin: 0;
}

#secondary-footer .inner-footer {padding: 0 5%;}


#wrapper .three-col.navigation {
  width: 18.94736%;
  margin-right: 0;
  background: none;
  filter: none;
}

html.ie7 .navigation ul {margin-top: -1em;}

.navigation ul li,
html.ie6 #wrapper .navigation ul li,
html.ie7 #wrapper .navigation ul li  {
  float: none;
  width: 100%;
  text-align: left;
  height: auto; 
  clear: both;
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  line-height: 1em;
}

.three-col.navigation ul li a {
  padding: 1em;
  height: auto;
  float: left;
  width: 100%;
  display: block;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
}

html.no-flexbox .three-col.navigation ul li a {
  padding: 1em; }


#pagecontent.home .navigation ul li.home a, 
#pagecontent.services .navigation ul li.services a,
#pagecontent.services .navigation ul li.services a:visited, 
#pagecontent.government .navigation ul li.government a, 
#pagecontent.business .navigation ul li.business a, 
#pagecontent.resident .navigation ul li.resident a, 
#pagecontent.visit .navigation ul li.visit a, 
#pagecontent.information  .navigation ul li.information a,
#pagecontent.towns .navigation ul li.towns a {
  background: #295E8D url(../../img/icons/icons.png) -2px -2209px no-repeat;
  background: rgba(255,255,255,.07) url(../../img/icons/icons.png) -2px -2209px no-repeat;
  color: #def;
}

html.ie6 #wrapper .three-col.navigation ul li a {
  padding: 1em;
  height: auto;
  float: left;
  width: 100%;
  display: block;
  border-top: none;
  border-bottom: 1px solid #346492;
}

html.ie8 #wrapper .three-col.navigation ul li a, html.ie7 #wrapper .three-col.navigation ul li a { border-bottom: 1px solid #346492;}
#header .searchbar form input#search {width: 32em; background: rgba(255,255,255,.9);}
html.ie6 #header .searchbar form {float: none;}
html.ie6 #header .searchbar form input#search {background: #fff; display: block; float: none; display: inline-table;}
html.cssanimations #header .searchbar form input#search:focus {width: 36em; background: #fff;}

#map_canvas {height: 450px; margin-bottom: 1em;}

html.ie6 #pagecontent .nine-col {background: purple; width: 60%; margin-right: 2%; overflow: hidden; padding: 0; float: left;}  
html.ie6 #pagecontent .four-col {float: right; width: 25%;}

html.ie6 #footer, html.ie7 #footer {font-size: .9em; }
html.ie6 #footer .four-col { width: 20%; margin-right: 0;}
#footer .content {padding: 0 8%;}
html.ie6 #footer .content {padding: 0;}

#secondary-footer {padding: .25em 1.25em .1em 4.4em;}