/* 
========================
  GRIDINATOR CSS v0.3
  http://gridinator.com/
  
  Your grid settings:
  	columns: 16
  	column width: 30px
  	column margin: 5px
  	container margin: 10px
    
=========================
*/
* { /* quick reset */
	margin: 0;	
}

body { 
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 320px;
}

.wrapper, #footerwrapper, #header {
	margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */
	text-align: left;
	width: 100%;
}

.inner-wrapper, .footercontent, .inner-header {
	clear: both;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	padding: 0 3% 0 3%;
	position: relative;
	width: 94%;
}

#sites {width: 100%; font-size: .8em; text-align: left; float: none; display: none;}

.container {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;	
}
.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col, .thirteen-col, .fourteen-col, .fifteen-col, .sixteen-col {
	clear: none;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: none;
	margin: 0 5px 1em 0;
	padding: 1em 0 0 0;
	position: relative;
}
.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, twelve-col, .thirteen-col, .fourteen-col, .fifteen-col, .sixteen-col {width: 100%;}


.prefix-one, .prefix-two, .prefix-three, .prefix-four, .prefix-five, .prefix-six, .prefix-seven, .prefix-eight, .prefix-nine, .prefix-ten, .prefix-eleven, .prefix-twelve, .prefix-thirteen, .prefix-fourteen, .prefix-fifteen, .prefix-sixteen, .suffix-one, .suffix-two, .suffix-three, .suffix-four, .suffix-five, .suffix-six, .suffix-seven, .suffix-eight, .suffix-nine, .suffix-ten, .suffix-eleven, .suffix-twelve, .suffix-thirteen, .suffix-fourteen, .suffix-fifteen
 {margin-left: 0; margin-right: 0;}


.clear { /* Useful generic clearing class. */
	clear: both;
}
.last-col {
	margin-right: 0;
}

/*** Design Specific ***/


body, html {background: none; background: #003a67; margin: 0; padding: 0;}

#header {padding: .5em 0 1em 0;}

.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col, .thirteen-col, .fourteen-col, .fifteen-col, .sixteen-col {
	padding: 0;
	border-bottom: 2px solid #ccc;
	clear: both;
}

#pagecontent .thirteen-col.topnews a{clear: both; margin: .75em 0; padding: 0; border-radius: .5em; display: block;}

.thirteen-col .topnews {display: block;  text-decoration: none; background: #ccc; padding: 1em 0; margin: 1em 0; background: #194b80; text-shadow: none; border-radius: .5em; }

.prefix-three.topnews:hover {background: #479CD6;}

#pagecontent .thirteen-col.topnews.alert {background: none; padding: 0;}

#pagecontent .thirteen-col.topnews.alert a {background: rgba(221,86,49,.85); padding: 1em 0; display: block;}
#pagecontent .thirteen-col.topnews.alert:hover {background: none; -webkit-box-shadow: none;}

.thirteen-col.topnews.alert a:active {background: #D25530;}


/*** Main Nav ***/

.menupanel {
	border: 2px solid #bbb; 
	display: block; 
	padding: 0;
	margin: 0;
	position: absolute;
	left: 3%;
	border-radius: .5em;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.6);
	z-index: 100;
	overflow: hidden;
  -webkit-animation-name: fade-in;
	-webkit-animation-duration: .5s;
 -webkit-animation-timing-function: ease-in-out;
 }


.control {
  background: #eee;
  border-radius: .3em; 
  margin: .2em 0; 
  padding: 0 .4em;
}

.control a {
	background: #4AA0D9; /* old browsers */
	background: -moz-linear-gradient(top, #4AA0D9 0%, #2977B9 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4AA0D9), color-stop(100%,#2977B9)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4AA0D9', endColorstr='#2977B9',GradientType=0 ); /* ie */
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.7);
	display: inline-block;
	text-decoration: none;
	-webkit-border-radius: .6em;
	border-radius: .6em;
	padding: .5em 1em;
	margin: .2em 0 .2em 0;
	font-size: .9em;
}

#pagecontent #wrapper .three-col.navigation ul {padding: 0; margin: 0; display: block;}

#pagecontent #wrapper .three-col.navigation {background: green; width: 100%; margin-top: 0;}

#pagecontent #wrapper .three-col.navigation .menupanel ul li {
	font-size: 1em;
	margin: 0;
	width: 300px;
	background: #fff;
	background: rgba(255,255,255,.95);
	padding: 0;
	display: block;
	border-bottom: 1px solid #ccc;
}

#pagecontent #wrapper .three-col.navigation .menupanel {margin: 0; padding: 0;}

#pagecontent #wrapper .three-col.navigation ul li:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}

#wrapper .three-col.navigation {margin: 0; padding: 0;}

#pagecontent #wrapper .three-col.navigation ul li a {
	border-radius: 0;
	padding: .75em 0;
	padding: .75em .5em;
	display: block;
	text-shadow: none;
	color: #444;
	font-size: .75em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	width: 100%;
}

#pagecontent #wrapper .three-col.navigation ul li a.last {border-bottom: none;}

#wrapper .three-col.navigation ul li a:hover, .three-col.navigation ul li a:active {background: #eee; padding: 0; }

html.cssanimations #wrapper .three-col.navigation ul li a:hover {padding-left:0;}

#wrapper .navigation ul li.selected a, #wrapper .navigation ul li.selected a:hover {border: none; overflow: hidden; background: #ccc; color: #003a67; padding: 0;}


#wrapper {background: #eee; padding: .2em 0 0 0; border-radius: 0; margin-top: 0;}
#header {padding-bottom: 1em; height: 1.5em;}

#header .three-col.logo {width: 100%; border-radius: none;}
#header .three-col.logo h1 a{background: none; background: url(../img/header/h1_small.gif) top left no-repeat; height: 35px; display: block;  background-size: cover;}

/*** Search ***/

#pagecontent #header .search  form{margin: 0 3.5% .4em 0; padding: 0 3% 0 0;  position: relative;   right: 3%; }

#pagecontent #header .inner-header {padding: 0; margin: 0; width: 100%; height: 40px; }

#pagecontent #header .search form input[type="search"] {background: #fff; width: 8.6em; float: right; padding: 6px 5px;  border-radius: .5em; color: #003a67;}
html.cssanimations #pagecontent #header .search form input[type="search"]:hover, html.cssanimations #pagecontent #header .search form input[type="search"]:focus {width: 8.6em;}
 
html.webgl #pagecontent #header .search form input[type="search"] { width: 7.3em; height: .95em;}

html.ie9 #pagecontent #header .search form input[type="search"] {width: 48%; margin-left: 0em; margin-right: 0;}

#pagecontent #header .search form button {display: none;}

#pagecontent #header .eight-col.search form {
	text-align: right; 
	width: 14.8em;  
	margin: 0; 
  padding-top: .3em;
	display: block; 
	border-radius: .3em; 
	float: right; 
	padding-right: 0;
	font-size: .75em;
	text-align: right;
}

.inner-wrapper {
	background: none;
	width: 100%:
	-webkit-border-top-left-radius: .4em;
	-moz-border-radius-topleft: .4em;
}



#footer {background: none; border-top: none; padding: 0;}

.inner-header {margin: 0; padding: 0; }

#header .eight-col.prefix-five.last-col {
	margin:  5em 1em 1em .75em;
	padding: 0;
	text-align: left;
	float: none;
	clear: both;
	width: 100%;
	border: none;
}

#header .eight-col.prefix-five.last-col form {float: none; width: 100%;}

#header .twelve-col.prefix-four.last-col.topnavigation {
	font-size: .8em;
	margin: 0 0 .5em 0;
	display: none;
}

#footer .awards {display: none;}

#header .topnavigation {text-align: left; margin: 0 0 1em 0;  vertical-align: middle; clear: both; padding: 0 0 1em 0; display: inline-table; border: none; float: none; width: 100%; }

#header .topnavigation ul {display: block; float: none; text-align: center; margin-left: .5em; width: 100%;}
#header .topnavigation ul li a {background: rgba(0,0,0,.2); color: #fff; padding: .75em .5em;  margin: .3em .1em; display: inline-block; font-size: .9em;  }
#header .topnavigation ul li a:hover {background: rgba(0,0,0,1);}

#wrapper .content {padding: 0; margin: 0;}

#wrapper .content p,
#wrapper .content ol,
#wrapper .content li,
#footer.content dl,
#wrapper .content dl
{
	padding: 0;
}

#wrapper .content ul {margin: 0; padding: 0;}

#pagecontent #wrapper .navigation ul li {	background: url(../img/icons/icons.png) right 5px no-repeat; margin-bottom: 0; padding-bottom: 0; }

#wrapper .subnavigation ul li.selected a,
#pagecontent.home #wrapper .navigation ul li.home a, 
#pagecontent.homepage #wrapper .navigation ul li.home a, 
#pagecontent.services #wrapper .navigation ul li.services a, 
#pagecontent.government #wrapper .navigation ul li.government a, 
#pagecontent.business #wrapper .navigation ul li.business a, 
#pagecontent.resident #wrapper .navigation ul li.resident a, 
#pagecontent.visit #wrapper .navigation ul li.visit a, 
#pagecontent.information #wrapper .navigation ul li.information a,
#pagecontent.towns #wrapper .navigation ul li.towns a {
  background: #4AA0D9; /* old browsers */
	background: -moz-linear-gradient(top, #4AA0D9 0%, #2977B9 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4AA0D9), color-stop(100%,#2977B9)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4AA0D9', endColorstr='#2977B9',GradientType=0 ); /* ie */
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.4);
	border: none;
}

#pagecontent #wrapper .three-col.navigation {margin-bottom: 2em;}

#header a.feedback {display: none;}

.content.right {border-right: 0px solid rgba(0,0,0,.1);}
.content.left {border-left: 0px solid rgba(0,0,0,.1);}

ul.bannerlisting {background: #eee;}

#footer dl {border-top: 1px solid rgba(255,255,255,.1); padding: .5em 0 .5em 0;}
.local img {display: none;}
.photos {display: none;}

#wrapper.wrapper .inner-wrapper .thirteen-col .content h3 { 
	font-size: 1.1em; 
	background: none;  
	font-weight: normal; 
	padding: .4em 0; 
	text-transform: capitalize; 
	margin: .5em 0 .45em 0; 
	color: #E06E46; 
	border-radius: none;
	text-shadow: none;
  border-bottom: 1px solid #eee;
}

#pagecontent.homepage #wrapper.wrapper .inner-wrapper .thirteen-col .content h3 {font-size: .9em; margin-left: .55em; margin-bottom: .1em; font-weight: bold;}

#pagecontent.press #wrapper.wrapper .inner-wrapper .thirteen-col .content h3 {padding: .5em 0; margin: 0;}

#pagecontent.homepage #wrapper.wrapper .inner-wrapper .thirteen-col .content h4 {margin-left: .65em;}

#wrapper.wrapper .inner-wrapper .thirteen-col .content h3 span {font-weight: normal; color: #194b80;}

#wrapper.wrapper .inner-wrapper .thirteen-col {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

#wrapper.wrapper .inner-wrapper #accordion {overflow-x: hidden; width: 100%;}

#wrapper.wrapper .inner-wrapper #accordion h3 {border-top: 1px solid #ccc; margin-top: 0; padding: 0; border-radius: .5em; margin-left: 0; padding-left: 0; width: 100%;}

#wrapper .inner-wrapper ul.listing {margin: 0; padding: 0; background: #fff; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);}

#pagecontent #wrapper .accordion dl {background: none;}

#pagecontent #wrapper .accordion.home {background: none;}

#pagecontent.homepage #wrapper.wrapper .inner-wrapper .thirteen-col .content .accordion h4 {margin-left: 0;}

#pagecontent #wrapper .accordion h4.ui-state-default {border-radius: .5em;}

#pagecontent #wrapper .accordion h4.ui-state-active,
#pagecontent #wrapper .accordion h4.ui-state-default {border-top-left-radius: .5em; border-top-right-radius: .5em;}

#pagecontent #wrapper .accordion .expandcontent {background: #fff; margin: 0; padding: 0; width: 100%;}

#pagecontent #wrapper .accordion .expandcontent dl {display: block; padding: 1em;}

#sites {display: none;}

#sites ul.widgets {
	background: rgba(0,0,0,.05); 
	border-top: none; 
	border-bottom: none; 
	font-size: 1.2em;
	padding: 0 0 0 .6em;
}

#sites ul.social {display: none;}

.three-col.design img {display: none;}

#pagecontent .thirteen-col.transparent.static.feature img.banner {display: none;}

#footer dl {margin: 0;}

.toolbar, .breadcrumb {display: none;}

#pagecontent .slideShowWrapper {height: 12em; background: #eee;}

#wrapper ul.bannerlisting {background: #fff; height: 12em;}

#wrapper ul.bannerlisting li {text-align: left; color: #fff; border-radius: .5em;  }
#wrapper ul.bannerlisting li p {color: #fff; text-indent: 0; font-weight: bold; font-size: 1.6em; position: absolute; bottom: 2em; left: 1em;}
#wrapper ul.bannerlisting li p span {display: block; font-weight: normal;}
ul.bannerlisting li a {left: 1em; width: 80%; bottom: 2em;}

#wrapper ul.bannerlisting li a:hover, ul.bannerlisting li a:focus {-webkit-box-shadow: 0 0 6px rgba(255,255,255,.8); background: rgba(0,0,0,.6);}

ul.bannerlisting li.itemone, 
ul.bannerlisting li.itemtwo,
ul.bannerlisting li.itemthree {
	background: none;
	height: 13.3em;
	background: #4AA0D9; /* old browsers */
	background: -moz-linear-gradient(top, #4AA0D9 0%, #2977B9 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4AA0D9), color-stop(100%,#2977B9)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4AA0D9', endColorstr='#2977B9',GradientType=0 ); /* ie */	
}
  
.pagination {clear: both; margin: 2em 0;}  
.pagination div {padding: 1em 0;}
.pagination ul {padding: .5em 0;}
#wrapper .pagination ul li a {padding: .75em 2em; margin: .4em .2em; display: inline-block; border-radius: .5em;}
  
#wrapper .results dl {padding: 0; margin: 0 0 1em 0; border: 1px solid #999; width: 100%; border-radius: .5em; padding: 0; background: #fff;}  

#wrapper .results dl dd.linktype {border-radius: none; border-bottom-left-radius: .5em; border-top-right-radius: .5em;}

#pagecontent #wrapper .results dl dt {border-bottom: none; color: #fff;}
#pagecontent #wrapper .content .results dl dt a {color: #003a67; display: block; background: rgba(0,0,0,.1); padding: .5em 1.5em .5em .5em; margin: 0; border-bottom: none; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em;} 
#pagecontent #wrapper .content .results dl dt a:hover, #pagecontent #wrapper .content .results dl dt a:active {background: #ccc;}

#pagecontent #wrapper .results dl dd {padding: .5em;}

a.sites-toggle {display: none;}

#wrapper .title img, .sharethis, #pagecontent.press .topshare {display: none;}

#pagecontent.press .thirteen-col .content h3 {font-size: .9em;}
#pagecontent.homepage .press ul {border: 1px solid #eee; border-radius: .5em; background: #fff; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.2);}
#pagecontent.homepage .press ul .rsspubdate {margin: 0; padding: .4em; border-bottom-right-radius: .4em; margin-bottom: .5em; }
#pagecontent.homepage .press ul li a.last {padding: .5em;}

#footer .footercontent {background: none; -webkit-box-shadow: none; padding: 0 3%;}

#footer .footercontent dl.awards {background: #fff;}

#pagecontent #wrapper ul.listing {padding-bottom: 1em; }

#pagecontent #wrapper .tagcontent {border-bottom: none; margin-bottom: 1em; border: 1px solid #ddd; border-radius: .5em; padding: 0; border-radius: .5em; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.2);}

#pagecontent #wrapper .thirteen-col .tagcontent a {padding: .75em .5em .75em 26px; background: rgba(255,255,255,.3) url(../img/icons/icons.png) 0% -231px no-repeat;}


#pagecontent #wrapper .thirteen-col .tagcontent a:last {border-bottom: none;}

#pagecontent #wrapper .thirteen-col .tagcontent a:hover {background: rgba(0,0,0,.05) url(../img/icons/icons.png) 0% -291px no-repeat;}

#pagecontent #wrapper .tagcontent .moreinfo ul.taglist li a {padding: .7em 0 .7em 2em; background: rgba(0,0,0,.04) url(../img/icons/icons.png) 0% -350px no-repeat;}

#pagecontent #wrapper .aside {background: #eee;}

#pagecontent #wrapper .aside h4 {border-bottom: none;}

#pagecontent #wrapper .aside ul {border: 1px solid #eee; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.2); border-radius: .5em; margin-bottom: .5em; margin-top: .5em; font-size: 1.1em;}

#pagecontent #wrapper .aside ul li a {border-top: none; padding: .75em;}

#pagecontent #wrapper .aside ul li:last-child a{border-bottom: none;}

#pagecontent #wrapper dl.site-key dt {color: #444; }

#pagecontent #wrapper dl.site-key {padding: .2em; border-radius: .5em; border-bottom: none; border: none; background: none;}

#pagecontent #wrapper .aside .accordion ul {border: none;}
#pagecontent #wrapper p {padding: 0 0 1em 0;}

#pagecontent #wrapper .thirteen-col .title h3 {background: #fff; color: #444; padding-left: 0; margin-left: 0;}
#pagecontent #wrapper .four-col h4 {margin-top: 1.2em;}
#pagecontent #wrapper .four-col .accordion h4 {margin-top: 0; border-radius: .5em;  margin: 0; border: 1px solid #ccc;}

#pagecontent #wrapper .accordion .expandcontent {border: none; padding: 0; margin: 0; overflow-x: hidden; width: 100%;}

table.data {max-width: 100%;}

table.data {font-size: .7em; }

table.data th.name {width: auto;}

.marketingblock {margin: 0; background: none; padding: 0;}

#pagecontent #wrapper ul.listing,
#pagecontent #wrapper .three-col.transparent.calendars {border: 1px solid #eee; border-radius: .5em; background: #fff;  padding: 0; margin: 0 0 1.5em 0; display: block; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.2);}
#pagecontent #wrapper ul.listing li a, #pagecontent #wrapper .three-col.calendars a  {padding: .85em .5em; }

#pagecontent #wrapper .three-col.calendars .pubdate {padding: .4em; display: block;}

#pagecontent #wrapper ul.listing li a:last-child {border-bottom: none;}
#pagecontent #wrapper .thirteen-col ul.listing li a.last {padding: .75em; margin: 0;}

#pagecontent #wrapper .thirteen-col ul.listing li a.rss {background: none;}


dl.snippet dd.image {margin-top: 0; }

#map_canvas {display: none;}

#pagecontent #wrapper dl.snippet.towns {float: none; width: 100%; border: 1px solid #eee; border-radius: .5em; margin: 0 0 1.5em 0;}
#pagecontent #wrapper dl.snippet.towns dd {padding: .3em .5em; border-bottom: 1px solid #ddd;}
#pagecontent #wrapper dl.snippet.towns dt {padding: 0.5em; border-bottom: 1px solid #ddd; font-size: 1em;}
#pagecontent #wrapper dl.snippet.towns dd.phonenumber {border-bottom: none;}

span.tel, .tel, #wrapper dd.tel {
    text-shadow: 0 1px 0 rgba(255,255,255,.8); 
    display: inline-block; 
    margin: 0 0 1em 0;
    padding: .2em .5em;
    border-radius: .4em; 
    border: 1px solid #999;
    text-decoration: none;
    color: #003a67;
    background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* W3C */
 }
 
#wrapper .three-col.subnavigation {margin-bottom: 2em;} 

#wrapper .nine-col.static .content,
#pagecontent.search .inner-wrapper ul
 {background: #fff; border-radius: .3em; padding: 0 .5em;}


#pagecontent .awards dl.snippet {height: 17em;}
 
#pagecontent .four-col.aside ul {background: #fff;} 

#pagecontent.homepage .rssheadline {padding: .4em; }
#pagecontent.homepage .rssheadline a {padding: 0;}

#pagecontent.homepage .calendars .rssheadline a {border-bottom: none;}

#pagecontent.photos .thirteen-col object {display: none;}