/*** RI.gov Portal ***/
/* Leslie Mann, Danny Chapman, RI.gov (RI Interactive), 2012 */

/* _________________________________________________
320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________*/

/*** Reset CSS - Eric Meyer ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1;color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* prevent BG image flicker upon hover */
html.ie6 {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/*** Clearing Floats - Dan Cederholm ***/
.group:after, #primarycontent:after{
  content: ".";
  display: block;
  height: 0;
  overflow: hidden; /* My addition. Not sure it's a good idea, but there you go. */
  clear:both;
  visibility: hidden;
}

.groupleft:after {
  content: ".";
  display: block;
  height: 0;
  clear:left;
  visibility: hidden;
}

.groupright:after {
  content: ".";
  display: block;
  height: 0;
  clear:right;
  visibility: hidden;
}

/*** Type ***/

@font-face {
  font-family: 'JunctionRegular';
  src: url('../../type/junction_02-webfont.eot');
  src: url('../../type/junction_02-webfont.eot?#iefix') format('eot'),
  url('../../type/junction_02-webfont.woff') format('woff'),
  url('../../type/junction_02-webfont.ttf') format('truetype'),
  url('../../type/junction_02-webfont.svg#webfontSlc9PA76') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*** Skip ***/
ul.skip {display: block; float: left; position: absolute; left: -100%;}

/*** Core HTML / Body ***/
html {
  background: #0F2D4D;
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  overflow: auto;
}

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #444;
}

/** Shrink for Landscape - smart phone ***/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
  html {}
  #pagecontent {font-size: 70%;}
  #pagecontent .thirteen-col .content h3 {font-size: 80%;}
}

/*** Boilerplate Styling ***/
button,input,select,textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #404040;}

h1,h2,h3,h4,h5,h6 {
font-family: "JunctionRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #003a67;
}

h1 {font-size: 48px; font-size: 1.25rem; line-height: 1.2;}
h2 {margin-bottom: 0.75em; font-size: 16px; font-size: 1rem; line-height: 1.2;}

h2.subtitle{text-indent: -9500%; overflow: hidden; white-space: nowrap; display: inline; float: left; margin: 0; padding: 0; font-size: 12px; clear: both;}

#header h2  {
	display: none;
}


h3 {
  margin-bottom: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  letter-spacing: 1px;
  color: #003A67;
  text-transform: uppercase;
}

.primary-block h3 {text-transform: none; letter-spacing: none; font-size: 1.4em; text-shadow: none; padding: .2em 0;}
.linkpage h3 {font-size: 1.2em; letter-spacing: 0; text-transform: none;}

h4 {font-size: 18px; font-size: 1.8rem; line-height: 1.25em; padding-bottom: .3em;}
h5 {margin-bottom: 1em; font-size: 16px; font-size: 1.6rem;}
h6 {font-size: 16px;font-size: 1.6rem;}

p,ol,ul,dl,address {margin-bottom: 1.5em; font-size: 16px; font-size: 1em;}

p {line-height: 1.4em; text-shadow: 0 1px 0 rgba(255,255,255,.9);}

ul, ol {margin: .5em 0 1.5em 0; padding: 0;}
ol {margin: 1em 1em 1em .85em;}

li ul, li ol {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6em;
  padding: 1em 0;
  display: block;
}

ul li, ol li  {
  padding: 0 0 .75em 0;
  line-height: 1.4em;
  margin-left: 1.1em;
  list-style: square;
  list-style-position: outside;
}

ol li {list-style-type: decimal;}
dl, dd {margin-bottom: .75em; font-size: 1em;}

dt {
  font-size: 1em;
  font-weight: normal;
  font-family: "JunctionRegular", "Helvetica Nueue", Helvetica, Arial, sans-serif; 
  font-weight: 200;
}

blockquote {margin: 0 0 1.5em -24px; padding-left: 24px; font-style: italic;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
abbr[title] {cursor: help;}
b, strong {font-weight: bold;}

hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #bfbfbf;
}

pre {white-space: pre;  white-space: pre-wrap;  word-wrap: break-word;}
q {quotes: none;}
q:before, q:after {content: "";content: none;}
small {font-size: 14px;font-size: 1.4rem;}
sub, sup {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {top: -0.5em;}
sub {bottom: -0.25em;}


a:focus {outline: thin dotted; color: #ccc;}
a:hover, a:active {outline: 0;}
figure {margin-bottom: 1.5em;}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5em;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
}

table caption {padding: .5em 0; font-size: 1.1em; color: #003a67;}
td, th {padding: .75em;}
tr {border-bottom: 1px solid #ccc;}
th {background: #194b80; color: #fff;}

tfoot {font-style: italic;}
caption {background-color: transparent;}
form {margin: 0;}

table.data.scaleable {max-width: 100%;}
table.data.scaleable thead {position: absolute; left: -350%; }
table.data.scaleable td:first-child {display: block; width: 96%; background: #194b80; color: #fff; padding: 1em 2%; text-align: left; margin: 0 0 1em 0;}
table.data.scaleable td {padding: 0 0 1em 0; clear: both; display: inline-block; float: none;}
table.data.scaleable tr:nth-child(odd) td {background-color: none; }

fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}

legend {border-width: 0;}

label {font-weight: normal;cursor: pointer;}

button, input, select, textarea {font-size: 12px; font-size: 1.2rem; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input {line-height: normal; *overflow: visible;}
button,input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;}
input[type="search"] {box-sizing: content-box;}

button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0;}
textarea {overflow: auto;vertical-align: top;}

html {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #003a67;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

::-webkit-selection {background: #003a67; color: #fff; text-shadow: none;}
::-moz-selection {background: #003a67; color: #fff; text-shadow: none;}
::selection {background: #194b80; color: #fff; text-shadow: none;}
button,input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
::-webkit-input-placeholder {font-size: 14px;}
input:-moz-placeholder {font-size: 14px;}

/*
.ie7 img, .iem7 img {-ms-interpolation-mode: bicubic;}
*/
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;}
input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box;}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0;}

.hidden {display: none;visibility: hidden;}

/*** End of Boiler plate / 320 and Up ***/

/*** Additional Body ***/
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: #0F2D4D;
  margin: 0;
  padding: 0;
}

/*** Core Link Styles ***/
a {color: #337AB1; text-decoration: none;}
a:active {color: #AD1E2D;}
a:hover {color: #003a67; text-decoration: underline;}
a:visited {color: #3391C3;}

/*** Header ***/
#header {
  position: relative;
  background: #143D62;
  border-bottom: 1px solid rgba(255,255,255,.01);
  background: #67a0c7; /* Old browsers */
  background: -moz-linear-gradient(top,  #67a0c7 0%, #143d64 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67a0c7), color-stop(100%,#143d64)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #67a0c7 0%,#143d64 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #67a0c7 0%,#143d64 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #67a0c7 0%,#143d64 100%); /* IE10+ */
  background: linear-gradient(top,  #67a0c7 0%,#143d64 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67a0c7', endColorstr='#143d64',GradientType=0 ); /* IE6-9 */
  width: 100%;
  display: block;
  float: left;
  -webkit-transition: all ease-in-out .2s; 
  z-index: 100; 
  margin: 0;
  height: 3em;
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.35);
}

#header ul {margin: 0; padding: 0;}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
html.cssanimations #header h1 a {background: url(../../img/header/h1-mobile.png) center no-repeat; background-size: cover;}
html.cssanimations #header .search a {background: url(../../img/header/search-mobile.png) center no-repeat; display: block; text-indent: -200%; width: 32px; overflow: hidden; white-space: nowrap; background-size: cover;}
html.cssanimations #header .phonebook a {background: url(../../img/header/phonebook-mobile.png) center no-repeat; display: block; text-indent: -300%; width: 32px; overflow: hidden; white-space: nowrap; background-size: cover; }
html.cssanimations #header .menu {background: rgba(6,39,68,.3) url(../../img/header/menu-mobile.png) center no-repeat; background-size: cover; }
}

#pagecontent.homepage .content {padding: 0;}

#header h1 a {
  display: block;
  background: url(../../img/header/h1-mobile-small.png) center no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 40%; 
  height: 50px; 
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}


/*** Top News ***/
.topnews {
  display: block;
  text-decoration: none;
  padding: 0;
  clear: both;
  background: #7D7D7D;
  background: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2) inset;
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.2) inset;
  box-shadow: 0 3px 6px rgba(0,0,0,.2) inset;
  margin: 1em 0 2em 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .9em;
  font-family: "JunctionRegular", "Helvetica Nueue", Helvetica, Arial, sans-serif; 
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-border-radius: .3em;
}

.topnews.alert {background: #BE6A39; background: rgba(190,106,57,.9);}
.topnews.alert:hover {background: #CD7943;  background: rgba(205,121,68,1);}

.topnews a {
  text-shadow: 0 -1px 0 rgba(0,0,0,.4);
  color: #fff;
  -webkit-border-radius: .4em;
  -moz-border-radius: .4em;
  -o-border-radius: .4em;
  border-radius: .4em;
  padding: 1em;
  line-height: 1.2em;
  display: block;
  text-align: left;
  -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.1);
}

.topnews a em {display: inline-block;   padding: 0; font-style: normal;}
.topnews:hover, .topnews:active { background: #6698CB;}
.topnews a:hover {color: #fff;}

.topnews a span {display: block;}

/*** Core Layout Options ***/
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.topmargin {margin-top: 2em;}
.bottommargin {margin-top: 2em;}
.divider {border-top: 2px solid #ddd; padding: 2em 0; margin-top: 2em; clear: both; }

/*** Breadcrumb ***/
.breadcrumb  {font-size: .8em; color: #555; line-height: 1.4em; width: 100%; display: block; padding: 1em 0;}
.breadcrumb a {text-decoration: none; margin: 0 1px 0 0; color: #777;  display: inline-block; padding: 0 .3em; display: inline-block;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb a:first-child {padding-left: 0;}
.breadcrumb a.last {color: #2E7DBD;}

/*** Link Pages ***/
.results dl a {border-radius: .3em; }
.results dl dt {}
.results dl dt a {
	border-radius: 0;
	margin: 0;
	-moz-border-radius: 0; 
	text-decoration: none; 
	border-bottom: 1px solid #bbb; 
	padding: .2em 0 .15em 0; 
	font-size: 1.2em; 
	font-family: 'JunctionRegular', Helvetica, Arial, sans-serif;
	line-height: 1.2em; 
	margin: 0 1.6em .5em 0; 
	display: inline-block; 
}

.linkblock dl dt em{font-weight: bold; padding: 0 0 1.5em 0;}
.linkblock h3 {background: none;}

.results h2 {font-size: 1.1em; margin-bottom:  .3em; padding: 0 .3em .3em .3em; color: #333; border-bottom: 1px solid #ccc;}
.results h3 em {font-weight: bold; color: #4D5357;}

.results dl{
	border: none;
	padding: 0 0 1.1em 0; 
	border-bottom: 1px solid #E6E6E6; 
	margin: .3em 2% .75em 0;
	position: relative;
}

.results dd {line-height: 1.4em; font-size: .9em; color: #444;}
.results dd.link {color: #5A8E09; overflow-x: hidden;}
.results dd.linktype {position: absolute; right: 0; top: 0; color: #fff; margin: 0 0 2em 0; opacity: .8; font-size: .8em;}
.results dd.tags {display: block; font-style: italic; color: #444; font-size: .8em;}

.results dd.tags a{ 
	font-style: normal; 
	color: #333; 
	padding: .1em .4em; 
	background-color: #eee; 
	background-color: rgba(0,0,0,.07); 
	text-decoration: none; 
	line-height: 1.8em; 
	display: inline-block;
	margin: .15em 0; 
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

#wrapper .results dd.tags a:hover {background-color: #ddd; border-bottom: none;  }

/*** Site Key ***/
dl.site-key {margin: 0 0 1em 0; display: block; background: rgba(0,0,0,.07); padding: .5em; }
html.ie8 dl.site-key {background: url(../img/ie/black10.png) center repeat;}
dl.site-key dd {float: left; font-size: .75em; margin: .5em 1em .25em 0;}
dl.site-key dd span, dd.linktype {color: #fff; padding: .1em .4em; display: inline-block; border-radius: .2em;}
dl.site-key dd.e span, dd.linktype.E {background-color: #62AC1E;}
dl.site-key dd.f span, dd.linktype.F {background-color: #0B1560;}
dl.site-key dd.g span, dd.linktype.G {background-color: #66A8CC;}
dl.site-key dd.m span, dd.linktype.M {background-color: #914000;}
dl.site-key dd.p span, dd.linktype.P {background-color: #F60;}
dl.site-key dd.q span, dd.linktype.Q {background-color: #8B50A4;}

/*** DL Snippets ***/
dl.snippet {border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 1em; position: relative;}
dl.snippet dd {line-height: 1.4em; padding: 0 0 .5em 0; color: #444;}
dl.snippet dd em {font-style: normal; font-weight: bold;}
dl.snippet dd.image {width: 120px;  margin: 0; float: left; margin-bottom: 2em; position: absolute; top: 0;}
dl.snippet dd.image img {float: none; padding: 5px; border: 1px solid #ddd; background: #fff;}
dl.snippet dd.description, dl.snippet dd.service {padding: .4em .2em .4em 140px; margin: 0; display: block; text-align: left; color: #444; margin: 0; float: none; line-height: 1.2em; }
dl.snippet dd.service {color: #003a67; font-style: italic;}
dl.snippet dt  {color: #003a67; font-size: .9em;  display: block; border-bottom: none; font-size: 1.2em; margin-top: 1.3em; line-height: 1.3em; }
dl.adr.snippet dt {padding-left: 0;}

html.ie6 dl.snippet {clear: both;}

dl.snippet.towns dt {font-weight: bold; padding: 0; margin: 0;}
dl.snippet.towns dt a {text-decoration: none; color: #003a67;}
dl.snippet.towns {padding: .5em 0; margin: 0;}
dl.snippet.towns dd {padding: .2em 0;}

dd.title {display: none;}

#map_canvas {display: none;}


.awards dl.snippet { height: 10.5em;}
.awards dl.snippet dt {padding-left: 140px;}
.weather dl.snippet dt {padding: 0; margin: 0;}
.weather dl  {position: relative;}
.content.weather dl dt, #pagecontent .content.weather dl dd.description {margin-left: 70px; padding-left: 0;}
.weather dl dd.weatherimage {position: absolute; top: .3em; left: 0;}

#pagecontent.guide dt {font-weight: normal;}
#pagecontent.guide dt a {font-weight: bold;}
#pagecontent.guide dd {padding: 0;}
#pagecontent.guide dd.description {padding-left: 0; margin-top: 1em; color: #555; font-size: .9em;}

html.ie6 #pagecontent .awards h4 {clear: both;}

/*** Pagination ***/
.pagination {color: #333; clear: both; position: relative; padding: 0 .5em 2em .5em;}
.pagination ul {margin: .3em 0 1em 0; padding: .5em 0; display: block; }
#wrapper .pagination ul li {display: inline-block; list-style: none; margin: 0 .2em 0 0; padding: 0; line-height: 2em; text-align: center;}

.pagination ul li a {
  background: #337AB1; 
  color: #fff; 
  display: block; 
  line-height: 1.3em; text-align: bottom;
  padding: .2em .5em; 
  text-decoration: none;
  border-radius: .2em;
  margin-right: .4em;
  font-size: .9em;
}

.pagination ul li a.prev, .pagination ul li a.next {float: left; display: block; position: inherit; width: auto;}
.pagination ul li a.current {background: #555; font-weight: bold;}
.pagination ul li a:hover {background: #777; text-decoration: underline;}
.pagination ul li a.next {background: #194b80;}
.pagination ul li a.next:hover {background: #003a67; text-decoration: underline;}


/*** Search Results / Phone ***/
.phonebook .results, .smartsearch .results {font-size: .9em;}
.phonebook ul li , .smartsearch ul li {list-style: none;}
.phonebook .results span.tel {display: block; text-shadow: none;}
.phonebook .results span.tel a {background: rgba(0,0,0,.1); text-decoration: none; border-radius: .3em;}

#pagecontent.towns .tel {
  clear: both; 
  background: #003a67;
  display: block;
  margin: .5em .5em .5em 0;
  padding: .3em;
  border-radius: .3em;
  color: #fff;
  text-shadow: none;
  text-align: center;
}

.thirteen-col .phonebook {
  background: #FCF181; /* Old browsers */
  background: -moz-linear-gradient(top, #FFF8C6 0%, #FCF181 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF8C6), color-stop(100%,#FCF181)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFF8C6 0%,#FCF181 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFF8C6 0%,#FCF181 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #FFF8C6 0%,#FCF181 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF8C6', endColorstr='#FCF181',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #FFF8C6 0%,#e5e5e5 100%); /* W3C */
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
  padding: .5em;
}

.smartsearch {
  background: #B8D4C2; /* Old browsers */
  background: -moz-linear-gradient(top, #D2E9D0 0%, #B8D4C2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D2E9D0), color-stop(100%,#B8D4C2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #D2E9D0 0%,#B8D4C2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #D2E9D0 0%,#B8D4C2 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #D2E9D0 0%,#B8D4C2 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E9D0', endColorstr='#B8D4C2',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #D2E9D0 0%,#B8D4C2 100%); /* W3C */
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
  padding: .5em;
}

.smartsearch h4 {font-size: 1.4em;}

a.title {color: #201DC3; font-size: 1.1em;}

a.title:hover, #wrapper a.title:active {text-decoration: underline;}
.searchresults img {float: right;}

.searchresults {background: #fff; display: block; padding: .5em 0;}
.primary-block .searchresults h3 {font-size: .8em;}

ul.results li {list-style: none; margin: 0 0 .25em 0;}
.url {color: #2E7649; margin-bottom: 1.5em; overflow-x: hidden;}

/*** Core Mobile Design - Footer ***/
#footer {
  background: #0F2D4D;
  background: rgba(15,45,77,.9);
  -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.5) inset;
  padding: 1em 0 0 0;
  display: block;
  width: 100%;
  margin: 0;
}

html.ie7 #footer, html.ie8 #footer {background-color: none; background: transparent url(../../img/ie/dark_blue.png) center repeat;}

#footer .content {margin: 0 auto .5em auto; /* padding: 0 .75em */ padding: 0;}
#footer dl {font-size: 1em; }

#footer dt a {
  border: 1px solid rgba(255,255,255,.1); 
  background: rgba(255,255,255,.03) url(../../img/icons/icons.png) 100% 13px no-repeat;
  color: rgba(255,255,255,.8); 
  padding: .85em .75em; margin: 0 auto; 
  display: block;
  width: 89%;    
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  text-transform: uppercase;
  -webkit-box-shadow: 2px 3px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 2px rgba(0,0,0,.2);
  box-shadow: 2px 3px 2px rgba(0,0,0,.2);
}

#footer dt a:visited, #footer dt a:active {color: #fff; text-decoration: none;}

html.ie8 #footer dt {float: left; width: 100%;}

#footer dt a:hover, #footer dt a:active {color: #def; background: rgba(255,255,255,.1) url(../../img/icons/icons.png) 100% 13px no-repeat;}

#footer dd, #footer ul, #wrapper .four-col.local ul.listing,#wrapper .four-col.alerts ul.listing, #wrapper .four-col.calendars ul.listing, #wrapper .four-col.feedback .content ul,  #wrapper .four-col.feedback .content p, #wrapper .five-col.calendars p {display: none;}

#footer dd a {-webkit-transition: none; display: block}

/*** Secondary footer ***/
#secondary-footer {
  border-top: 1px solid #E5A04E;
  background: #051C33;
  background: rgba(5,28,51,.92);
  clear: both;
}

#secondary-footer ul li {display: inline; color: #fff; font-size: .8em; margin: 0 2em 0 0;}
#secondary-footer ul li a {color: #fff;}
#secondary-footer li.copyright {display: block; color: #def;}

/*** Homepage ***/
.thirteen-col.home h3 a {
  display: block;
  font-weight: normal;
  margin: 1em .2em;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  padding: 1em .65em .75em .65em;
  background: #888  url(../../img/icons/icons.png) 100% 13px no-repeat;
  border-radius: .35em;
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.1);
  -moz-box-shadow: 2px 3px 2px rgba(0,0,0,.2);
}

.thirteen-col.home h3 a:hover, .thirteen-col.home h3 a:active {opacity: 1;}

#wrapper .thirteen-col.home #services h3 {margin-bottom: 0; }
.thirteen-col.home #services h3 a {background: none; color: #003a78; -webkit-box-shadow: none; text-shadow: none; padding-left: 0; -webkit-font-smoothing: antialiased;}
body.homepage h3 a:hover, body.homepage h3 a:active {background: #589DDF url(../../img/icons/icons.png) 100% -47px no-repeat;}

/*** Accordion ***/
.accordion {margin: 0; width: 100%; padding: 0;}
.accordion dt {display: none; font-size: .95em;}
.accordion h4 {font-size: .9em;}
.accordion h4:first-child { -webkit-border-top-left-radius: .5em; -webkit-border-top-right-radius: .5em; -moz-border-radius-topleft: .5em; -moz-border-radius-topleft: .5em;}

.expandcontent {background: #D1E3ED; background: rgba(255,255,255,.93); padding: 0; margin: 0;    }
.expandcontent dl {margin:0; padding: 0 .9em; font-size: .8em; text-align: right; background: #D1E3ED; }
.expandcontent dd {padding: 0;}

html.no-js #pagecontent .accordion h4 {display: block; clear: both;  margin: 0; padding: 0; width: 100%;}

#wrapper .expandcontent dl a {border: 1px solid #eee; margin: 0; border-radius: 1em; text-align: center; display: block; padding: .5em .5em; color: #003a67; background: #fff;  text-shadow: 0 1px 0 rgba(255,255,255,.8);}
html.no-js #wrapper .expandcontent dl a {text-align: left;}
#wrapper .expandcontent dl a:hover,
#wrapper .expandcontent dl a:active {background: #ddd; background: rgba(0,0,0,.15);}

/*** Full court Press ***/
#wrapper .five-col.press {background: #fff; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); margin: 0 .2em 1em .2em; -webkit-border-radius: .3em; padding: 0 .5em .5em .5em;}
#wrapper .five-col.press h3 a, #services h3 a {background: none; -webkit-box-shadow: none; text-shadow: none; color: #003a67; padding: .5em 0em; margin: 0; font-size: 1.2em;}

#pagecontainer.press .thirteen-col a {border-bottom: 1px solid #eee;}

.topshare #rdbWrapper {padding: 1em 0 0 0; float: right; text-align: right;}
.topshare {text-align: right;}

.entry-content {border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 1em;}

.sharethis {display: none;}

/*** Sliders (Not the burger kind) ***/
#services {background: #fff; margin: 0 0 1.5em 0; border-radius: .3em; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); padding: 0 .25em;}

/*** Listing List Styles ***/
ul.listing {margin: 0 0 1em 0; padding: 0; font-size: .95em; display: block;}
ul.listing li {list-style-type: none; border-bottom: 1px solid #ddd; margin: 0; padding: 0; }
ul.listing li:last-child, #wrapper .inner-wrapper .navigation ul li {border-bottom: none;}

ul.listing li a {
  display: block; 
  text-decoration: none; 
  margin: 0; 
  padding: .35em 1.6em .75em 0; 
  background: url(../../img/icons/icons.png) right 5px no-repeat; 
  -webkit-transition: background-color .1s ease-in-out; 
  -moz-transition: background-color .1s ease-in-out; 
  transition: background-color .1s ease-in-out; 
}

ul.listing li a:hover, #wrapper .inner-wrapper ul.listing li a:active {background: rgba(0,0,0,.05) url(../../img/icons/icons.png) 100% -55px no-repeat; text-decoration: underline;}
html.ie8 ul.listing li a:hover, 
html.ie8 ul.listing li a:active {background: #E5E7E8 url(../../img/icons/icons.png) 100% -55px no-repeat; text-decoration: underline;}
ul.listing li a.last {background: transparent url(../../img/icons/icons.png) 100% -55px no-repeat; color: #003a67; }
ul.listing li a.last:hover, #wrapper .inner-wrapper ul.listing li a.last:active {background: rgba(45,124,189,.15) url(../../img/icons/icons.png) 100% -115px no-repeat;}
ul.plain li {list-style: none; margin: 0; padding: 0;}

/*** Jquery UI ***/

/*** Layout helpers ***/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/*** Interaction Cues ***/
.ui-state-disabled { cursor: default !important; }

/*** states and images ***/
.ui-icon { display: block; text-indent: -100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; }

/*** Overlays ***/
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*** Component containers ***/
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget-content {  background: #fff; color: #222; }
.ui-widget-content a { color: #222; }
.ui-widget-header { border: 1px solid #ccc background: #0f2d4d; color: #fff; font-weight: bold; }


/*** Interaction states ***/
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default { border: 1px solid #ccc; background: #0f2d4d; font-weight: normal; color: #003a67; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; text-decoration: none; text-transform: uppercase; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background: #0f2d4d]; font-weight: normal; color: #fff; }

.ui-state-hover a, .ui-state-hover a:hover { color: #def; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ccc; background: #2F74A6; font-weight: normal; color: #fff; }
.ui-state-active a, .ui-state-active h3 a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; text-transform: uppercase; }
.ui-state-active.ui-state-hover a {color: #fff;}
.ui-state-default.ui-state-active a {color: #fff;}
.ui-widget :active { outline: none; }

span.ui-icon.ui-icon-triangle-1-e, span.ui-icon.ui-icon-triangle-1-s { background: url(../../img/icons/icons.png) 100% -2px no-repeat; width: 20px; height: 20px; display: block;}
span.ui-icon.ui-icon-triangle-1-s {background: url(../../img/icons/icons.png) 100% -2162px no-repeat;}

/*
* jQuery UI Accordion 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: .75em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }


/*** Static **/
#wrapper .inner-wrapper .static {background: #fff; background: rgba(255,255,255,.9); padding: 0; }

/*** Subnavigation ***/
#wrapper .subnavigation h4 {padding: .5em; margin: .75em 0 0 0;}
#wrapper .subnavigation ul li {padding: 0; margin: 0; list-style: none; font-size: .9em;}
#wrapper .subnavigation ul li a {color: #003a67; text-shadow: 0 1px 0 rgba(255,255,255,.7); padding: .5em; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(255,255,255,.2); border-radius: 0; display: block;}
#wrapper .subnavigation ul li a:hover {background: rgba(0,0,0,.05); text-decoration: underline; color: #2F7EBF; }
#wrapper .subnavigation ul li.last a {border-bottom: none; background: none;}
#wrapper .subnavigation ul li.selected a {background: rgba(111,158,204,.4);}
#pagecontent #wrapper .subnavigation ul {margin: .5em 0 1em 0; padding: 0;}

/*** Press / RSS ***/
#wrapper .press ul {margin-top: 0; padding-top: 0; font-size: .95em;}
#wrapper .four-col.press ul li {padding: 0; margin: 0; list-style: none; list-style-type: none;}
#wrapper .press ul li a {display: block; padding: .5em 0; margin: 0; border-bottom: 1px solid #ddd;}
#wrapper .press ul li:hover {background: rgba(0,0,0,.02);}

.rsspubdate {color: #444; padding: .2em .4em .2em 0;  display: inline-block; margin: 0; font-size: .9em; text-shadow: 0 1px 0 rgba(255,255,255,.8);}

#pagecontent.homepage .rsspubdate {/*background: #E8EBED; background: rgba(0,0,0,.06); */ font-size: 1em; display: block; }

html.ie8 #pagecontent.homepage .rsspubdate {background: #E8EBED;}
.rssdescription {padding-bottom: 1em; margin-bottom: 0; color: #444; font-size: .9em; line-height: 1.3em; }
.rssheadline {margin: 0; padding: 0 0 .4em 0;}
.rssheadline a {text-decoration: none; color: #003a67; margin: 0; margin-top: 0; line-height: 1.2em;}
.rssheadline a:hover {text-decoration: underline;} 

.press .rssdescription {border-bottom: solid 1px #DDDDDD; margin-bottom: .8em; }
.presshead .rssheadline {border-bottom: solid 1px #DDDDDD; margin-bottom: .8em; }

/*** Aside ***/
#wrapper .four-col.aside  .content {-webkit-box-shadow: none; padding: 1em 0; font-size: .9em; margin-top: 2em; }
html.ie6 #wrapper .aside {background: #EAEEF2; padding-bottom: 1em; position: relative; right: -25px;}
html.ie6 #wrapper .aside .content {padding: 0 0 1em 1em;}
html.ie6 #wrapper .aside .content ul li {float: left; width: 100%; margin: 0; padding: 0;}
#wrapper .aside h4 {color: #194b80; font-size: 1.1em; margin: 1em 0 .5em 0; padding: 0 .4em .2em 0; font-weight: normal; border-bottom: 2px solid #003a67;}
#wrapper .aside #bulletlist h4 {margin: 0; font-weight: normal; font-size: .9em;}
#wrapper .aside #bulletlist {margin-bottom: 1.5em; background: #fff; background: rgba(255,255,255,.8);}
#wrapper .aside a {text-decoration: none;}
#wrapper .aside a:hover {text-decoration: none;}
#wrapper .aside h4 a {text-decoration: none; }
#wrapper .accordion .aside h4 a {color: #fff; font-size: .9em;}
#wrapper .accordion .expandcontent {font-size: .9em; line-height: 1.4em; padding: 0;}
html.no-js #wrapper .accordion .expandcontent {background: #fff; border-bottom: 2px solid #ccc;}

#wrapper .aside .accordion .expandcontent {padding: .5em;}
#wrapper .accordion .expandcontent dl {padding: 1em;}
#wrapper .aside ul {font-family: Helvetica, Arial, sans-serif; margin: 0 0 2em 0; padding: 0;}
#wrapper .aside p {font-family: Helvetica, Arial, sans-serif; margin-bottom: 2em;}

#wrapper .four-col.aside ul li {color: #555; list-style: none; list-style-type: none; list-style-position: inside; padding: 0; margin: 0; display: block;}
html.i6 #wrapper .aside ul li, html.ie7 #wrapper .aside ul li {float: left; width: 100%;}

#wrapper .aside ul li a {
    font-weight: normal; 
    margin: 0; 
    color: #666666; 
    text-decoration: none; 
    border-top: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(0,0,0,.2); 
    display: block; 
    padding: .5em 0;
}

html.no-rgba #wrapper .aside ul li a {border-bottom: 1px solid #B6BABC;}

#wrapper .aside ul li a.last, #wrapper .aside ul li a.last:hover {border-bottom: none;}
#wrapper .aside ul li a:hover {color: #555; background: #eee; background: rgba(0,0,0,.1); border-bottom: 1px solid #ccc;}

/*** Tag list ***/
#wrapper ul.taglist li {
	border-bottom: none; 
	list-style: none; 
	list-style-position: inside; 
	color: #003a67;
	display: block;
	width: 100%;
	margin: 0;
  padding: 0;
}

#wrapper ul.taglist {padding: 0; margin: 0 0 1.5em 0;}
#pagecontent #wrapper ul.taglist li a {display: block; padding: .18em 0 .2em 1.9em; background: rgba(0,0,0,.05) url(../../img/icons/icons.png) 0% -357px no-repeat;  margin: 0;  }
#wrapper ul.taglist li a:hover, #wrapper ul.taglist li a:focus {background: rgba(0,0,0,.1) url(../../img/icons/icons.png) 0% -417px no-repeat; text-decoration: underline;}

html.ie8 #wrapper ul.taglist li a, html.ie7 #wrapper ul.taglist li a  {background: #ECF0F2 url(../../img/icons/icons.png) 0% -357px no-repeat;}
html.ie7 #wrapper ul.taglist {margin: 0; padding: 0; width: 100%; display: block;}
html.ie7 #wrapper ul.taglist li {clear: left; float: left; width: 100%;}
html.ie7 #wrapper ul.taglist li a {margin: 0; padding: 0; width: 100%; display: block; float: left; width: 100%;}

html.ie6 #pagecontent #wrapper ul.taglist li a {background: none; clear: left; padding-left: 1.4em; display: block; overflow: hidden;}
html.ie6 #pagecontent #wrapper ul.taglist li {display: block; list-style-type: square; margin: 0; padding: 0; clear: both;}
html.ie6 #pagecontent #wrapper ul.taglist li a {padding: 0 0 0 0; margin: 0 0 0 0; display: block; list-style: none;}
html.ie6 #pagecontent #wrapper .moreinfo {float: left; width: 100%; margin: 0 0 0 .5em;}

#wrapper ul.taglist li a em {font-style: normal; color: #555;}
#wrapper .tagcontent {padding: 0 0 1em 0; }
#pagecontent #wrapper .tagcontent a {display: block; padding: .25em 0; margin: 0; text-decoration: none; border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0,0,0,.1); display: block;}
html.ie6 #pagecontent #wrapper .tagcontent a {text-decoration: underline;}
html.ie6 #pagecontent #wrapper .tagcontent a {border-bottom: none; clear: both; width: 100%; float: left;}

/*** Open and Close Widget ***/
#pagecontent #wrapper span.open a{
    background: url(../../img/icons/icons.png) 0 -235px no-repeat;
    display: block;
    padding: .45em 0 .5em 28px;
}

html.ie6 #pagecontent #wrapper span.open {display: block; border-bottom: 1px solid #fff;}
html.ie6 #pagecontent #wrapper span.open a {background: #fff url(../../img/icons/icons.png) 0 -235px no-repeat; display: block; width: 90%; display: block; padding: .65em 0 .5em 28px; } 
#pagecontent #wrapper span.open a:hover {background: rgba(0,0,0,.1) url(../../img/icons/icons.png) 0% -235px no-repeat;}

#pagecontent #wrapper span.close a{
    background: rgba(0,0,0,.15) url(../../img/icons/icons.png) 0 -295px no-repeat;
    display: block;
    color: #003a67;
    padding: .45em 0 .5em 28px;
}

html.ie8 #pagecontent #wrapper span.close a, html.ie7 #pagecontent #wrapper span.close a, html.ie6 #pagecontent #wrapper span.close a {background: #D3D6D8 url(../../img/icons/icons.png) 0% -295px no-repeat }
html.ie6 #pagecontent #wrapper span.close a {width: 100%; float: left; background: #eee url(../../img/icons/icons.png) 0 -295px no-repeat;}

/*** Hidden Things (Shhhhh) ***/
.topnavigation, .searchbar, a.sites-toggle, object, iframe, .calendars .content, #flickrmap, .qr-code {display: none;}

/*** FB Style Menu ***/
#wrapper .inner-wrapper {margin: 0;}

.three-col.navigation {
  position: absolute;
  z-index: -10;
  width: 80%;
  top: 0;
}

.thirteen-col.last-col {
  position: relative;
  z-index: 1;
  width: 96.5%;
  left: 0%;
  clear: both;
  padding: 0.1em 2% .25em 2%; 
  margin: 0 auto 0 auto;
  background: #eee;
  -webkit-box-shadow: -6px 0px 5px rgba(0,0,0,.7);
  -moz-box-shadow: -6px 0px 5px rgba(0,0,0,.7);
  box-shadow: -6px 0px 5px rgba(0,0,0,.7);
  -webkit-transition: left ease-in .14s;
}

.thirteen-col.last-col .thirteen-col.last-col { -webkit-box-shadow: none; padding: 0; margin: 0; width: 100%; background: none;}

.thirteen-col .nine-col .content {background: #fff; border-radius: .3em; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); padding: 0 .5em; margin: 1em 0;}
.thirteen-col .six-col .content, .thirteen-col .content {padding: 0 .5em;}

#header .menu {-webkit-transition: left ease-in .1s;}
#pagecontent #header.moved {-webkit-box-shadow: -6px 0px 5px rgba(0,0,0,.7); position: fixed; display: block; }
#pagecontent .thirteen-col.last-col.moved, #header.moved, #footer.moved {left: 80%; }
#pagecontent .thirteen-col.last-col.moved {position: fixed; display: block; padding: 3.33em 2% .25em 2%; clear: both;  background: #eee;}

#footer.moved, #secondary-footer.moved {display: none; }

#header .menu, #header .search, #header .phonebook{
  position: absolute;
  top: 10px; 
  background: #2B577C url(../../img/header/menu-mobile-small.png) center no-repeat;
  background: rgba(6,39,68,.3) url(../../img/header/menu-mobile-small.png) center no-repeat;
  margin: 0 10px;
  padding: .4em .2em; 
  opacity: .9;
  display: inline-block; 
  width: 28px; 
  height: 15px;
  text-indent: -100%;
  white-space: nowrap;
  border-radius: .2em;
  border-bottom: 1px solid rgba(255,255,255,.3);
  border-top: 1px solid rgba(0,0,0,.2);
  cursor: pointer;
}

#header .phonebook {right: 2.8em; background: none; background:  rgba(6,39,68,.3);}

#header .menu {left: 0;}
#header .search {position: absolute; right: 0; background: none; background: rgba(6,39,68,.3);}
#header .search a {background: url(../../img/header/search-mobile-small.png) center no-repeat; display: block; text-indent: -200%; width: 32px; overflow: hidden; white-space: nowrap; }
#header .phonebook a {background: url(../../img/header/phonebook-mobile-small.png) center no-repeat; display: block; text-indent: -300%; width: 32px; overflow: hidden; white-space: nowrap;}
#header.moved .menu {left: 80%; opacity: 1; position: absolute; left: 0;}

.navigation ul li {list-style: none;}
.three-col.navigation ul {margin: 0; padding: 0;}
.three-col.navigation ul li {margin: 0;}

.three-col.navigation ul li a {
  padding: .75em 1em;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
  height: auto;
  float: left; 
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.8);
  width: 100%;
}

.three-col.navigation ul li a.last {border-bottom: none;}
.three-col.navigation ul li a:hover,
.three-col.navigation ul li a:active {
  background: rgba(255,255,255,.1);
  text-decoration: none;
  overflow: hidden;
}

#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: rgba(255,255,255,.07) url(../../img/icons/icons.png) -1px -2209px no-repeat;
  color: #def;
}

/*** Search Page ***/
.search-page {padding: 1em 0 4em 0;}

.search-page input#search {display: block; width: 98%; border: 1px solid #888; border-radius: .3em; line-height: 1.4em; vertical-align: middle; padding: .25em 0 .25em 2%; font-size: 1.5em; -webkit-appearance: none;}
.search-page button#gobutton {display: block; width: 100%; margin: .5em 0; font-size: 1.2em; padding: .5em 0; border-radius: .5em; border: none; color: #fff; background: #003a67;}

/*** Toolbar ***/
.toolbar {
	position: relative;
	background: rgba(0,0,0,.1);
	text-align: left;
  margin: 0;
	position: relative;
	text-align: right;
  clear: both;
  border-radius: .3em;
  display: none;
	padding: .75em .75em;
}

/*** Phone Numbers ***/
ul.phonelist { background: #fff; border-radius: .4em;}
ul.phonelist li {margin: 0; padding: .6em .5em 1em 0;  clear: both; display: block; border-bottom: 1px solid rgba(0,0,0,.1); }

ul.phonelist li a {display: block; padding: 0 0 .3em .5em; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.9);}

#wrapper .phonelist .tel, .phonelist .map { margin: .35em .5em 0 .5em; display: inline-block; background: #003a67; color: #fff; border-radius: .5em; padding: .35em; text-shadow: 0 -1px 0 rgba(0,0,0,.5); text-align: center; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); width: 39%; float: left; font-size: .9em;}

.phonelist .map {float: right;}

#wrapper .phonelist .tel a {color: #fff; text-shadow: none; padding: 0; text-align: center;}

#wrapper .phonelist .tel {color: #fff; text-shadow: none;}

.map  {float: right;}
#wrapper .thirteen-col a.map {color: #fff; text-shadow: none; background: #2F74A6; padding: .35em;}
#wrapper .thirteen-col .map a:visited {color: #fff;}

/*** Toolbar ***/
html.ie6 .toolbar img {display: none;}
html.ie8 .toolbar, html.ie7 .toolbar, html.ie6 .toolbar {background: #DFE2E4; border-bottom: 1px solid #CECFD0;}

.toolbar a {text-decoration: none; font-size: .9em;}

a.textbuttonsmaller, a.textbuttonbigger {
    cursor: pointer; 
    padding: .2em .55em; 
    color: #003a67;
    font-size: .85em;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
    border-top: 1px solid rgba(255,255,255,.45);
    border-bottom: 1px solid rgba(0,0,0,.05);
}

html.no-js a.textbuttonsmaller, 
html.ie6 a.textbuttonsmaller,
html.ie7 a.textbuttonsmaller,
html.ie8 a.textbuttonsmaller,
html.ie6 a.textbuttonbigger,
html.ie7 a.textbuttonbigger,
html.ie8 a.textbuttonbigger,
html.no-js a.textbuttonbigger  {background: #D1D4D6;}

a.textbuttonsmaller:hover, a.textbuttonbigger:hover {background: rgba(0,0,0,.15); }

a.textbuttonsmaller {
    -webkit-border-top-left-radius: .3em;
    border-right: 1px solid rgba(255,255,255,.2);
    -webkit-border-bottom-left-radius: .4em;
    -moz-border-radius-topleft: .4em;
    -moz-border-radius-bottomleft: .4em;
    border-bottom-left-radius: .4em;
    border-top-left-radius: .4em;
}

a.textbuttonbigger {
    -webkit-border-top-right-radius: .4em;
    -webkit-border-bottom-right-radius: .4em;
    -moz-border-radius-topright: .4em;
    -moz-border-radius-bottomright: .4em;
    border-top-right-radius: .4em;
    border-bottom-right-radius: .4em;
    margin-right: 1em;
}

a.print {background: url(../../img/icons/icons.png) 0% -1378px no-repeat;  padding: .3em 0 .3em 20px; text-shadow: 0 1px 0 rgba(255,255,255,.9);}

/*** Fly out Panel ***/
.panel {
	position: absolute;
	top: 2em;
	left: 1.8em;
	display: none;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fff 0%,#e5e5e5 100%); /* W3C */
	width: 12em;
	color: #333;
	height: auto;
	padding: .5em;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	-o-border-radius: .4em;
	border-radius: .4em;
	text-align: left;
	z-index: 100;
	border: 3px solid #bbb;
	border: 2px solid rgba(0,0,0,.3);
	opacity: .95;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.7);
}

html.ie7 .panel {z-index: 400; position: absolute; float: left; top: 10em; background: #fff; opacity: 1;}
html.ie7 a.trigger, html.ie6 a.trigger  {display: none;}

.panel a, .panel a:visited{
	margin: 0;
	padding: 0;
	color: #194b80;
	text-decoration: none;
}

.panel a:hover, .panel a:visited:hover{
	margin: 0;
	padding: 0;
	color: #f70;
	text-decoration: underline;
}

.panel h3 {color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.6); padding: 0;}

.panel ul li {list-style-type: none;}

a.trigger{
	position: absolute;
	text-decoration: none;
	top: 0; left: 0;
	color:#003a67;
	padding: .45em .45em .45em 25px;
	margin: .5em 0 0 .5em;
	background: url(../../img/icons/icons.png) 0% -477px no-repeat;
	border-radius: .2em;
	display: block;
}

a.trigger:hover, a.active.trigger{
	color:#1F8541;
	background: rgba(0,0,0,.1) url(../../img/icons/icons.png) 0% -537px no-repeat;
	display: block;
}

.panel ul.shareList {margin: 0; padding: 0;}
.panel ul.shareList li {border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0,0,0,.05); padding: .15em 0; margin: 0;}
.panel ul.shareList li a {padding: .3em .3em .4em 25px; display: block; -webkit-transition: all .1s ease-in-out;}
.panel ul.shareList li a:hover {background-color: rgba(0,0,0,.05);}

html.cssanimations .panel ul.shareList li a:hover {margin-left: .25em;}

#pagecontent a.facebook {background:  url(../../img/icons/icons.png) 0% -598px no-repeat; padding-left: 24px;}
#pagecontent a.twitter {background:  url(../../img/icons/icons.png) 0% -660px no-repeat; padding-left: 24px;}


/*** Social Icons ***/
#pagecontent #wrapper .aside a.twitter,
#pagecontent #wrapper .nine-col a.twitter {background: #3588C8 url(../../img/icons/icons.png) 0% -656px no-repeat; padding: .35em .75em .35em 24px;  border-radius: .3em; font-size: .8em; color: #fff; margin: 0 0 1em 0; text-decoration: none; display: inline-block; border-bottom: none; text-shadow: none;}

#pagecontent.socialmedia #wrapper a.twitter, #wrapper .panel a.twitter {background: transparent url(../../img/icons/icons.png) 0% -656px no-repeat; }
#pagecontent a.flickr {background:  url(../../img/icons/icons.png) 0% -1198px no-repeat; padding-left: 24px;}
#pagecontent a.youtube {background:  url(../../img/icons/icons.png) 0% -718px no-repeat; padding-left: 24px;}
#pagecontent a.blog {background:  url(../../img/icons/icons.png) 0% -1978px no-repeat; padding-left: 24px;}
#pagecontent a.google {background:  url(../../img/icons/icons.png) 0% -778px no-repeat; padding-left: 24px;}
#pagecontent a.delicious {background:  url(../../img/icons/icons.png) 0% -838px no-repeat; padding-left: 24px;}
#pagecontent a.mslive {background:  url(../../img/icons/icons.png) 0% -958px no-repeat; padding-left: 24px;}
#pagecontent a.digg {background:  url(../../img/icons/icons.png) 0% -1018px no-repeat; padding-left: 24px;}
#pagecontent a.email {background:  url(../../img/icons/icons.png) 0% -1318px no-repeat; padding-left: 24px;}

#pagecontent .podcastButton a {background: #492C77 url(../../img/icons/icons.png) 0% -1862px no-repeat; padding: .35em .75em .35em 24px;  border-radius: .3em; font-size: .8em; color: #fff; margin: 0 0 1em 0; text-decoration: none; display: inline-block;}

/*** Other icons ***/
.xmlButton a, a.rss {background: #F68726  url(../../img/icons/icons.png) 0% -1260px no-repeat;  padding: .35em .75em .35em 24px; border-radius: .3em; font-size: .8em; color: #fff; display: inline-block; margin: 0 .5em 1em 0; text-decoration: none; text-shadow: none;}
.xmlButton a:hover, a.rss:hover {text-decoration: underline;}
a.icon {text-indent: -9999em; display: block; width: 22px; height: 22px; padding: 0; margin: 0;}

#pagecontent.socialmedia a.rss {padding: 0; height: 18px; width: 17px; background: #F68726  url(../../img/icons/icons.png) 50% -1260px no-repeat; }

/*** Design Page Specifics ***/
.designheadline {padding: 1.2em;}

.designheadline span {
  display: block;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 200;
  text-shadow: 0 1px 0 #FFFFFF;
  line-height: 1.1em;
  text-transform: uppercase;
  font-size: 2.125em;
  vertical-align: center;
}

#pagecontent.design .six-col img {margin: 0 0 1em 1em;}

.designheadline span.row-two {padding-left: 0; font-size: 1.75em;}
.designheadline span strong {color: #2F74A6; font-weight: bold;}

/*** Mobile Page Specifics ***/


/* Gov Box */
#pagecontent .governorbox {
	margin-top: .5em;
	background-color: #fff;
	height: auto;
	background: #fff url(../../img/governor/ChafeeHeadshot-seal.png) no-repeat left bottom;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
	box-shadow: 0 4px 4px rgba(0,0,0,.3);
}

#pagecontent .govbox-inner {
	/*background: url(../../img/governor/state-seal.png) no-repeat right top;
	min-height: 250px; */
}

#pagecontent .govbox-right {
	float: right;
	width: 60%;
	padding-top: .8em;

}

#pagecontent .governorbox h4 {
	font-size: 1.3em;
	padding: .8em  0 0 .5em;
	color: #0f2d4d;
	margin-bottom: 1em;
	text-transform: uppercase;
}

#pagecontent .governorbox h4 a, #pagecontent .govbox-right a {
	color: #0f2d4d;
}


#pagecontent .govbox-right ul li {
	list-style-type: none;
	list-style-image: none;
	padding-top: .8em;
	line-height: normal;
	border-bottom: 1px solid #ddd;
	
}

#pagecontent .govbox-right ul li a {
	padding-bottom: .8em;
	font-size: 1em;
	text-shadow: 0 -1px -1px rgba(255,255,255,.5);

}



.mobilebanner img {
    margin: 0 1em;
    width: 90%;
}

.mobileheadline {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	display: inline-block;
	padding-left: 1.8em;
}

.headlineOne, .headlineTwo, .headlineThree {
	font-weight: 200;
}

p.mobiletagline {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size: 1.3em;
	text-align: left;
	margin: .5em 0;
	font-weight: 200;
	color: #2F74A6;
	padding-left: 1em;
}

.headlineOne .two {
	font-size: 2em;
	font-weight: bold;
	color: #2F74A6;
	padding-top: .12em;
	text-shadow: 0px 2px 1px #bbbaba;
}

.headlineTwo, .headlineThree {
	margin-top: 1em;
	display: block;
}

.headlineTwo .two-one, .headlineThree .three-one {
	font-size: 1em;
	font-weight: 200;
}

.headlineTwo .two-two, .headlineThree .three-two {
	font-size: .8em;
	font-weight: bold;
	color: #2F74A6;
}

/*** Banner Animations - Dot Navigation ***/
ul#bannernav {
  margin: .5em 0 0 0;
  padding: 0;
  clear: both;
  text-align: center;
}

html.no-js ul#bannernav {display: none;}

ul#bannernav li {display: inline-block; padding: .35em; margin: 0;}

ul#bannernav li a {
  text-indent: -200%;
  opacity: .9;
  overflow: hidden;
  display: block;
  border: 2px solid #bbb;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 1em;
  height: .5em;
  width: .5em;
  background: #ccc;
}

ul#bannernav li.active a {background: #fff; opacity: 1;}
ul#bannernav li a:hover, ul#bannernav li a:active {opacity: 1;}

/*** Sequence Animation ***/
#banner {position: relative;}

#sequence{
    height: 13em;
    padding: 0;
    margin: .25em 0 0 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,.3);
    box-shadow: 0 4px 4px rgba(0,0,0,.3);
}

html.no-js #sequence {height: auto; overflow: auto;} 

#sequence ul {margin: 0; padding: 0;}
#sequence ul li {list-style: none; list-style-type: none; margin: 0; padding: 0; }
html.no-js #sequence ul li {display: block; float: left; width: 20%;}
html.no-js #sequence ul li ul li {width: auto}

/*#sequence li > *  {position: absolute;}*/

html.no-js #sequence li > *  {position: relative;}
#sequence img {width: 100%; max-width: 100%;}

.banner-panel {
  height: 17.5em;
  padding: 0;
  width: 100%;
  opacity: 0;
  top: 0px;
  bottom: -100%;
}

html.no-js .banner-panel { height: auto;height: 11em;  }

.animate-in .banner-panel {
  bottom: 0px;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -ms-transition-duration: 1s;
  transition-duration: 1s;
}

.animate-out .banner-panel {
  opacity: 0;
  bottom: 100%;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  -ms-transition-duration: 2s;
  transition-duration: 2s;
}   

/* Banner 1 */
#sequence .banner-one {  
  position: absolute;
  background: #93a8b4; /* Old browsers */
  background: -moz-linear-gradient(top,  #93a8b4 0%, #f2fafe 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93a8b4), color-stop(100%,#f2fafe));
  background: -webkit-linear-gradient(top,  #93a8b4 0%,#f2fafe 100%); 
  background: -o-linear-gradient(top,  #93a8b4 0%,#f2fafe 100%); 
  background: -ms-linear-gradient(top,  #93a8b4 0%,#f2fafe 100%); 
  background: linear-gradient(top,  #93a8b4 0%,#f2fafe 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93a8b4', endColorstr='#f2fafe',GradientType=0 );
}

html. ie6 #sequence .banner-panel, 
html. ie7 #sequence .banner-panel, 
html. ie8 #sequence .banner-panel {position: relative;} 

/* Banner 2 */
#sequence .banner-two {
  position: absolute;
  background: #f5efe4;
  background: -moz-linear-gradient(top,  #f5efe4 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f5efe4), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #f5efe4 0%,#ffffff 100%); 
  background: -o-linear-gradient(top,  #f5efe4 0%,#ffffff 100%); 
  background: -ms-linear-gradient(top,  #f5efe4 0%,#ffffff 100%);
  background: linear-gradient(top,  #f5efe4 0%,#ffffff 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5efe4', endColorstr='#ffffff',GradientType=0 ); 
}

.banner-two .textbox a {background: #90B4C2; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,.5); padding: 1em;}


.headline {
  width: 85%;
  top: 7%;
  left: 5%;
  z-index: 300;
  opacity: 0;
  line-height: 1.1em;
  position: absolute;
  display: block;
  overflow: hidden;
  z-index: 100;
  text-transform: uppercase;
  font-size: 1.5em;
  filter: alpha(opacity = 100);
}

html.ie6.banner-one .headline, html.ie7 .banner-one .headline, html.ie8 .banner-one .headline  {background: #A3B5C0; padding: 0 .5em .25em .9em; left: 0; width: 49.25%; position: relative;}

.animate-in {position: relative;}
.animate-in .headline {opacity: 1;}
.banner-two .headline {right: 0; text-align: right; width: 90%; background: #F9F5EE;}
.skyline {display: none;}
.headline span {display: block; position: relative; font-weight: 200; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0px 1px 0px rgba(255,255,255,1);}

html.no-js .headline span {display: inline;}

html.no-js .headline, html.no-js .headlinethree, html.no-js .cloudtextbox  {
  width: auto;
  font-size: 1.2em;
  display: block;
  padding: .5em;
  left: auto;
  top: auto;
  left: auto;
}

.headline span.row-two {padding-left: 10%;}
html.no-js .headline span.row-two {padding-left: 0;}

.headline span strong {font-weight: bold; color: #2F74A6;}

html.no-js .headline span strong {display: block; padding-left: 0; margin-left: 0;}

.textbox, .textbox9 {
  width: 62%;
  display: block;
  overflow: hidden;
  z-index: 600;
  position: absolute;
  left: 1em; 
  line-height: 1.2em;
  top: 40%;
  bottom: 2em;
  letter-spacing: normal;
  font-size: .75em;
  opacity: 0;
  filter: alpha(opacity = 100);
}

.animate-in .textbox, .textbox9 {opacity: 1;}
.banner-two .textbox, .textbox9 {right: 5%; left: auto;}

html.no-js .textbox, .textbox9{
  width: auto;
  padding: .3em;
  left: 0;
  top: 30%;
  bottom: 0;
  position: relative;
  overflow: auto;
}

.textbox a span, .textbox9 a span {display: block; font-weight: 200;}

.textbox a, .textbox9 a {
  display: block;
  background: #002732;
  color: #fff;
  font-weight: 400;
  padding: .5em 1em 1em 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 1px 0 rgba(0,0,0,.7);
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  border-radius: .3em;
}

html.no-js .textbox a, html.no-js .textbox9 {
 width: auto;
  top: 25%;
  font-size: .85em;
  margin: 1em .5em;
  overflow: visible;
  display: block;
}

.textbox a:hover, .textbox a:active {color: #def;  background: #094070; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);  -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);  box-shadow: 0 0 4px rgba(0,0,0,.3);}

.ballotbox {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 52%;
  z-index: 200;
  filter: alpha(opacity = 100);
}

.tada {
  display: block;
  position: absolute;
  bottom: 0;
  left: 3.5%;
  opacity: 0;
  margin: 0 auto;
  width: 25%;
  overflow: hidden;
  z-index: 100;
}

.hook {
	width: 20%;
	right: 5%;
	top: -18%;
	display: block;
  z-index: 100;
}

html.no-js #sequence li .skyline,
html.no-js #sequence li .superhero,
html.no-js #sequence li .hand,
html.no-js #sequence li .ballotbox,
html.no-js #sequence li .tada {
display: none;  
}

html.no-js #sequence li > *{position: relative;}


.hand {
  display: block;
  position: absolute;
  top: 0;
  left: 2%;
  text-align: center;
  width: 20%;
  overflow: hidden;
  z-index: 300;
}

.ballotbox {
  display: block;
  position: absolute;
  bottom: 35%;
  left: 3%;
  text-align: center;
  width: 25%;
  overflow: hidden;
  z-index: 300;
}

.superhero {
  width: 38%;
  bottom: 20%;
  right: 0;
  z-index: -10;
  position: absolute;
  display: block;
  overflow: hidden;
  z-index: 100;
}

.html.no-js .superhero {display: none;}




/*************** Banner 3 **********************/

#sequence .banner-three {
	width: 100%;
	position: absolute;
	background: rgb(189,230,241); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(189,230,241,1) 0%, rgba(87,202,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(189,230,241,1)), color-stop(100%,rgba(87,202,241,1)));
	background: -webkit-linear-gradient(top,  rgba(189,230,241,1) 0%,rgba(87,202,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(189,230,241,1) 0%,rgba(87,202,241,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(189,230,241,1) 0%,rgba(87,202,241,1) 100%); 
	background: linear-gradient(top,  rgba(189,230,241,1) 0%,rgba(87,202,241,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde6f1', endColorstr='#57caf1',GradientType=0 ); 
}

html.ie6 #sequence .banner-three, html.ie7 #sequence .banner-three, html.ie8 #sequence .banner-three {position: inherit;}


#sequence .banner-three li{
	display: block;
}

.headlinethree {
  width: 45%;
  top: 7%;
  left: 5%;
  z-index: 1;
  line-height: 1.1em;
  position: absolute;
  display: block;
  overflow: hidden;
  z-index: 100;
  opacity: 0;
  text-transform: uppercase;
  font-size: 1.5em;
  filter: alpha(opacity = 100);
}

.animate-in .headlinethree {opacity: 1;}
html.ie8.headlinethree, html.ie7 .headlinethree, html.ie8 .headlinethree {background: #7DD5F1; padding: .25em; width: 50.5%; left: 1.35%;}
.headlinethree span {display: block; font-weight: 200; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0px 1px 0px rgba(255,255,255,1);}

html.no-js .banner-three .textbox a  { margin: .5em .5em 1em .5em; }
html.no-js .headlinethree span {display: inline; margin: 0; padding: 0;}

#fish-01 img, #fish-02 img, .hookandline img, #fish-03 img, #fish-04 img, #fish-05 img, #fish-06 img, #fish-end img, #fish-end1 img, #fish-end2 img  {display: none;}

.hookandfish {
	width: 28%;
	position: absolute;
	right: 4%;
	bottom: 40%;
	z-index: 120;
}



/*** banner 5 ***/

#sequence .banner-five {
  width: 100%;
  position: absolute;
  text-align: left;
  margin: 0 auto;
	background: #FDF5C9;
	
	background: #fdf5c9; /* Old browsers */
background: -moz-linear-gradient(top,  #fdf5c9 0%, #fcf7e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5c9), color-stop(100%,#fcf7e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdf5c9 0%,#fcf7e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdf5c9 0%,#fcf7e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdf5c9 0%,#fcf7e0 100%); /* IE10+ */
background: linear-gradient(top,  #fdf5c9 0%,#fcf7e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5c9', endColorstr='#fcf7e0',GradientType=0 ); /* IE6-9 */
}

html.ie6 #sequence .banner-five, html.ie7 #sequence .banner-five, html.ie8 #sequence .banner-five {position: inherit;}

.askrilogo {
	left: 8%;
  bottom: 14%;
  width: 25%;
}


.headlinefive {
  position: absolute;
  right: 5%;
  top: 8%;
  left: inherit;
  font-size: 1.2em;
  filter: alpha(opacity = 100);
}

html.ie8.headlinefive, html.ie7 .headlinefive, html.ie8 .headlinefive {background: #FCF5CF; padding-top: 1em;}



.questions {font-weight: 300;}

.answers {
	margin: .2em 0 0 0px;
	font-weight: 600;
}

.askrilogo {
	 position: absolute;
	  left: 8%;
  	bottom: 65%;
  	width: 35%;
  	z-index: 700;
}

.textboxfive {
	position: absolute;
	top: 45%;
	right: 5%;
	z-index: 500;
  margin: 0px;
  width: 80%;
  font-size: .85em;
  filter: alpha(opacity = 100);
}

.textboxfive a span {display: block; font-weight: 200;}
.textboxfive a {
  	display: block;
  	background: #007365;
  	color: #fff;
  	font-weight: 200;
  	padding: .5em 1em 1em 1em;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	text-shadow: 0 1px 0 rgba(0,0,0,.7);
  	text-decoration: none;
  	cursor: pointer;
  	-webkit-transition: all .1s ease-in-out;
  	-moz-transition: all .1s ease-in-out;
  	-o-transition: all .1s ease-in-out;
  	transition: all .1s ease-in-out;
  	border-radius: .3em;
}

.textboxfive a:hover,
.textboxfive a:active {
  	color: #def;
  	background: #025448;
  	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
  	-moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
  	box-shadow: 0 0 4px rgba(0,0,0,.3);
}

.qbubble1 {
  	position: absolute;
  	top: 6%;
  	left: 2%;
  	display: block;
  	z-index: 91;
  	width: 10%;
}

.qbubble2 {
  	position: absolute;
  	top: 14%;
  	left: 10%;
  	display: block;
  	z-index: 90;
  	width: 8%;
  	/*-webkit-transform: scaleX(-1);*/
}

.qbubble3 {
  	position: absolute;
  	top: 7%;
  	left: 20%;
  	display: block;
  	z-index: 89;
  	width: 7%;
}

.qbubble4 {
  	position: absolute;
  	top: 12%;
  	left: 30%;
  	display: block;
  	z-index: 93;
  	width: 6%;
  	-webkit-transform: scaleX(-1);
  	-moz-transform: scaleX(-1);
  	transform: scaleX(-1);
}

.qbubble5 {
  	position: absolute;
  	bottom: 15%;
  	left: 2%;
  	display: block;
  	z-index: 91;
  	width: 7%;
}

.qbubble6 {
  	position: absolute;
  	bottom: 5%;
  	left: 6%;
  	display: block;
  	z-index: 90;
  	width: 9%;
  	-webkit-transform: scaleX(-1);
  	-moz-transform: scaleX(-1);
  	transform: scaleX(-1);
}

.qbubble7 {
  	position: absolute;
  	top: 40%;
  	left: 18%;
  	display: block;
  	z-index: 90;
  	width: 9%;
}

.qbubble8 {
  	position: absolute;
  	bottom: 10%;
  	left: 25%;
  	display: block;
  	z-index: 90;
  	width: 7%;
  	-webkit-transform: scaleX(-1);
  	-moz-transform: scaleX(-1);
    transform: scaleX(-1);
}

.qbubble9 {
  	position: absolute;
  	bottom: 15%;
  	left: 30%;
  	display: block;
  	z-index: 90;
  	width: 9%;
}

/**************** Banner 6 *************/

html.no-multiplebgs #sequence .banner-six {background: #c1e8fb url(../../img/banner/dmv/grass.png) left bottom no-repeat;}

#sequence .banner-six {
  	width: 100%;
  	position: absolute;
  	text-align: left;
  	margin: 0 auto;
  	background: #c1e8fb;
  	background: url(../../img/banner/dmv/grass.png) left bottom no-repeat, 
  		-webkit-linear-gradient(90deg, #ffffff, #C1E8FB 60%);
  	background: url(../../img/banner/dmv/grass.png) left bottom no-repeat, 
  		-moz-linear-gradient(90deg, #ffffff, #C1E8FB 60%);
  
}

html.no-js #sequence .banner-six  {
	background: none;
	height: 11em;
	background: -webkit-linear-gradient(90deg, #ffffff, #C1E8FB 60%);
	background: -moz-linear-gradient(90deg, #ffffff, #C1E8FB 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1e8fb',GradientType=0 ); /* IE6-8 */
}

#sequence .banner-six .headline {
	display: none;
}

html.no-js #sequence .banner-six .headline  {
	display: block;
}
 
html.no-js #sequence .banner-six .headline span {
	display: inline;
}

#sequence .banner-six .cloudtextbox {
  width: auto;
  z-index: 1;
  display: block;
  overflow: hidden;
  z-index: 600;
  position: absolute;
  top: 45%;
  right: 1%;
  letter-spacing: normal;
  font-size: .9em;
  line-height: 1.1em;
  opacity: 1;
  padding: 0.8em 1em;
  filter: alpha(opacity = 100);
  border-radius: .3em;
}


.banner-six .cloudtextbox a {
	background: #183C66;
	color: white;
	padding: 0.8em 1em;
	border-radius: .3em;
}

.banner-six .cloudtextbox a:hover, .cloudtextbox a:active {
	color: #DEF;
	background: #25517C;
}

html.no-js #sequence .banner-six .cloudtextbox {
	display: inline;
}



#tree img {
	width: 15%;
	position: absolute;
	bottom: 30%;
  	left: 0;
  	z-index: 400;
}

.lgheadcloud {
	margin-top: 1em;
	position: relative;
}

#lgcloud {
	width: 30%;
	position: absolute;
	top: 20%;
  	right: 65%;
  	z-index: 500;
}

html.ie8.no-cssanimations #lgcloud {width: 30%; position: inherit; top: 0; left: 12%; z-index: 9999;}
html.ie7.no-cssanimations #lgcloud {width: 70%; position: inherit; top: 30%; left: 12%; z-index: 9999;}


html.no-cssanimations #lgcloud img {width: 20%;}

#puff {
	width: 15%;
	position: absolute;
	bottom: 5%;
  	right: -12%;
  	z-index: 500;
}

#puff2 {
	width: 10%;
	position: absolute;
	bottom: 3%;
  	right: -22%;
  	z-index: 500;
}

#puff3 {
	width: 8%;
	position: absolute;
	bottom: -2%;
  	right: -30%;
  	z-index: 500;
}

  
#lowcloud1 {
	width: 25%;
	position: absolute;
	bottom: 40%;
  	left: 10%;
  	opacity: .7;
  	z-index: 5;

}

#lowcloud2 {
	width: 15%;
	position: absolute;
	bottom: 40%;
  	right: 10%;
  	opacity: .6;
  	z-index: 8;
}

#lumpycloud1 {
	width: 22%;
	position: absolute;
	top: 25%;
  	left: 45%;
  	z-index: 11;
}

#nicecloud1 {
	width: 10%;
	position: absolute;
	top: 10%;
  	right: 20%;
  	z-index: 3;
}

#carcloud1 {
	width: 10%;
	position: absolute;
	top: 10%;
  	right: 5%;
  	z-index: 12;
}

#carcloud2 {
	width: 17%;
	position: absolute;
	top: 10%;
  	left: 35%;
  	z-index: 12;
}

#nicecloud3 {
	width: 15%;
	position: absolute;
	top: 10%;
  	right: 100%;
  	z-index: 3;
  	opacity: .8;
}

#lowcloud3 {
	width: 18%;
	position: absolute;
	bottom: 50%;
  	right: 100%;
  	opacity: .6;
  	z-index: 8;
}

html.no-js #sequence .banner-six #tree img,
html.no-js #sequence .banner-six #lgcloud,
html.no-js #sequence .banner-six .cloud,
html.no-js #sequence .banner-six #puff,
html.no-js #sequence .banner-six #puff2,
html.no-js #sequence .banner-six #puff3,
html.no-js #sequence .banner-six #lowcloud1,
html.no-js #sequence .banner-six #lowcloud2,
html.no-js #sequence .banner-six #lumpycloud1,
html.no-js #sequence .banner-six #nicecloud1,
html.no-js #sequence .banner-six #carcloud1,
html.no-js #sequence .banner-six #carcloud2,
html.no-js #sequence .banner-six #nicecloud3,
html.no-js #sequence .banner-six #lowcloud3
  {	display: none;}



/********  Banner 7 ************/
#banner #sequence .banner-seven {
  width: 100%;
  position: absolute;
  text-align: left;
  margin: 0 auto;
  background-color: #687483;
  opacity: 100%;
  filter: alpha(opacity = 100);
}

html.ie6 #sequence .banner-seven, html.ie7 #sequence .banner-seven, html.ie8 #sequence .banner-seven {position: inherit;}

html.no-js #banner #sequence .banner-seven {
	position: relative;
}

.banner-seven .headline {
  position: absolute;
  left: 45%;
  top: 50px;
  color: #eee;
}

.banner-seven .headline span strong {
  color: #BE6A39;
  text-shadow: none;
}

.banner-seven .textbox {
	position: absolute;
	top: 45%;
	right: 3%;
	left: auto;
}

.banner-seven .textbox a {
background-color: #BE6A39;
}
.banner-seven .hurricane {
  	position: absolute;
  	top: -5%;
  	left: -10%;
  	display: block;
  	z-index: 91;
  	width:  65%;
}

html.no-js .banner-seven .hurricane {
  	display: none;
}




/* Banner 8 */
#sequence .banner-eight {
  position: absolute;
  background: #fff url(../../img/banner/americanflag.png) left top no-repeat;
  background-size: 70%;
  width: 100%;
 }

html.ie6 #sequence .banner-eight, html.ie7 #sequence .banner-eight, html.ie8 #sequence .banner-eight {
	position: inherit;
}

html.no-js #banner #sequence .banner-eight {
	position: relative;
}

html.no-js #banner #sequence .banner-eight .headline {
	background-color: rgba(255, 255, 255, .8);
}

.banner-eight .headline {
  position: absolute;
  left: 58%;
  top: 40px;
}

.banner-eight .headline span strong {
  text-shadow: none;
  color: #C82735;
}

.banner-eight .textbox {
	position: absolute;
	top: 48%;
	right: 5%;
	left: 35%;
}

.banner-eight .textbox a {
	background-color: #003051;
}

/******** Banner 9 *********/

.snowstorm {
	display: none;
}

.stormcloudall {
	display: block;
	position: absolute;
	left: -40px;
	top: -10px;
	width: 80%;
	
}

.banner-nine .textbox9 {
	position: absolute;
	bottom: 5px;
	right: 5%;
	top: auto;
	left:  auto;
}


.banner-nine .headlinenine {
	position: absolute;
	top: 10%;
	right: 0;
	left:  auto;
	width: 50%; 
	font-size: 1.9em;
	color: #8BA0A5;
}

.banner-nine {
	background: #4b7276; /* Old browsers */
	background: -moz-radial-gradient(left, ellipse cover,  #4b7276 0%, #394556 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, left center, 0px, center center, 100%, color-stop(0%,#4b7276), color-stop(100%,#394556)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(left, ellipse cover,  #4b7276 0%,#394556 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(left, ellipse cover,  #4b7276 0%,#394556 100%); /* Opera 12+ */
	background: -ms-radial-gradient(left, ellipse cover,  #4b7276 0%,#394556 100%); /* IE10+ */
	background: radial-gradient(ellipse at left,  #4b7276 0%,#394556 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b7276', endColorstr='#394556',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.banner-nine .headlinenine span strong {font-weight: bold; color: #F95D5D;}

.banner-nine .textbox9 a:hover, .textbox9 a:active {color: #eee;  background: #4B7276; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);  -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);  box-shadow: 0 0 4px rgba(0,0,0,.3);}





/*** Services Slider ***/
.prev, .next {z-index: 300;}
html.no-js .prev, html.no-js .next {display: none;}

.prev a, .next a{
  width: 24px;
  opacity: .9;
  display: block;
  text-indent: -350%;
  overflow: hidden;
  z-index: 300;
  height: 24px;
}

.next a {background: #003a67 url(../../img/icons/icons.png) 50% -2340px no-repeat;  border-top-right-radius: .3em;  border-bottom-right-radius: .3em;   }
.prev a {background: #003a67 url(../../img/icons/icons.png) 10% -2399px no-repeat; border-top-left-radius: .3em;  border-bottom-left-radius: .3em;}
.prev a:hover, .next a:hover, .prev a:active, .next a:active {opacity: 1;}
.prev, .next {position: absolute; top: .45em; width: 32px; height: 22px;}
.next {right: .5em;}
.prev {border-right: 1px solid #fff; right: 32px;}


#pagecontent.press .prev, #pagecontent.press .next {position: inherit; top: 0; right: 0; left: 0; height: auto; display: block; width: 100%; margin: 1em 0 .5em 0;}

#pagecontent.press .prev a, #pagecontent.press .next a {text-indent: 0; text-align: center; right: inherit; display: block;  top: inherit; display: block; color: #fff; overflow: auto; width: 96%; position: inherit; margin: 0; padding: .5em 2%;}

#pagecontent.press .prev a {background: #ccc; color: #444;}


#services {position: relative;  }

#sequence-services{
    height: 18.5em;
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
}

html.no-js #sequence-services {height: auto; overflow: auto;}
html.ie8 #sequence-services ul {margin: 0; padding: 0; height: 20em;}
#sequence-services ul li {list-style: none; list-style-type: none; margin: 0; padding: 0;}
#sequence-services li > *  {position: absolute;}


#sequence-services li dt {margin: 0; padding: .3em 0 .75em 0; color: #2F74A6; text-transform: uppercase; font-size: 1.1em; font-weight: bold;}
#sequence-services li dd {margin: 0; padding: 0; border-bottom: 1px solid #eee;}
#sequence-services li dd a { display: block; padding: .4em 0 .4em 0; }
#sequence-services li dd a:hover {background: #eee; background: rgba(0,0,0,.1);}

html.no-js #sequence-services li > *{position: relative;}

.services-one, .services-two, .services-three {
    height: 100%;
    padding: 0;
    width: 100%;
}

.services-one, .services-two, .services-three {
    left: -210%;
    top: 0px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-in .services-one, .animate-in .services-two, .animate-in .services-three {
    left: 0px;
    opacity: 1;
    -webkit-transition-duration: .75s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: .75s;
}

.animate-out .services-one, .animate-out .services-two, .animate-out .services-three {
    left: 110%;
    opacity: 0;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}   

#businessbox {
  padding: .5em .5em 1em .5em;
  background: #fff;
  background: rgba(255,255,255,.9) url(../../img/banner/quickstart/superhero.png) bottom center no-repeat;
}

html.no-js #businessbox {background: none;}
#wrapper #businessbox p {padding: .5em 0 0 0; margin: 0;}
#businessbox ul {display: block; background: rgba(255,255,255,.85);}
#businessbox .nav a {display: inline-block; background: #ccc; padding: .5em; border-radius: .3em; color: #fff; background: #003a67; margin: 0 1em 0 0;}

/*** Mobile Feature ***/
.mobilefeatureblock img {display: none;} 

/*** Button Menu ***/
ul.buttonmenu {padding-top: 0em; clear: both;}
ul.buttonmenu li {display: inline-block; list-style: none; margin: 0 1em 0 0; padding: 0;}

/*** General Buttons ***/
a.button {background: #898F93; background: rgba(0,0,0,.4); padding: .5em .75em; margin: 0 0 1em 0; border-radius: .35em; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.7); display: inline-block; font-size: 1em;}
a.button:hover, a.button:active {opacity: 1; background: rgba(0,0,0,.55); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);}
a.button em {font-weight: bold; font-style: normal;}
#wrapper a.button span {display: inline-block; padding-left: .5em; border-left: 1px solid #def; border-left: 1px solid rgba(255,255,255,.2);}

#wrapper a.button.twitter {background: #2E7DC4 url(../../img/icons/icons.png) 0% -1492px no-repeat; padding-left: 1.5em;}
#wrapper a.button.twitter {background: rgba(46,125,196,.7) url(../../img/icons/icons.png) 0% -1492px no-repeat;}
#wrapper a.button.facebook {background: #2E7DC4 url(../../img/icons/icons.png) 0% -1435px no-repeat;  padding-left: 1.5em;}
#wrapper a.button.facebook {background: rgba(46,125,196,.7) url(../../img/icons/icons.png) 0% -1435px no-repeat;  padding-left: 1.5em;}
#wrapper a.button.uservoice {background: #2E7DC4 url(../../img/icons/icons.png) 0% -2573px no-repeat; padding-left: 1.5em;}
#wrapper a.button.uservoice {background: rgba(46,125,196,.7) url(../../img/icons/icons.png) 0% -2573px no-repeat; padding-left: 1.5em;}
#wrapper a.button.feedback {background: #2E7DC4 url(../../img/icons/icons.png) 0% -2632px no-repeat; padding-left: 1.5em;}
#wrapper a.button.feedback {background: rgba(46,125,196,.7) url(../../img/icons/icons.png) 0% -2632px no-repeat; padding-left: 1.5em;}

/*** General Form Styles ***/
form.application fieldset {background: #fff; border: 1px solid #ddd; border-radius: .3em; padding: 0 1em 1em 1em;}
form.application fieldset legend {font-size: 1.2em; padding: .4em 0; color: #003a78; margin: 0;}
form.application fieldset ol li {list-style: none; margin: 0 0 1em 0; padding: 0;}
form.application fieldset label {display: block;}
form.application fieldset input[type="text"], form.application fieldset textarea {border: 1px solid #888; padding: .5em; border-radius: .3em;}
form.application fieldset textarea {width: 80%;}

.subscribe {border-bottom: 1px solid #ddd; margin-bottom: 1em;}
.map {margin: 0 0 1em 0;}
.bordertop {border-top: solid 1px #dddddd;}
.bordertop h4 {margin-top: 1em;}

/*** Design / Mobile Pages ***/
.banner {padding: 0 0 .5em 0; margin-bottom: 1em;}
.banner img {margin: 0 1em; display: block; width: 65%;}
#wrapper .content.featurebox {background: rgba(0,0,0,.06);}
#wrapper .content.margin {padding-top: 1.5em;}

/*** Feature ***/

#wrapper .feature {background: #f7f39b; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f39b 0%, #faf8c1 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f39b), color-stop(98%,#faf8c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f39b 0%,#faf8c1 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f39b 0%,#faf8c1 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f39b 0%,#faf8c1 98%); /* IE10+ */
background: linear-gradient(top,  #f7f39b 0%,#faf8c1 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f39b', endColorstr='#faf8c1',GradientType=0 ); /* IE6-9 */
  -webkit-border-radius: .3em; padding-top: .75em; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);}

#wrapper .feature h3, #wrapper .feature h3 a {color: #007465; padding-bottom: 0; margin-bottom: 0;}

ul.plainlisting li { border-bottom: 1px solid #ccc; padding: .4em 0; display: block; margin: 1em 0;}

/*** Weather ***/

#pagecontent.weather h4 {margin-top: 1em; margin-bottom: .15em;}
#pagecontent.weather b {display: block; margin-top: .35em;}
#pagecontent.weather .content {padding: 0 1em;}
.weather-current-conditions, .weather-forecast {border-bottom: 1px solid #ddd; padding-bottom: .5em;}

img.weather-radar {max-width: 100%;}

/*** Dashboard ***/

dl.dashboard-listing {
  margin: 0 0 1.5em 0;
  background: rgba(255,255,255,.9);
  padding: 1em;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
  
}

dl.dashboard-listing dd {border-bottom: 1px solid rgba(0,0,0,.08); margin: 0 0 .4em; padding: 0 0 .4em 0; line-height: 1.5em;}

dl.dashboard-listing dd:last-child {border-bottom: none;}

dl.dashboard-listing dt {
  text-transform: uppercase;
  padding: 0 0 .75em 0;
  color: #CD7945;
}

dl.dashboard-listing span.number {
  display: inline-block;
  font-size: 2em;
  color: #003a67;
  padding: .25em .25em .25em 0;

}

.aside dl.dashboard-listing span.number {display: block; color: #CD7945;}


#pagecontent.dashboard #wrapper .thirteen-col dl.dashboard-listing h4 {margin: .75em 0 .5em 0; padding: 0; line-height: 1em;}


#wrapper .thirteen-col dl.dashboard-listing ol {margin: 0; padding: 0;}

#wrapper .thirteen-col dl.dashboard-listing ol li {padding: 0; margin: 0 0 .3em 1.5em; font-style: normal; text-transform: lowercase;}

dl.dashboard-listing span.number.small {font-size: 1.4em; color: #555;}

dl.dashboard-listing img { max-width: 100%;}

#pagecontent.dashboard #wrapper .thirteen-col h3 {padding: .3em 0 .4em 0; margin: 0; font-size: 1.6em;}
#pagecontent.dashboard #wrapper .thirteen-col h4 {color: #777; padding: 0 0 1.5em 0; text-transform: uppercase; font-size: 1em;}

.latestnews h5 {
	margin-top: 1em;
}

.latestnews .rsspubdate {
	font-size: .8em;
}

.latestnews .rssheadline {
	font-size: .9em;
	line-height: 1.3em;
}




/***

Here's to the crazy ones. The misfits. The rebels. The troublemakers. The round pegs in the square holes.

The ones who see things differently. They're not fond of rules. And they have no respect for the status quo. You can quote them, disagree with them, glorify or vilify them.

About the only thing you can’t do is ignore them. Because they change things. They invent. They imagine. They heal. They explore. They create. They inspire. They push the human race forward.

While some see them as the crazy ones, we see genius. Because the people who are crazy enough to think they can change the world, are the ones who do.

-Apple Inc.

***/