@import url("/data/fonts/fonts.css");
@import url("/data/fonts/font-awesome.min.css");
@import url("/data/css/weather.css");
@import url("/data/css/resizer.css");
@import url("/data/css/dropdown.css");
@import url("/data/contentstyle.css");
@import url("/data/calstyle.css");
@import url("/data/editor.css");

@font-face {
    font-family: 'weather';
    src: url('/data/layout/weather/artill_clean_icons-webfont.eot');
    src: url('/data/layout/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('/data/layout/weather/artill_clean_icons-webfont.woff') format('woff'),
         url('/data/layout/weather/artill_clean_icons-webfont.ttf') format('truetype'),
         url('/data/layout/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* fonts */
/* section stylesheets */
/* weather feed styles */
/* text resizer */
/* jquery dropdown */
/* body */
body {
	background: #BDCEE2;
	margin: 0;
	padding: 0;
	font-family: "PT Sans", Arial, sans-serif;
	font-weight: 400;
	font-size: 100%;
}
img {
	border: 0;
	vertical-align: middle;
	max-width: none;
}
img.bg {
	/* Set rules to fill background */
	min-width: 1200px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}
header, nav, section, aside, article, footer, .container, div, #EmergencyAlert {
	position: relative;
}
#toolbar, #content {
	width: 960px;
}
/** --------- HEADER ---------- **/
/* ----------------------------- */
#header {
	padding: 15px 0 10px 0;
}
#header .title {
	float: left;
	position: relative;
}
#header .title .seal {
	position: absolute;
	display: block;
	left: 2px;
	top: -3px;
	width: 112px;
	height: 112px;
	background: url(/data/images/seal.png) no-repeat;
	z-index: 150;
}
#header .title .seal:hover {
	opacity: .85;
}
#header .title .logo {
	width: 427px;
	height: 47px;
	display: block;
	background: url(/data/images/logo.png) no-repeat;
	text-indent: -999em;
	margin-left: 117px;
	margin-top: 7px;
}
#header .title .logo:hover {
	opacity: .85;
}
#header .search {
	float: right;
	text-align: right;
	position: relative;
	padding-top: 10px;
}
/** ---------- PORTALS --------- **/
/* ------------------------------ */
#portals {
	background: url(/data/images/bar_blue44px.png) repeat-x;
	width: 980px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #8C99A7;
	z-index: 99;
	margin-left: -10px;
}
#portals ul {
	margin: 0 0 0 122px;
	padding: 0;
	list-style: none;
	height: 44px;
	border-left: 1px solid #0C2339;
}
#portals ul li {
	line-height: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	float: left;
	border-right: 1px solid #0C2339;
	border-left: 1px solid #8C99A7;
}
#portals ul li a {
	color: #e3f6ff;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 black;
	display: block;
	text-decoration: none;
	padding: 0 18px;
	font-size: 17px;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
#portals ul li a:hover {
	background: #0c2339;
	color: white;
}
#portals ul li.gov a, #portals ul li.dept a {
	padding: 0 26px;
}
#portals ul li.links {
	border-right: none;
}
#portals.gov li.gov a, #portals.dept li.dept a, #portals.about li.about a, #portals.forms li.forms a, #portals.links li.links a {
	background: #0c2339;
	color: white;
}
/** ---------- BANNER --------- **/
/* ------------------------------ */
#banner {
	height: 246px;
	background: transparent url(/data/images/banner_bg.png) top repeat-x;
	border: 1px solid white;
	border-top: none;
	width: 960px;
}
#banner #left, #banner #right {
	position: absolute;
	height: 234px;
	top: 2px;
	background: url(/data/images/photo_shadow.png) center bottom no-repeat;
	padding-bottom: 15px;
}
#banner #left img, #banner #right img {
	border: 3px solid white;
}
#banner #left {
	width: 503px;
	left: 5px;
}
#banner #right {
	width: 429px;
	right: 11px;
}
/** ---------- TOOLBAR --------- **/
/* ------------------------------ */
#toolbar {
	padding: 5px 0;
	height: 38px;
	background: #d5deea url(/data/images/toolbar_bg.png) top repeat-x;
	border-bottom: 1px solid white;
}
#toolbar .row {
	margin-top: 2px;
}
#toolbar .howdoi {
	border-right: 1px solid white;
	padding-right: 10px;
}
#toolbar .breadcrumbs {
	padding: 7px 10px;
	border-left: 1px solid #7D8F9F;
	border-right: 1px solid white;
	margin: 0;
	line-height: 1;
	font-size: 14px;
	background: none;
	color: #1b3f6d;
}
#toolbar .breadcrumbs a {
	text-decoration: none;
	color: #435f6e;
}
#toolbar .icons {
	padding: 0 10px 0 20px;
	border-left: 1px solid #7D8F9F;
	width: 130px;
	line-height: 35px;
	margin-left: 0;
}
#toolbar .icons a {
	color: #435f6e;
	text-decoration: none;
	font-size: 100%;
	padding: 0 3px 0 0;
	cursor: pointer;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
#toolbar .icons a:hover {
	color: #0c2339;
}
#toolbar .icons a i {
	padding-right: 2px;
}
/** ---------- CONTENT --------- **/
/* ------------------------------ */
#content {
	background: #F7F9FC;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position: relative;
	/* overflow: auto; */
	box-shadow: 0 5px 15px #666;
}
#content .home .editable {
	width: 445px;
	float: left;
}
/* Buttons */
a.viewCalendar {
	float: right;
	display: inline-block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: url(/data/images/bar_blue44px.png) repeat-x;
	background-size: 100% 100%;
	color: white;
	text-transform: uppercase;
	font-size: 90%;
	text-shadow: 1px 1px 0 black;
	height: 28px;
	line-height: 28px;
	padding: 0 15px;
	text-decoration: none;
}
a.viewCalendar:hover {
	color: #ffffcc;
	background: #0c2339;
}
a.moreButton {
	float: right;
	display: inline-block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: url(/data/images/bar_yellow37px.png) repeat-x;
	background-size: 100% 100%;
	border: 1px solid #db8224;
	text-align: center;
	width: 115px;
	line-height: 32px;
	color: #251909;
	text-decoration: none;
	font-weight: 700;
}
a.moreButton:hover {
	background: #FEE04C;
}
/** Sidebar **/
/** ------- **/
#sidebar {
	padding: 15px 10px;
	min-height: 485px;
	width: 210px;
	background: url(/data/images/sidebar_bg.png) top repeat-x;
}
/** Main **/
/** ---- **/
#main section {
	width: 320px;
	padding: 15px 18px;
	float: left;
	margin: 10px 0;
	background: transparent url(/data/images/section_bg.png) top no-repeat;
}
#main section h2 {
	font-family: "Crimson Text", Georgia, Times, serif;
	font-style: normal;
	font-weight: 400;
	color: #B87723;
	font-size: 180%;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #F3ECE2;
	margin: 0;
}
#main section.news {
	margin-left: -12px;
}
/** Aside Buttons **/
/** ------------- **/
aside.buttons {
	float: right;
	width: 220px;
	margin: 10px 10px 0 20px;
}
aside.buttons ul {
	list-style: none;
	margin: 0;
	padding: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #db8224;
}
aside.buttons ul li {
	background: url(/data/images/bar_yellow37px.png) repeat-x;
	background-size: 100% 100%;
	height: 37px;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #db8224;
}
aside.buttons ul li.first {
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
aside.buttons ul li.last {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom: none;
}
aside.buttons ul li a {
	display: block;
	font-weight: 700;
	color: #251909;
	text-decoration: none;
	padding: 8px 0 6px 45px;
	text-shadow: 1px 1px 1px white;
	font-size: 15px;
}
aside.buttons ul li a.emailNotify {
	background: url(/data/images/icon_notifications.png) left no-repeat;
	padding-top: 2px;
	line-height: 1;
}
aside.buttons ul li a.emailNotify span {
	font-family: "Crimson Text", Georgia, Times, serif;
	font-style: italic;
	font-weight: 600;
	font-size: 12px;
	display: block;
  margin-top: 3px;
}

aside.buttons ul li a.emergencyNotify {
	background: url(/data/layout/images/icon_emergency_notifications.png) left no-repeat;
	padding-top: 2px;
	line-height: 1;
}

aside.buttons ul li a.emergencyNotify span {
	font-family: "Crimson Text", Georgia, Times, serif;
	font-style: italic;
	font-weight: 600;
	font-size: 12px;
	display: block;
  margin-top: 3px;
}
aside.buttons ul li a.onlinePayments {
	background: url(/data/images/icon_payments.png) left no-repeat;
}
aside.buttons ul li a.harvest {
	background: url(/images/layout/icon_harvest.png) left no-repeat;
}
aside.buttons ul li a.rescueBuck {
	background: url(/data/images/icon_buck.png) left no-repeat;
}
aside.buttons ul li a.plansouthington {
	background: url(/data/layout/images/plan_southington.png) left no-repeat;
  background-position: 3px 7px;
}
aside.buttons ul li a.facebook {
	background: url(/data/images/icon_facebook.png) left no-repeat;
}
aside.buttons ul li:hover {
	background: #FEE04C;
}
/** Footer **/
/** ------ **/
#footer {
	margin: 20px 0;
	padding: 20px 0;
	background: transparent url(/data/images/footer_bg.png) top repeat-x;
	width: 100%;
}
#footer .container {
	margin: 0 auto;
}
#footer .townHall,  #footer .municipalCenter {
	font-family: "Crimson Text", Georgia, Times, serif;
	font-style: normal;
	font-weight: 400;
	color: #1b3f6d;
	font-size: 17px;
	line-height: 1.35;
	border-right: 1px solid #F6F9FC;
	border-left: 1px solid #8B9DB2;
	margin: 0;
	width: 175px;
	min-height: 125px;
	padding: 5px 20px;
}
#footer .townHall h4,  #footer .municipalCenter h4 {
	padding-bottom: 5px;
}
#footer .townHall a,  #footer .municipalCenter a {
	font-family: "PT Sans", Arial, sans-serif;
	font-weight: 700;
	font-size: 13px;
	text-decoration: underline;
	color: #26588C;
}
#footer .townHall a:hover,  #footer .municipalCenter a:hover {
	color: #db8224;
}
#footer .townHall {
	border-left: none;
}
#footer .footerNav {
	margin: 0;
	border-left: 1px solid #8B9DB2;
	width: 260px;
	min-height: 125px;
	padding: 10px 0 0 0;
}
#footer .footerNav ul {
	list-style: none;
}
#footer .footerNav ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 50%;
}
#footer .footerNav ul li a,
.copyright-text {
	color: #1b3f6d;
	font-family: "PT Sans", Arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 13px;
}
.copyright-text {
    position: static;
    margin-left: 25px;
}
#footer .footerNav ul li a:hover {
	color: #db8224;
}
#footer .weather {
	width: 245px;
	margin: 0;
	padding: 0;
	float: right;
}
#FB_AP h2 {
	display: none;
}

/** Open Space **/
/** ---------- **/

#openspace h2 {
    font-family: 'Crimson Text', Georgia, Times, serif;
    font-weight: 600;
    font-size: 18px;
    color: #2A52A4;
    padding: 0;
    margin: 0;
    line-height: 2;
    text-shadow: 1px 1px 2px white;
}

#openspace .ContentTemp_SideCol a {
    color: #2A52A4;
    font-weight: bold;
}


/* Weather */

#weather i {
  color: #1b3f6d;
  font-family: weather;
  font-size: 60px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
  vertical-align: middle;
  padding-right: 5px;
}

h2.weather-head {
    margin-bottom: 5px!important;
}

#weather .icon-0:before { font-family: weather;content: ":"; }
#weather .icon-1:before { font-family: weather;content: "p"; }
#weather .icon-2:before { font-family: weather;content: "S"; }
#weather .icon-3:before { font-family: weather;content: "Q"; }
#weather .icon-4:before { font-family: weather;content: "S"; }
#weather .icon-5:before { font-family: weather;content: "W"; }
#weather .icon-6:before { font-family: weather;content: "W"; }
#weather .icon-7:before { font-family: weather;content: "W"; }
#weather .icon-8:before { font-family: weather;content: "W"; }
#weather .icon-9:before { font-family: weather;content: "I"; }
#weather .icon-10:before { font-family: weather;content: "W"; }
#weather .icon-11:before { font-family: weather;content: "I"; }
#weather .icon-12:before { font-family: weather;content: "I"; }
#weather .icon-13:before { font-family: weather;content: "I"; }
#weather .icon-14:before { font-family: weather;content: "I"; }
#weather .icon-15:before { font-family: weather;content: "W"; }
#weather .icon-16:before { font-family: weather;content: "I"; }
#weather .icon-17:before { font-family: weather;content: "W"; }
#weather .icon-18:before { font-family: weather;content: "U"; }
#weather .icon-19:before { font-family: weather;content: "Z"; }
#weather .icon-20:before { font-family: weather;content: "Z"; }
#weather .icon-21:before { font-family: weather;content: "Z"; }
#weather .icon-22:before { font-family: weather;content: "Z"; }
#weather .icon-23:before { font-family: weather;content: "Z"; }
#weather .icon-24:before { font-family: weather;content: "E"; }
#weather .icon-25:before { font-family: weather;content: "E"; }
#weather .icon-26:before { font-family: weather;content: "3"; }
#weather .icon-27:before { font-family: weather;content: "a"; }
#weather .icon-28:before { font-family: weather;content: "A"; }
#weather .icon-29:before { font-family: weather;content: "a"; }
#weather .icon-30:before { font-family: weather;content: "A"; }
#weather .icon-31:before { font-family: weather;content: "6"; }
#weather .icon-32:before { font-family: weather;content: "1"; }
#weather .icon-33:before { font-family: weather;content: "6"; }
#weather .icon-34:before { font-family: weather;content: "1"; }
#weather .icon-35:before { font-family: weather;content: "W"; }
#weather .icon-36:before { font-family: weather;content: "1"; }
#weather .icon-37:before { font-family: weather;content: "S"; }
#weather .icon-38:before { font-family: weather;content: "S"; }
#weather .icon-39:before { font-family: weather;content: "S"; }
#weather .icon-40:before { font-family: weather;content: "M"; }
#weather .icon-41:before { font-family: weather;content: "W"; }
#weather .icon-42:before { font-family: weather;content: "I"; }
#weather .icon-43:before { font-family: weather;content: "W"; }
#weather .icon-44:before { font-family: weather;content: "a"; }
#weather .icon-45:before { font-family: weather;content: "S"; }
#weather .icon-46:before { font-family: weather;content: "U"; }
#weather .icon-47:before { font-family: weather;content: "S"; }

#weather h2 {
  margin: 0;
  color: #1b3f6d;
}

#weather ul {
    padding-left: 5px;
    margin-top: 5px;
    margin-left: 0;
    list-style-type: none;
}