/*** Rhode Island Portal 2011		 ***/
/*** Portal, Screen 	 ***/
/*** Dan Chapman, 2011 				 ***/
/*** Dedicated to Fran Segerson 	***/

/*** 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: "" "";}

html {padding-bottom: 0; margin-bottom: 0; overflow-y: auto; background: #fff;}

/* scale images in IE7 more attractively */
html.ie7 img {-ms-interpolation-mode: bicubic;}
/* prevent BG image flicker upon hover */
html.ie6 {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html.ie6 body html.ie7 body {filter: none;}

/*** Clearing Floats - Dan Cederholm ***/

.group:after, #primarycontent:after, ul.progress:after {
	content: ".";
	display: block;
	height: 0;
	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;
}

/*** General ***/

ul.skip {display: block; float: left; position: absolute; left: -9999em;}

html {margin: 0; padding: 0;  }

body {
	font-size: 16px;
	font-family:Helvetica, Arial, sans-serif;
	margin: 0; padding: 0;
}

#header {position: relative; padding: 0 0 1em 0;}

html.ie6 #header {padding: 0 0 .5em 0; margin: 0;}

#contentcontainer {border-top: 6px solid #123B66; margin: 0; padding: 0; }

#sites { background-color: rgba(0,0,0,.4);}
html.ie6 #sites {display: none; /* background: #194b80; float: left; width: 950px; height: 3em; margin: 0 auto; */}
html.ie7 #sites, html.ie8 #sites {background: url(../img/ie/black40.png) center repeat;}

#sites .wrap { position: relative; margin: 0 auto; padding:0;  list-style: none; text-align: right; overflow: hidden; }
#sites ul { margin: 0 auto; text-align: right;}
#sites li { display: inline; padding: 7px 0; margin: 0 0 0 .5em; text-align: right; color: #fff; font-size: .8em; }
#pagecontent #sites li a { color: #fff; text-decoration: none; padding: .3em;  border-radius: .4em; -webkit-transition: all .15s ease-in-out;  }



#sites li a:hover { color: #fff; background: rgba(0,0,0,.2);}
html.ie7 #sites li:a hover, html.ie8 #sites li a:hover {background: url(../img/ie/black30.png) center repeat;}

#sites li a, #sites li em { padding: 0 .2em; font-style: normal; }
           
a.sites-toggle {opacity: .9; background: transparent url(../img/icons/pulldown.png) bottom center no-repeat; height: 30px; text-indent: -9999em; width: 41px; position: absolute; top: -3px; right: 1.5em;  z-index: 500; overflow: hidden; display: marker; }

a.sites-toggle:hover {opacity: 1; margin-top: 3px; text-decoration: none;}
html.ie6 a.sites-toggle {display: none;}

#sites ul { margin: 20px 7px 10px 7px; }
#sites li { padding: 7px 0; }
#sites .wrap { padding: 0; }

#sites .close {
  text-indent: -9999px; 
  background-color: transparent; 
  background-position: 0 0; width: 0px; 
  height: 1px; 
  position: absolute; 
  right: -9999em; 
  background-repeat: no-repeat; 
  overflow: hidden; 
  display: block; 
  padding: 3px; 
  width: 9px; 
  height: 9px; 
  background: url(../img/icons/pulldown.png) bottom center no-repeat; 
  cursor: pointer; 
  text-align:left;
}

#sites ul.widgets {
	background: rgba(0,0,0,.05); 
	border-top: 1px solid rgba(0,0,0,.4); 
	border-bottom: 1px solid rgba(255,255,255,.4); 
	display: inline-block; 
	float: left; 
	text-align: left; 
	margin: 1em 0 0 0; 
	padding: 0px 1px 0; 
	border-radius: .4em;
	margin-top: .95em;
}

html.ie7 #sites ul.widgets {margin-top: .8em;}
html.ie8 #sites ul.widgets {margin-top: 1em;}

#pagecontent #sites ul.widgets li {margin: 0; padding: 0; border-radius: 0;}
#pagecontent #sites ul.widgets li a {border-radius: 0; padding: .2em .8em; display: inline-block; margin: 0; cursor: pointer;}

#wrapper #sites ul.widgets li a:hover {cursor: pointer; text-decoration: underline; background: none;}

#wrapper .content img {max-width: 100%;}
html.ie6 #wrapper .content img {width: 100%;}


#pagecontent #sites  ul li a.normalvis {
  background: rgba(0,0,0,.3); 
  font-weight: bold; 
  -webkit-border-top-left-radius: .4em; 
  -webkit-border-bottom-left-radius: .4em;
  -moz-border-radius-topleft: .4em;
  -moz-border-radius-bottomright: .4em;
  border-top-left-radius: .4em; 
  border-bottom-left-radius: .4em;
}

#pagecontent #sites  ul li a.highvis {
  -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;
}

#header h1 a {
	display: block;
	background: url(../img/header/h1.png) center left no-repeat;
	height: 120px;
	width: 180px;
	float: left;
	text-indent: -9999em;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	position: relative;
	margin-left: -.6em;
}

#header h1 a:hover {opacity: .85;}

html.ie6 #header h1 a {background: none; background: url(../img/header/h1.gif) center left no-repeat; margin-left: -1em;}
html.ie6 #header .topnavigation {margin: 0 0 0 4.5em;   height: auto;}

/*** Top Navigation ***/

#header .topnavigation {text-align: right;}
#header .twelve-col.prefix-four.last-col.topnavigation {margin-bottom: 0; }

.topnavigation ul li {display: inline; padding: 0; margin: 0;}
#header .topnavigation ul li a {
	padding: .3em 1em .3em 1em; font-size: .9em;  
	color: #444; 
	text-decoration: none; 
	-moz-text-shadow: 0 1px 0 rgba(255,255,255,.7); 
	text-shadow: 0 1px 0 rgba(255,255,255,.7); 
	-moz-border-radius: .3em; 
	-webkit-border-radius: .3em; 
	border-radius: .3em; 
	-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;
}

#header .topnavigation ul li.current a {background: #194b80; color: #fff; color: rgba(255,255,255,.9); text-shadow: 0 -1px 0 rgba(0,0,0,.6);  -moz-text-shadow: 0 -1px 0 rgba(0,0,0,.6);}

.topnavigation ul li a:hover {background: rgba(0,0,0,.08);}

html.ie7 .topnavigation ul li a:hover, html.ie8 .topnavigation ul li a:hover {background: url(../img/ie/black_7.png) center repeat;}

/*** Feedback ***/
#header .topnavigation a.feedback {
	background: none; 
	border-width: 2px 0 2px 2px; 
	z-index: 99; 
	border-style: solid; 
	border-color: #fff; 
	float: left; 
	display: inline; 
	-webkit-border-radius: 0;'
	-moz-border-radius: 0;'
	border-radius: 0;
	color: #fff; 
	padding: 0; 
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.5);
	background: #194b80 url(../img/feedback/feedback.png) center no-repeat; 
	width: 3em; 
	height: 110px;
	position: fixed; 
	right: 0; 
	top: 35%; 
}

#header a.feedback span {display: block; float: left; position: absolute; left: -9999em;}
#header a.feedback:hover {opacity: .85; padding-right:4px;}
html.ie6 a.feedback {display: none;}

/*** Search box ***/

.search {width: 100%; margin-top: 0; padding-top: 0;}
html.ie6 .search {float: right; padding: 0; margin: 0; background: olive; display: block;}
.search form {text-align: right; padding: 2.8em 0 0 0; float: right; }

#header .search form input#search {
	border: 2px solid rgba(0,0,0,.05); 
	padding: 10px 3px; 
	margin-right: 0; 
	font-size: 13px;
	-webkit-border-top-left-radius: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-bottomleft: .5em;
	border-top-left-radius: .5em;
	border-bottom-left-radius: .5em;
	-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset;
	outline: none;
	width: 18em;
	float: left;
	vertical-align: top;
	display: inline;
	-webkit-transition-property: all;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: all;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease-in-out;
	background: #fff;
	background: rgba(255,255,255,.8);
	-webkit-appearance: none;
	display: inline-table;
}

html.webgl #header .search form input#search {padding: 11px 3px 11px 3px;}

html.ie8 #header .search form input#search, html.ie9 #header .search form input#search {display: inline-block; line-height: 1em;}

.search form input#search:hover, #header .search form input#search:focus {
	background: rgba(255,255,255,.95);
	border: 2px solid rgba(0,0,0,.1); 
	color: #194b80;
	-webkit-box-shadow: 0 0 6px rgba(47,126,191,1);
}

html.cssanimations #header .search form input#search:focus {width: 20em;}

#header .search form button {
	border: 1px solid #1B75BB; 
	color: #fff; 
	padding: 11px 5px;
	margin-left: 0;
	position: relative;
	display: inline;
	float: left;
	font-weight: normal;
	font-size: 13px;
	-moz-border-radius-topright: .5em;
	-moz-border-radius-bottomright: .5em;
	border-bottom-right-radius: .5em;
	border-top-right-radius: .5em;
	cursor: pointer;
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
	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 */
	-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;
}

/*** Weather Link ***/

#weather a {
color: #def;
display: inline-block; 
margin: .85em 0 1em 0; 
text-decoration: none;
border-radius: .3em;
padding: .2em .3em;
font-size: .9em;
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}

#weather a span {display: block; background: url(../img/icons/thermometer.png) center left no-repeat; padding: .4em .4em .4em 12px;}

#weather a:hover {text-decoration: underline;}

#pagecontent.weather h4 {color: #194b80; font-size: 1.2em; border-bottom: none; padding: .3em 0; display: block; line-height: 1.4em; background: #eee;}

#pagecontent.weather .snippet {border-bottom: none;}

/*** Old Weather Styles ***/

.currentWeather {
  width: 100%;
  display: block; 
  clear: both;
  padding: 1em 0;
}


#pagecontent.weather .thirteen-col img {background: #eee; padding: .2em; border: 1px solid #ccc;}

/*** Overall styles ***/

em {font-style: normal;}
h1, h2, h3 {font-weight: normal; line-height: 1.3em;}
h3 em, h3 span {font-weight: bold; font-style: normal;}
h1 {float: left; margin: 0; padding: 0; height: 0; width: 0;}
h4, h5, h6 {font-family:'JunctionRegular', Helvetica, Arial, sans-serif;}

#header h2 {position: absolute;text-indent: -9999em;}

h3 {
	padding: .15em 0; 
	margin: .5em 0;
	color: #003a67; 
	display: block;
	text-shadow: 0 2px 0 rgba(255,255,255,1);
	font-family: 'JunctionRegular', Helvetica, Arial, sans-serif;
}

html.ie6 {font-family: Helvetica, Arial, sans-serif;}

.linkpage h3, .static h3 {font-size: 1.4em;}

#pagecontent #wrapper .thirteen-col ul.plain {margin: 0; padding: 0;}
#pagecontent #wrapper ul.plain li {list-style: none; margin: 0;}

.content {  padding: 0; margin: 0;  }
html.ie6 .content {font-family: Helvetica, Arial, sans-serif;}
.content ul {margin: 1em 1em 1em 0; }
.content ul li {list-style: none;}

h4 {font-size: 1em; padding: .5em 0 .2em 0; margin-bottom: .2em; font-weight: normal;  color: #444; border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0,0,0,.1); font-family: 'JunctionRegular', Helvetica, Arial, sans-serif;}

html.ie6 h4 {font-family: Helvetica, Arial, sans-serif;}

h5 {font-size: .9em; padding: 1em 0 .4em 0; color: #444; margin-bottom: .3em; font-weight: bold; border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0,0,0,.1); }
h6 {font-size: .8em; padding: 1em 0 .2em 0;}

p {line-height: 1.4em; padding: 0 0 1em 0; font-size: .9em; font-weight: normal;}
ul li, ol li {line-height: 1.3em; font-size: .9em;}
strong, b {font-weight: bold;}
em, i {font-style: italic; }
cite {font-size: .8em; opacity: .95;}

dl.vcard {color: #333;}
dl.vcard dd {line-height: 1.3em;}
dl.vcard dt {font-weight: bold; padding-bottom: .3em;}

#wrapper p {font-weight: normal; color: #444; }

dl {font-size: .9em;}
ul li {list-style-position: outside; list-style-type: circle;}
ol li {list-style-position: outside; list-style-type: decimal; margin-left: 1.5em;}
ol {margin: 0 0 1em 0;}

a {color: #337AB1;}
a:active {color: #AD1E2D;}
a:hover {color: #003a67;}
a:visited {color: #555;}

#wrapper .content {padding: .3em 1em 0 1em; margin: 0;}

html.ie6 .nine-col  { padding: 0; width: 505px; }

#wrapper .content.last {padding:  .3em 1em 0 .5em; }
#wrapper .content.alignright {padding: .3em 0 0 1em;}
#wrapper.wrapper.group {margin-bottom: 0;}
#wrapper .inner-wrapper ul.listing {margin: 0 0 1em 0; padding: 0;}
#wrapper .inner-wrapper ul.listing li {list-style-type: none; border-bottom: 1px solid #ddd; margin: 0; }
html.ie6 #wrapper .inner-wrapper ul.listing li {padding: 0; line-height: 1em; float: left; width: 100%;}

#wrapper .inner-wrapper ul.listing li:last-child, #wrapper .inner-wrapper .navigation ul li {border-bottom: none;}

#wrapper .inner-wrapper 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; 
}

html.ie6 #wrapper .inner-wrapper ul.listing li a {background: transparent;}

#wrapper .inner-wrapper 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 #wrapper .inner-wrapper ul.listing li a:hover, 
html.ie8 #wrapper .inner-wrapper ul.listing li a:active {background: #E5E7E8 url(../img/icons/icons.png) 100% -55px no-repeat; text-decoration: underline;}

#wrapper .inner-wrapper ul.listing li a.last {background: transparent url(../img/icons/icons.png) 100% -55px no-repeat; color: #003a67; }
#wrapper .inner-wrapper 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;}

#wrapper .four-col.local {margin-bottom: 2em;}

#pagecontent a.last {text-decoration: none;}
#pagecontent .thirteen-col a.last:hover {text-decoration: underline;}

/*** Main Menu ****/

.three-col.navigation {padding: .7em 0; background: none; -webkit-box-shadow: none; font-family: 'JunctionRegular', Helvetica, Arial, sans-serif;}
.navigation ul, .subnavigation ul {margin: 0;}

.three-col.navigation .control {display: none;}

html.ie6 .three-col.navigation {background: none; padding-top: .8em; font-family: Helvetica, Arial, sans-serif; overflow-x: hidden;}

.navigation ul li, .subnavigation ul li {
	list-style: none;	
	padding: 0;
	margin: .3em 0;
	overflow-x: hidden;
}

html.ie6 .three-col.navigation ul li, html.ie6 .three-col.subnavigation ul li  {margin: 0; line-height: 1em; padding: 0;}
html.ie6 .three-col.subnavigation {padding-bottom: 1em;}

#wrapper .navigation ul li a, #wrapper .subnavigation ul li a {
	text-decoration: none;
	color: #fff;
	display: block;
	text-shadow: 0 1px 0 rgba(0,0,0,.6);
	padding: .3em 1em .3em .5em;
	-webkit-border-top-left-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	-webkit-transition: all .1s ease-in-out;
}

#wrapper .subnavigation ul li.selected a,
#pagecontent.home #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 
{
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255,255,255,.8);
	color: #003a67;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	background: #AECDE2; 
}

html.ie6 #pagecontent #wrapper .navigation ul li a{
	width: 175px;

	display: block;
}

html.ie6 #pagecontent #wrapper .navigation {}


html.ie6 #pagecontent #wrapper .navigation ul {display: block; width: 100%; padding: 0; margin: 0;}

html.ie6 #pagecontent #wrapper .navigation ul li {font-size: 14px; margin: .3em 0; padding: 0;}

html.ie6 #pagecontent #wrapper .navigation ul li a {padding-right: 0;}

html.ie6 #pagecontent.home #wrapper .navigation ul li.home {background: none;}

#wrapper .navigation ul li a:hover, #wrapper ul.navigation li a:hover, #wrapper .subnavigation ul li a:hover, #wrapper .subnavigation ul li a:hover {
	color: #FF7D5E;
	background: rgba(255,255,255,.1);
}

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

/*** Navigation / Subnavigation ***/

#wrapper .navigation ul li.selected a:hover {background: #B8DBEC; color: #003a67;}
#wrapper .subnavigation h4 {padding: .5em; margin: .75em 0 0 0;}
#wrapper .subnavigation ul li {padding: 0; margin: 0;}
#wrapper .subnavigation ul li a {color: #194b89; text-shadow: 0 1px 0 rgba(255,255,255,.5); border-bottom: 1px solid rgba(0,0,0,.05); border-radius: 0;}
#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 {margin-top: .5em;}

/*** Accordion ***/

#accordion {margin: .75em 0 0 0; padding: 0 0 2em 0; background: #fff;}
#wrapper #accordion .expandcontent {background: #fff;}
#accordion h3 {font-size: .9em;}
#accordion ul {margin: 0; padding: 0;}
#accordion ul li {font-size: .8em; padding: .25em 0;}
.accordion h4 { margin: 0;}
#accordion dt, .accordion dt {display: none;}

/*** Home page Accordion ***/

#wrapper .accordion.home {margin-top: .7em; margin-left: 0; background: #fff; }

#pagecontent #wrapper .accordion.home h4 {margin: 0; padding: 0;}

#pagecontent #wrapper .accordion.home h4 a {font-size: .9em; color: #333; margin: 0;}

#pagecontent #wrapper .accordion.home dl {margin: 0; padding: 0;}

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


#wrapper .accordion dl a {line-height: 1.3em; padding: .35em 0; text-shadow: 0 1px 0 rgba(255,255,255,.8); display: block; text-decoration: none; color: #194b80;}
#wrapper .accordion dl a:hover {text-decoration: underline; color: #4688C6;}

.accordion dl.governor {background: url(../img/tabs/governor.jpg) bottom right no-repeat; height: 10em;}
.accordion dl.legislature {background: url(../img/governmentbox/legislature.jpg) bottom right no-repeat; height: 10em;}
.accordion dl.courts {background: #fff url(../img/governmentbox/seal.gif) top right no-repeat; height: 10em;}
.accordion dl.other {background: #fff url(../img/governmentbox/seal.gif) top right no-repeat; height: 10em;}

/*** Aside ***/

#wrapper .aside {font-size: .9em; margin: 0; background: rgba(25,75,128,.08); padding-top: 1em; padding-bottom: 1em; -webkit-border-bottom-left-radius: .3em; -moz-border-radius-bottomleft: .3em}

html.ie8 #wrapper .aside, html.ie7 #wrapper .aside {background: url(../img/ie/medblue8.png) center repeat}
html.ie6 #wrapper .aside {background: #EAEEF2; padding-bottom: 1em; position: relative; right: -25px;}
html.ie6 #wrapper .aside .content {padding: 0 5px;}

html.ie6 #wrapper .aside .content ul li {float: left; width: 100%;}

#wrapper .aside h4 {color: #194b80; font-size: 1.1em; margin: 0; padding: 0 .4em .2em 0; font-weight: normal;}
#wrapper .aside #bulletlist h4 {margin: 0; font-weight: normal;}
#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: underline;}
#wrapper .aside h4 a {text-decoration: none; color: #555;}
#wrapper .accordion .expandcontent {font-size: .9em; line-height: 1.4em; padding: 0;}
#wrapper .aside .accordion .expandcontent {padding: .5em;}
#wrapper .accordion .expandcontent dl {padding: 1em;}
#wrapper .aside ul {margin: .5em 0 2.5em 0; font-family: Helvetica, Arial, sans-serif;}
#wrapper .aside p {font-family: Helvetica, Arial, sans-serif;}
#wrapper .aside ul li {color: #555; list-style: none; list-style-position: outside; padding: 0; margin: 0;}

html.i6 #wrapper .aside ul li {float: left; width: 100%;}

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

#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;}

/*** Toolbar ***/

.toolbar {
	position: relative;
	background: rgba(0,0,0,.1);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,.2);
	position: relative;
	text-align: right;
	padding: .5em .75em;
}

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;}

/*** Box Borders ***/

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

.top {border-top: 1px solid rgba(0,0,0,.1);}

/*** Banner Listing ***/

.slideShowWrapper {height: 240px; 
  background: rgba(128,161,190,.9);
  position: relative; 
  -webkit-border-top-left-radius: .4em;
  -webkit-border-top-right-radius: .4em;
  -moz-border-radius-topleft: .4em;
  -moz-border-radius-topright: .4em;
  border-top-left-radius: .4em;
  border-top-right-radius: .4em;
}

html.ie8 .slideShowWrapper, html.ie7 .slideShowWrapper   {background: url(../img/ie/black10.png) center left repeat; padding: 0; margin: 0;}
html.ie6 .slideShowWrapper {background: #89A6C2; width: 780px;}
html.ie8 .slideShowWrapper ul.bannerlisting li {display: block;  padding: 0;}

ul.bannerlisting {margin-top: 0; padding: 0; text-align: center; width: 100%; display: block; border: 1px solid rgba(0,0,0,0);}

ul.bannerlisting li {list-style: none; height: 240px; display: block; width: 100%; position: relative; }
ul.bannerlisting li p {text-indent: -9999em;}
ul.bannerlisting {border-radius: .3em; }

ul.bannerlisting li.itemone {background: url(../img/banner/banner-all-license.png) 50% 0 no-repeat;}
ul.bannerlisting li.itemtwo {background: url(../img/banner/banner-all-license.png) 50% -240px no-repeat; }
ul.bannerlisting li.itemthree {background: url(../img/banner/banner-all-license.png) 50% -480px no-repeat; }

ul.bannerlisting li a {
	position: absolute; 
	bottom: 2em; 
	right: 15em; 
	margin: 0 auto;
}

html.ie7 ul.bannerlisting, html.ie8 ul.bannerlisting {/* background: url(../img/ie/black30.png) center repeat; */background: #194b80;}

#wrapper .slideShowWrapper .slideShowControls {position: absolute; z-index: 75; top: 5px; right: 0; border-radius: .5em;}

#wrapper .slideShowWrapper .slideShowControls div {display: inline; }
#wrapper .slideShowWrapper .slideShowControls div a {text-decoration: none; padding: .2em .4em; margin: 0; background: rgba(0,0,0,.2); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.8);} 

html.ie7 #wrapper .slideShowWrapper .slideShowControls div a, html.ie8 #wrapper .slideShowWrapper .slideShowControls div a {background: url(../img/ie/black10.png) center repeat;}

#wrapper .slideShowWrapper .slideShowControls div a:hover {color: #def; background: rgba(0,0,0,.3);}
#wrapper .slideShowWrapper .slideShowControls div.selected a {background: rgba(0,0,0,.4);}
html.ie8 #wrapper .slideShowWrapper .slideShowControls div.selected a, html.ie7 #wrapper .slideShowWrapper .slideShowControls div.selected a {background: url(../img/ie/black30.png) center repeat;}
#wrapper .slideShowWrapper .slideShowControls div a.prev {-webkit-border-bottom-left-radius: .3em; }
#wrapper .slideShowWrapper .slideShowControls div a.next {-webkit-border-top-right-radius: .3em; }

html.ie6 ul.bannerlisting li.itemone,
html.ie7 ul.bannerlisting li.itemone,
html.ie8 ul.bannerlisting li.itemone {background: #89A6C2 url(../img/banner/banner1-license_ie.png) center left no-repeat;}
html.ie6 ul.bannerlisting li.itemtwo,
html.ie7 ul.bannerlisting li.itemtwo,
html.ie8 ul.bannerlisting li.itemtwo {background: #89A6C2 url(../img/banner/banner2_ie.gif) center left no-repeat;}
html.ie6 ul.bannerlisting li.itemthree,
html.ie7 ul.bannerlisting li.itemthree,
html.ie8 ul.bannerlisting li.itemthree {background: #89A6C2 url(../img/banner/banner3_ie.gif) center left no-repeat;}

html.ie6 #wrapper ul.bannerlisting {background: #fff;}
html.ie6 #wrapper ul.bannerlisting li {text-align: left; color: #fff; border-radius: .5em;}
html.ie6 #wrapper .slideShowWrapper a.button {background: none; background: #194b80; width: auto;}  

/*** Buttons ***/

#wrapper a.button {
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 2em;
	text-decoration: none;
	padding: .5em .75em;
	background: rgba(0,0,0,.4);
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
}

html.ie8 #wrapper a.button, html.ie7 #wrapper a.button {background: url(../img/ie/black40.png) center repeat;}
html.ie6 #wrapper a.button {background: #525E65;}

html.ie8 #wrapper a.button.small, html.ie7 #wrapper a.button.small {color: #fff;}

#wrapper a.button:hover, #wrapper a.button:active {
	-webkit-box-shadow: 0 0 6px rgba(67,132,194,8);
	-moz-box-shadow: 0 0 6px rgba(67,132,194,8);
	-o-box-shadow: 0 0 6px rgba(67,132,194,8);
	box-shadow: 0 0 6px rgba(67,132,194,8);
}

#wrapper a.button.more, #wrapper a.button.more:hover {
	background: none; 
	color: #003a67; 
	padding: 0; 
	font-weight: bold;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
}

#wrapper a.button.small {padding: .3em .5em; display: inline-block; margin: 1em 0; line-height: 1.4em; background: rgba(0,0,0,.3); border-radius: .4em; font-size: .9em; text-shadow: 0 1px 0 rgba(0,0,0,.4);}

/*** Feature Block ***/

.featureblock {background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 1em;}

/*** Top News ***/

.thirteen-col.topnews {background: none; -webkit-box-shadow: none;}

.thirteen-col.topnews {
	border-radius: 0;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: .4em 0;
	background: url(../img/ie/medblue60.png) center repeat;
	background: rgba(43,121,187,.6);
	color: #fff;
	margin: 0 0 .5em 0;
	border: 0;
	text-shadow: 0 1px 0 rgba(0,0,0,.8);
	-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;
}

.thirteen-col.topnews a {color: #fff; text-decoration: none; padding: .5em 1em; font-size: .9em; display: inline-block;}
html.ie7 .thirteen-col.topnews a {vertical-align: middle;}

.thirteen-col.topnews a:hover {text-decoration: underline;}

html.ie7 .thirteen-col.topnews a, html.ie8 .thirteen-col.topnews a {}

/* 
.thirteen-col.topnews a:hover {
	-webkit-box-shadow: 0 0 8px rgba(25,75,128,.5);
	-moz-box-shadow: 0 0 8px rgba(25,75,128,.7);
	background: rgba(25,75,128,.7);
}

html.ie7 .thirteen-col.topnews a:hover, html.ie8 .thirteen-col.topnews a:hover {background: url(../img/ie/darkerblue50.png) center repeat;}

*/

.thirteen-col.topnews a em {font-weight: bold; font-style: normal; color: #eee; }

.thirteen-col.topnews.alert {background: #D76D4E; background: rgba(221,86,49,.85); width: 100%;}

.thirteen-col.topnews.alert:hover {background: #D25530; background: rgba(221,86,49,1); 	-webkit-box-shadow: 0 0 8px rgba(221,86,49,.5); -moz-box-shadow: 0 0 8px rgba(221,86,49,.5);}

html.ie6 .thirteen-col.topnews.alert a,
html.ie7 .thirteen-col.topnews.alert a,
html.ie8 .thirteen-col.topnews.alert a {background: none; background: #D76D4E; }

html.ie6 .thirteen-col.topnews.alert a:hover,
html.ie7 .thirteen-col.topnews.alert a:hover,
html.ie8 .thirteen-col.topnews.alert a:hover {background: none; background: #D25530; color: #fff;}

/*** Miscellaneous Goodies ***/

abbr[title='and'], span.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic;
	font-weight: normal;
}


abbr:hover {cursor: help;}

/*** Page Layout ***/

.borderleft {border-left: 1px solid #ccc; padding: 0 0 0 2%;}
.borderright {border-right: 1px solid #ccc;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

.topmargin {margin-top: 2em;}

/*** Pretty Ampersands ***/

span.amp, #pageContainer #header ul#navigation li a .amp {font-style: italic;font-weight: normal;}

/*** Horizontal Divider ***/

.divider {border-top: 3px solid #ddd; padding: 1em 0; margin-top: 1em;}

/*** Footer ***/

#footer {color: #fff; 	}

html.ie7 #pagecontent .footercontent, html.ie8 #pagecontent .footercontent {background: url(../img/ie/black30.png) center repeat;}

html.ie6 #footer .footercontent {background: none; background: #37618E; float: left; width: 950px; border-top: 2px solid #def;}
html.ie6 #pagecontent.homepage #footer .footercontent {width: 960px; position: relative; left: -5px;}

#pagecontent .footercontent {
  margin-top: .35em; 
  padding: 2em 5px; 
  text-align: left; 
  background: rgba(122,160,189,.8); 
  background: rgba(0,0,0,.4); 
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  -o-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.3);
  -moz-box-shadow: 0 3px 4px rgba(0,0,0,.3);
}

#footer .three-col.awards .content { margin-top: 0em; background: rgba(0,0,0,.1); padding: 1em 0; border-top: 1px solid rgba(0,0,0,.3);  border-bottom: 1px solid rgba(255,255,255,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em;  width: 8.5em; margin: 0 auto;}
html.ie8 #footer .three-col.awards .content, html.ie7 #footer .three-col.awards .content {background: url(../img/ie/black10.png) center repeat;}

html.ie6 #footer .three-col.awards .content {background: #30547D;}

#footer .three-col.awards ul li{list-style: none; margin: 0 0 .5em 1.15em;}

html.ie6 #footer .three-col.awards ul li {width: 120px;}

#footer .three-col.awards ul li a {text-indent: -9999px; display: block;  opacity: .8;}
#footer .three-col.awards ul li a:hover, #footer .three-col.awards ul li a:active {opacity: 1;}

#footer .three-col.awards ul li.bow a {background: url(../img/footer/awards.gif) 50% 0 no-repeat; height: 60px;}
#footer .three-col.awards ul li.ima a {background: url(../img/footer/awards.gif) 50% -106px no-repeat; height: 25px;}

#footer dl {
	font-size: .9em;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	color: #eee;
	margin: 0 0 1.5em 1.4em;
}

#footer dl dd dl {font-size: 1em; margin: 0;}	
#footer dl.address {float: left;}
#footer dt {font-weight: bold; line-height: 1.5em; font-size: 1.2em; color: #fff; font-family: 'JunctionRegular', Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 rgba(0,0,0,.8);}
#footer dd {line-height: 1.5em; font-size: .9em;}

#footer a {
	color: #fff; 
	text-decoration: none; 
	display: block; 
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	-o-border-radius: .3em;
	border-radius: .3em; 
	line-height: 1.2em;
	padding: .3em 0;
}

#footer a:active {color: #DDF2FD; }
#footer a:hover {color: #ddd; text-decoration: underline; cursor: pointer;}
#footer a:visited {color: #fff;}

#footer .socialweb a, #footer .blog a {padding: .35em 0 .25em 24px; -webkit-transition: color .15s ease-in-out;}
html.ie6 #pagecontent #wrapper #footer .socialweb a, html.ie6 #pagecontent #footer .blog a {padding-left: 0; background: none; }

#pagecontent #footer .footercontent a.facebook {background: url(../img/icons/icons.png) 0% -1438px no-repeat;}
#pagecontent #footer .footercontent a.facebook:hover {background:  url(../img/icons/icons.png) 0% -598px no-repeat; }

#pagecontent #footer .footercontent a.flickr {background: url(../img/icons/icons.png) 0% -1678px no-repeat;}
#pagecontent #footer .footercontent a.flickr:hover {background: url(../img/icons/icons.png) 0% -1198px no-repeat;}

#footer a.linkedin {background: url(../img/icons/icons.png) 0% -1618px no-repeat;}
#footer a.linkedin:hover {background:  url(../img/icons/icons.png) 0% -1138px no-repeat;}

#pagecontent #footer #footerwrapper a.rss {background: url(../img/icons/icons.png) 0% -1798px no-repeat; color: #fff; padding: .35em 0 .25em 24px; margin: 0;}
#pagecontent #footer #footerwrapper a.rss:hover {background:  url(../img/icons/icons.png) 0% -1258px no-repeat;}

#footer a.tumblr {background: url(../img/icons/icons.png) 0% -1738px no-repeat;}
#footer a.tumblr:hover {background:  url(../img/icons/icons.png) 0% -1078px no-repeat;}

#pagecontent #footer .footercontent a.twitter {background: url(../img/icons/icons.png) 0% -1498px no-repeat;}
#pagecontent #footer .footercontent a.twitter:hover {background:  url(../img/icons/icons.png) 0% -658px no-repeat;}

#pagecontent #footer .footercontent a.youtube {background: url(../img/icons/icons.png) 0% -1558px no-repeat;}
#pagecontent #footer .footercontent a.youtube:hover {background:  url(../img/icons/icons.png) 0% -718px no-repeat;}

/*** Dividers ***/

.dividertop {border-top: 1px solid #ddd;}
.dividerbottom {border-bottom: 1px solid #ddd;}

/*** Button List ***/

ul.buttonlist li {list-style: none;}

ul.buttonlist li a {margin: 1em 0;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

ul.buttonlist li a:hover {
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-transform: none;
}

ul.buttonlist li a.primary {
	background: #9FD159;
	color: #555;
	color: rgba(0,0,0,.7);
	text-shadow: 0 -1px 0 rgba(255,255,255,.6);
}


#wrapper #pagecontent.press ul {margin-top: 0; padding-top: 0;}
#wrapper #pagecontent.press ul li {padding: 0 0 1.5em 0; margin: 0;}
#wrapper #pagecontent.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 .2em;  display: inline-block; margin: .4em 0 .3em 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 a {text-decoration: none; color: #003a67;}
.rssheadline a:hover {text-decoration: underline;} 

#wrapper .calendars .rssheadline {padding: 0; color: #555; margin: 0; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc;}

.thirteen-col .rssheadline a {font-size: .9em;}

#pagecontent.homepage .thirteen-col .rssheadline a {font-size: 1em;}

#wrapper .pressitem {border-top: 1px solid #ddd;  border-top: 1px solid rgba(0,0,0,.2); margin: 1em 0;}

#pagecontent.press .rssheadline {margin-bottom: .4em; margin-top: .3em;}
#pagecontent.press .rssheadline a {line-height: 1.3em; padding: 0 0 .5em 0; color: #194b80;}
#pagecontent.press .rssheadline a:hover {color: #4688C6;}

#pagecontent.press .title {background: #fff; border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-bottom: 1em;}

#pagecontent.homepage .four-col.press .rssheadline a {display: block; margin-bottom: 1em; padding-bottom: .75em;}


#pagecontent.press .topshare {float: right; padding: .5em 0em 0 1.25em;  }
html.ie6 #pagecontent.press .topshare {display: none;}
html.ie6 #pagecontent.press .title {padding: 1em 0;}
html.ie6 #pagecontent.press .title img {width: auto; float: right;}

/*** Share Buttons ***/

.sharethis {background: rgba(0,0,0,.05); margin-bottom: .5em;}
html.ie6 .sharethis {display: none;}

/*** Tag list ***/

#wrapper ul.taglist li {
	border-bottom: none; 
	list-style: none; 
	list-style-position: inside; 
	color: #003a67;
}

#wrapper ul.taglist {padding: 0; margin: 0 0 1.5em 0;}
#pagecontent #wrapper ul.taglist li a {display: block; padding: .25em 0 .2em 2.1em; background: rgba(0,0,0,.05) url(../img/icons/icons.png) 0% -357px no-repeat;  }
#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 #pagecontent #wrapper ul.taglist li a, html.ie7 #pagecontent #wrapper ul.taglist li a  {background: #ECF0F2 url(../img/icons/icons.png) 0% -357px no-repeat;}

html.ie6 #pagecontent #wrapper ul.taglist li a {background: none; 0% -357px no-repeat;clear: left; padding-left: 2.4em; display: block; overflow: hidden;}
html.ie6 #pagecontent #wrapper ul.taglist li {display: block; list-style-type: square;}

#wrapper ul.taglist li a em {font-style: normal; color: #555;}

#wrapper .tagcontent {padding: 0 0 1.5em 0;}

#pagecontent #wrapper .tagcontent a {display: block; padding: 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;}

/*** Flickr ***/

#wrapper .photos img {width: 50%; margin: 0; padding: 0; }

#pagecontent.homepage #wrapper .three-col.photos span {width: 100%; display: inline-block; height: 8em; background: url(../img/backgrounds/photos.gif) top left no-repeat;}
#pagecontent.homepage #wrapper .three-col.photos span a {position: relative; display: block; top: 18px; left: 17px; height: 75px; width: 75px; -webkit-transition: all .2s ease-in-out;  }
#pagecontent.homepage #wrapper .three-col.photos span a img {width: 75px; height: 75px;}

html.ie6 #pagecontent.homepage #wrapper .three-col.photos img {width: 75px;}

/*** Content Headers ***/

.photos h3 {color: #DE128D;  padding-top: .5em;}
.mobile h3 {color: #6B3387;  padding-top: .5em;}
.green h3 {color: green; padding-top: .5em; }
.calendars h3 {color: #2B3990; padding-top: .5em; }
.alerts h3 {color: #BA0000; padding-top: .5em; }
.opendata h3 {color: #777; padding-top: .5em;}
.local h3 {color: #777;  padding-top: .5em;}
.media h3 {color: #57B6DD; }

/*** 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: #E3DFE0 url(../img/icons/icons.png) 0 -235px no-repeat; display: block; width: 90%;} 
#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: 90%;}

/*** Bread Crumb ***/

.breadcrumb  {margin: .75em .5em 1em 0; font-size: .8em; font-family: Helvetica, Arial, sans-serif; color: #555; padding: .3em .5em .3em .3em; line-height: 1.4em; }
#wrapper .breadcrumb a {text-decoration: none; margin: 0 1px 0 0; color: #777;  display: inline-block; padding: 0 .3em; display: inline-block;}
#wrapper .breadcrumb a:first-child {padding-left: 0;}
#wrapper .breadcrumb a.last {color: #2E7DBD;}

/*** Static content ***/

#wrapper .static ul li {list-style: square; list-style-position: outside; margin: 0 0 0 1.2em; padding: .3em 0; color: #444;}
#wrapper .static ol li {list-style-type: decimal; list-style-position: outside; margin: 0 0 0 1.2em;  padding: .3em 0; color: #444;}

/*** Data Table ***/

table.data caption {padding: 1em 0 .3em 0; color: #003a67;}

table.data {margin: 0 0 1em 0; background: #fff; background: rgba(255,255,255,.9); width: 100%;}
table.data th {padding: .5em .4em; background: #555; background: rgba(0,0,0,.4); color: #eee; text-shadow: 0 -1px 0 rgba(0,0,0,1);}

table.data th.name {width: 30%;}

table.data td {
	border-bottom: 1px solid #ccc;
	padding: .5em .4em;
	font-size: .9em;
}

table.data tr:hover {background: #eee;}
table.data tr:nth-child (2n+1) {background: #ccc;}

/*** Basic Forms ***/

.static form {
	background: #fff; 
	background: rgba(255,255,255,.9); 
	padding: .5em .5em 1em .5em; 
	margin-bottom: 1em; 
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.static form label {display: block;}

#wrapper .static form ol li {list-style: none; padding: 0 0 1em 0; margin: 0;}

/*** 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;}
#wrapper 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;}

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

#pagecontent #wrapper dl.snippet.towns {display: inline-block; float: left; margin: 0 2% .4em 0; width: 23%;}

#pagecontent .awards dl.snippet { height: 10.5em;}

#pagecontent .awards dl.snippet dt {padding-left: 140px;}
#pagecontent .weather dl.snippet dt {padding: 0; margin: 0;}
#pagecontent .weather dl  {position: relative;}
#pagecontent .content.weather dl dt, #pagecontent .content.weather dl dd.description {margin-left: 70px; padding-left: 0;}
#pagecontent .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;}

/*** Primary Link Content Box ***/

#wrapper .results dl a {border-radius: .3em; }

#wrapper .results dl dt {}
#wrapper .results dl dt a {
	border-radius: 0;
	margin: 0;
	-moz-border-radius: 0; 
	text-decoration: none; 
	border-bottom: 1px solid #bbb; 
	padding: .2em 0 0 0; 
	font-size: 1.2em; 
	font-family: 'JunctionRegular', Helvetica, Arial, sans-serif;
	line-height: 1.2em; 
	margin-bottom: .5em; 
	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: .85em;}

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

.results dd.tags a:hover {background-color: #ddd; text-decoration: underline;}

/*** 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;}

/*** Pagination ***/

#wrapper .pagination { font-family: Helvetica, Arial, sans-serif; color: #333;}
#wrapper .pagination ul {margin: .3em 0 1em 0; padding: .5em 0; }
#wrapper .pagination ul li {display: inline; list-style: none; margin: 0 .2em 0 0; padding: 0; line-height: 2em;}

.pagination ul li a {
	background: #337AB1; 
	color: #fff; 
	display: inline-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.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;}
#pagecontent .pagination ul li a {margin: 0; font-size: .9em;}

/*** Grid Specific Stuff ***/

#footer .one-col, #footer .two-col, #footer .three-col, #footer .four-col, #footer .five-col, #footer .six-col, #footer .seven-col, #footer .eight-col, #footer .nine-col, #footer .ten-col, #footer .eleven-col, #footer .twelve-col, #footer .thirteen-col, #footer .fourteen-col, #footer .fifteen-col, #footer .sixteen-col {background: none; -webkit-box-shadow: none;}

#header .one-col, #header .two-col, #header .three-col, #header .four-col, #header .five-col, #header .six-col, #header .seven-col, #header .eight-col, #header .nine-col, #header .ten-col, #header .eleven-col, #header .twelve-col, #header .thirteen-col, #header .fourteen-col, #header .fifteen-col, #header .sixteen-col {background: none; -webkit-box-shadow: none;}

.one-col.transparent, .two-col.transparent, .three-col.transparent, .four-col.transparent, .five-col.transparent, .six-col.transparent, .seven-col.transparent, .eight-col.transparent, .nine-col.transparent, .ten-col.transparent, .ten-col, .eleven-col.transparent, .twelve-col.transparent, .thirteen-col.transparent, .fourteen-col.transparent, .fifteen-col.transparent, .sixteen-col.transparent {background: none; -webkit-box-shadow: none; margin-bottom: 0; border-radius: 0;}

.thirteen-col.transparent.dark {background: rgba(0,0,0,.1);}
html.ie7 .thirteen-col.transparent.dark, html.ie8 .thirteen-col.transparent.dark {background: url(../img/ie/black_5.png) center repeat;}

html.ie6 .thirteen-col.transparent.dark {border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; }

.thirteen-col.transparent.dark .content {padding-bottom: 1em;}

.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 {
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.6);
	background: url(../img/ie/white90.png) center repeat;
	background: transparent rgba(255,255,255,.9);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em; 
	-o-border-radius: .3em; 
	border-radius: .3em; 
}

#footer dl.blog { border-radius: .4em;}

#footer .footercontent dl.blog .rssheadline a {padding-left: 0; font-style: italic; color: #fff;}
#footer .footercontent dl.blog blockquote {quotes: "" "";}

#pagecontent .thirteen-col.last-col, #pagecontent #wrapper .thirteen-col.primary.homecontent {margin-bottom: 0;  -webkit-border-radius: none; border-radius: none; }

a.textbuttonsmaller, a.textbuttonbigger {
	background: rgba(0,0,0,.06); 
	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: .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: 1em;
	-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 #pagecontent .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;}

#wrapper .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: .25em 0 0 1em;
	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 li {border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0,0,0,.05);}
.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 #contentcontainer a.facebook {background:  url(../img/icons/icons.png) 0% -598px no-repeat; padding-left: 24px;}
#pagecontent #contentcontainer a.twitter {background:  url(../img/icons/icons.png) 0% -658px no-repeat; padding-left: 24px;}
#pagecontent #contentcontainer a.flickr {background:  url(../img/icons/icons.png) 0% -1198px no-repeat; padding-left: 24px;}

#pagecontent #contentcontainer a.youtube {background:  url(../img/icons/icons.png) 0% -718px no-repeat; padding-left: 24px;}
#pagecontent #contentcontainer a.blog {background:  url(../img/icons/icons.png) 0% -1978px no-repeat; padding-left: 24px;}

#pagecontent #contentcontainer a.google {background:  url(../img/icons/icons.png) 0% -778px no-repeat; padding-left: 24px;}
#pagecontent #contentcontainer a.delicious {background:  url(../img/icons/icons.png) 0% -838px no-repeat; padding-left: 24px;}
#pagecontent #contentcontainer a.mslive {background:  url(../img/icons/icons.png) 0% -958px no-repeat; padding-left: 24px;}
#pagecontent #contentcontainer a.digg {background:  url(../img/icons/icons.png) 0% -1018px no-repeat; padding-left: 24px;}
#pagecontent #contentcontainer a.email {background:  url(../img/icons/icons.png) 0% -1318px no-repeat; padding-left: 24px;}
#pagecontent #contentcontainer .podcastButton a {background:  url(../img/icons/icons.png) 0% -1858px no-repeat; padding: .3em .3em .3em 24px; color: #662D91; margin: 0 0 1em 0; text-decoration: none; display: block;}
#pagecontent #contentcontainer .xmlButton a, #pagecontent #contentcontainer a.rss {background:  url(../img/icons/icons.png) 0% -1258px no-repeat; padding: .3em .3em .3em 24px; color: #f70; margin: 0 0 1em 0; text-decoration: none; display: block;}
#pagecontent #contentcontainer .xmlButton a:hover, #pagecontent #contentcontainer a.rss:hover {text-decoration: underline;}

#pagecontent #contentcontainer a.icon {text-indent: -9999em; display: block; width: 22px; height: 22px; padding: 0; margin: 0;}

/*** Search Results ***/

#wrapper .phonebook .results, #wrapper .smartsearch .results {padding: 1em; font-size: .9em;}
#wrapper .phonebook ul li , #wrapper .smartsearch ul li {list-style: none;}
#wrapper .phonebook .results ul li {margin-bottom: 1em; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 1em;}
#wrapper .phonebook .results span.tel {display: block; margin: .5em 0;  text-shadow: 0 1px 0 rgba(255,255,255,.4);}
#wrapper .phonebook .results span.tel a {background: rgba(0,0,0,.1); padding: .3em; text-decoration: none; border-radius: .3em;}

.content .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);
}
.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);
}

#wrapper a.title {color: #201DC3; font-size: 1.1em;}
.rank {float: right; color: #555;}
.url {color: #2E7649; margin-bottom: 1.5em; overflow-x: hidden;}

#pagecontent.search #wrapper .content h3, #pagecontent.bignin #wrapper .content h3 {padding-top: 2em; border-bottom: 1px solid #ccc;}

.searchresults {display: block; width: 100%; background: #fff; padding: 1em 0;}

.searchresults img {float: right;}

/*** Guide Pages ***/

#pagecontent.guide .nine-col .content h4 {font-size: 1.3em;
  background: rgb(238,238,238); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(238,238,238,1) 35%, rgba(204,204,204,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 35%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(238,238,238,1) 35%,rgba(204,204,204,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(238,238,238,1) 35%,rgba(204,204,204,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(238,238,238,1) 35%,rgba(204,204,204,1) 100%); /* W3C */
  border-radius: .2em; color: #003a67; padding: .5em;
}

#pagecontent.press h3 {color: #555; font-size: .9em;}
#pagecontent.press .title h3 {color: #003a67; font-size: 1.3em;}

#pagecontent .press ul li.last {border-top: 1px solid #ccc; padding: 1em 0; margin-top: 1em; clear: both;}

#pagecontent .press ul li.last a {display: block;}

/*** Feature ***/

#pagecontent .thirteen-col.transparent.static.feature img.banner {margin-bottom: 2em; border-bottom: 1px solid #ddd; max-width: 100%;}
#pagecontent .thirteen-col.transparent.static.feature .six-col img {padding: 0 0 1em 2em;}

html.ie6 #pagecontent .thirteen-col.transparent.static.feature img.banner {width: 100%;}

/*** Marketing Block ***/

.marketingblock {
  margin: 0 0 1em .5em;
  background: rgba(0,0,0,.06);
  padding: .5em;
}


#map_canvas {margin-bottom: 1em;}

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

#wrapper #map_canvas  dl.gmapsinfopanel {display: block; font-size: .8em; margin: 0; overflow-y: hidden;}
#map_canvas  dl.gmapsinfopanel dt a {font-weight: bold; text-decoration: none; line-height: 1.3em; display: block; padding: .3em 0; color: #C85545;}
#map_canvas  dl.gmapsinfopanel dd {display: block; padding: .2em 0;}

/***

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.

***/

