/*
 ______           _____
|  ____|         / ____|
| |____   _____ | |  __  _____   __
|  __\ \ / / _ \| | |_ |/ _ \ \ / /
| |___\ V / (_) | |__| | (_) \ V /
|______\_/ \___/ \_____|\___/ \_/
============================================================================
Copyright 2014 Delaware.Net
CSS Framework: Jonathan Hazelwood - 2014
Built Upon: Bootstrap 3.1.1
Icon Font: Font Awesome 4.1.0
Site Design & Build (by/date) : Jonathan Hazelwood - 2014
Site Launched (by/date):

1.	GLOBAL
2.	HEADER
3.	HEADER / TOPNAV
4.	HEADER / SIDENAV
5.	HEADER / MAIN NAV
6.	HEADER / MAIN NAV / DROPDOWNS
7.	HEADER / MAIN NAV / DROPDOWNS / FLYOUTS
8.	CONTENT AREA
9.	CONTENT AREA / SLIDESHOW
10.	CONTENT AREA / NEWS & EVENTS
11.	CONTENT AREA / FAQ
12.	FOOTER
13.	FOOTER / FOOTER NAV
14.	TABLET & MOBILE MEDIA QUERIES
15.	NON-SEMANTIC HELPER CLASSES
16.	PRINT STYLES
17. STYLE OVERRIDES


/* ==========================================================================
1. GLOBAL
========================================================================== */
* {
	font-family: 'Open Sans', sans-serif;
	outline: none !important;
}

p {
	font-family: 'Open Sans',sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #304e70;
	margin: 0 0 10px;
}

table {
	display: block;
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: inherit;
	font-weight: bold;
	color: #304e70;
	text-rendering: optimizelegibility;
}

h1 {
	font-size: 18px;
	line-height: 24px;
}

h2 {
	font-size: 16px;
	line-height: 24px;
}

h3 {
	font-size: 14px;
	line-height: 19px;
}

h4 {
	font-size: 13px;
	line-height: 17px;
}

h5 {
	font-size: 12px;
	line-height: 16px;
}

h6 {
	font-size: 10px;
	line-height: 15px;
}

b, strong {
	font-weight: 700 !important;
}

body{
	background-color: #4e7aa1;
}

table {
    font-size: 14px !important;
}

/*===========================================================================
2. HEADER
========================================================================== */
#header {
	padding: 10px 0 0;
}

#logo {
	display: block;
	padding: 0;
}
#logo a {
	text-shadow: 1px 1px 1px #2f4a5b;
	color: #FFF;
	width: 100%;
	display: block;
}

#headerRight {
	padding-right: 0;
	text-align: right;
}

#search {
	padding-top: 38px;
}

#search .searchBox {
	background-color: #FFF;
	border: none;
	border-radius: 20px 0 0 20px;
	height: 30px;
	padding-left: 15px;
	width: 195px;
}

#search button.submit {
	background-color: #FFF;
	border: none;
	border-radius: 0 20px 20px 0;
	color: #333;
	height: 30px;
	width: 40px;
	margin-left: -5px;
	padding: 0;
}

.fa.fa-search {
	color: #333;
	font-size: 17px;
}

#currentDate {
	color: #FFF;
	float: right;
	font-size: 13px;
	font-weight: 400;
	margin-top: 30px;
	padding-bottom: 10px;
}

.fa.fa-home {
	color: #fff;
	font-size: 18px;
	margin-left: 11px;
}

.fa.fa-home:hover {
	color: #2f4a5b;
}

/*===========================================================================
3. HEADER / TOPNAV
========================================================================== */



/*===========================================================================
4. HEADER / SIDENAV
========================================================================== */



/*===========================================================================
5. HEADER / MAIN NAV
========================================================================== */
.navbar.navbar-default.navbar {
	background-color: #953c12 !important;
}

.navbar.navbar-default.navbar .container {
	padding: 0;
}

.navbar-collapse {
	padding: 0;
	max-height: none;
}

.navbar-collapse.collapse {
	padding: 0;
}

.navbar-collapse ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.navbar-collapse ul li {
	display: inline-block;
}

.navbar-collapse ul li a {
	display: block;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	padding: 10px;
}

.navbar-collapse > ul > li > a:hover {
	text-decoration: none;
}
.navbar-collapse > ul > li:hover > a:not(.navbar-brand) {
	background-color: #843413;
}

/*===========================================================================
6. HEADER / MAIN NAV / DROP DOWNS
========================================================================== */
.navbar-collapse ul ul {
	display: none;
}

.navbar-collapse ul li:hover ul {
	background-color: #4E7AA1;
	display: block;
	float: left;
	min-height: 300px;
	left: -318px;
	top: 100%;
	padding: 10px 0;
	position: absolute;
	width: 1170px;
	z-index:1001;
	border: solid 8px #FFF;
}

.navbar-collapse ul li:hover ul li {
	width: 25%;
}

.navbar-collapse ul li:hover ul li a {
    font-size: 14px;
    font-weight: 600;
	padding: 5px 0 0 15px;
}

.navbar-collapse ul li:hover ul li a:hover {
	background-color: transparent;
	text-decoration: underline;
}

/*===========================================================================
7. HEADER / MAIN NAV / DROP DOWNS FLY OUTS
========================================================================== */
.navbar-collapse ul li:hover ul ul {
	display: none;
}

.navbar-collapse ul li:hover ul ul {
	background-color: transparent;
	border: medium none;
	display: block;
	min-height: 100px;
	left: 0;
	margin: 0;
	padding: 0 0 0 10px;
	position: relative;
	width: 100%;
}

.navbar-collapse ul li:hover ul ul li {
	float: left;
	min-height: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

.navbar-collapse ul li:hover ul ul li a {
	font-size: 14px;
	font-weight: 300;
	padding:  0 0 0 15px;
}

.navbar-collapse ul li:hover ul ul li a:hover {
	background-color: transparent;
	text-decoration: underline;
}

.navbar-collapse ul li > div {
	display: none;
}

.navbar-collapse ul li:hover > div {
	display: block;
}

/*======= MegaNav Panels ======= */
.pubTreePanel {
    position: absolute;
    right: 12px;
    top: 65px;
    z-index: 1005;
}

#pubTreeItem45012 > ul, #pubTreeItem45013 > ul, #pubTreeItem45014 > ul, #pubTreeItem45015 > ul, #pubTreeItem45016 > ul, #pubTreeItem45017 > ul /*----- Add More as Needed -----*/{
    padding-right: 225px;
}

.pubTreePanel img {
	max-width: 220px;
	height: auto;
}
/*===========================================================================
8. CONTENT AREA
========================================================================== */
#wrapper {
	width: 100%;
	background-image: url("/img/back.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.contentArea {
	padding: 0 10px;
}

.contentArea a, .contentArea a:hover {
	color: #9c3c12;
}

.contentArea img {
	border: 5px solid #fff;
	box-shadow: 0 1px 3px #444;
	margin: 0 11px !important;
}

#innercontentWrapper, #contentWrapper {
	background-color: #fff;
	box-shadow: 0 0 5px 0 #444;
	padding: 8px;
}

#content {
	float: left;
	width: 100%;
	padding: 0;
}

#innerContent {
	margin: 0;
	padding: 0 0 20px 0;
}

#ctaWrapper {
	width: 310px;
	padding: 0;
}

#ctaWrapper a h3, #innerctaWrapper a h3 {
    color: #fff !important;
}

#ctaWrapper a:hover h3, #innerctaWrapper a:hover h3 {
    color: #2F4A5B !important;
}

#innerctaWrapper {
    float: left;
}

.cta {
	background-image: url("/img/ctaBack.jpg");
	height: 132px;
	max-width: 147px;
	text-align: center;
}

.innercta {
    background-image: url("/img/ctaBack.jpg");
    height: 50px;
    max-width: 100%;
    text-align: center;
}

.cta i {
	color: #2f4a5b;
	font-size: 48px;
	margin: 28px 0 10px;
}

.innercta i {
	color: #2f4a5b;
	float: left;
	font-size: 38px;
	line-height: 50px;
}


.innercta {
    margin: 8px 0;
	z-index: 100;
}

.cta h3,
.innercta h3 {
	font-family: 'open sans',sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-shadow: 1px 1px #2f4a5b;
	font-weight: 600;
}
a:hover .cta h3,
a:hover .innercta h3 {
	text-shadow: none;
}

.innercta h3 {
	margin-top: 15px;
}

.cta a, .innercta a {
	color: #FFF;
}

.cta a:hover, .innercta a:hover {
	color: #2f4a5b;
	text-decoration: none;
}

#cta1, #cta2 {
	margin-bottom: 8px;
}

#cta1, #cta3 {
	margin-right: 8px;
	margin-left: 15px;
}

#innercta1, #innercta2, #innercta3 {
	border-right: solid 8px #FFF;
}

#socialShare {
	background-color: #f1f1f1;
	margin-right: 8px;
	margin-top: 8px;
	padding: 6px;
	height: 34px;
	overflow: hidden;
}
#innercontentWrapper #socialShare {
	height: 40px;
}

.stButton .st-twitter-counter, .stButton .st-facebook-counter, .stButton .st-sharethis-counter {
	height: 22px !important;
}

.stButton .stHBubble {
	height: 22px !important;
}

.stButton {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.st_sharethis_hcount .stArrow {
	display: none !important;
}
.stButton .st-sharethis-counter2 {
	height: 22px !important;
}

.fa.fa-rss-square {
    color: #4e789e;
    float: right;
    font-size: 22px;
}

#innercontentWrapper .fa.fa-rss-square {
    margin-right: 5px;
}

.fa.fa-rss-square:hover {
    color: #2F4A5B;
}

#innercontentWrapper #socialShare {
	width: 302px;
	margin-top: 0;
	padding: 11px 2px 11px 3px;
}

#mainnavNSlideshow {
	max-width: 844px;
	padding: 0;
}

#innercontentWrapper #mainnavNSlideshow {
	max-width: 844px;
}

#tickerWrapper {
	background-image: url("/img/board.png");
	margin-left: -25px;
	margin-top: 3px;
	min-height: 57px;
	position: relative;
	width: 104%;
	padding-top: 15px;
	padding-left: 40px;
}

#tickerText > a {
    color: #FFF;
}

#newsCol, #policeCol {
	border-right: solid 8px #FFF;
}

#eventsCol, #newsCol, #policeCol {
	margin-top: 8px;
	background-color: #F1F1F1;
	min-height: 515px;
	padding-left: 5px;
}

#newsCol h1, #policeCol h1 {
	background-image: url("/img/newstitleBK.png");
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 48px;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-size: 22px;
	font-weight: 400 !important;
	min-height: 48px;
	margin-top: 5px;
	margin-bottom: 0;
	padding-left: 10px;
	padding-top: 7px;
	text-shadow: 0 2px 1px #2f495a;
}

#eventsCol h1 {
	background-image: url("/img/eventstitleBK.png");
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 48px;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-size: 22px;
	font-weight: 400 !important;
	min-height: 48px;
	margin-top: 5px;
	margin-bottom: 0;
	padding-left: 10px;
	padding-top: 7px;
	text-shadow: 0 2px 1px #2f495a;
}

.pageListInLineViewAll {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 400 !important;
    margin-top: -30px;
}

.pageListInLineViewAll a {
	color: #953c12 !important;
	font-weight: 600;
	text-decoration: underline;
}

.pageListInLineViewAll a:hover {
	text-decoration: none;
}

#newsCol .pageListInline:last-child .pageListInlineItem > .pageListIinlineItemDecription {
	max-height: 38px;
}

#CalendarViewButtonWrapper #searchTextbox {
		background: url("//www4.team-logic.com/tl_icons/magnifying_glass.png") no-repeat scroll 10px 6px transparent;
	margin: 2px 0 0 0px;
	border: 0 none;
	font-size: 1em;
	font-weight: normal;
	height: 19px;
	line-height: 19px;
	outline: 0 none;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
	width: 70%;
	border-radius: 16px 0 0 16px;
	padding: 0 0 0 26px;
}

#pageListHeader {
	font-weight: 700;
}

/*===========================================================================
9. CONTENT AREA / SLIDESHOW
========================================================================== */
#slideshow {
	margin-top: 8px;
}

.pubSlideshowSlideshow {
    position: relative;
    z-index: 100;
}

.carousel-control.right, .carousel-control.left {
	display: none;
}

#slideshowWrapper40041 .carousel-indicators {
	bottom: 0;
	visibility: hidden;
	left: 10% !important;
}

#slideshowWrapper40041:hover .carousel-indicators {
	visibility: visible;
}

.carousel-caption {
	font-size: 15px;
	line-height: 20px;
	display: block;
	background-color: rgba(150, 170, 150, 0.75);
	width: 54%;
	right: 4px;
	bottom: 4px;
	left: auto;
	padding: 2px 12px;
	text-align: left;
	text-shadow: none;
}
.carousel-caption .btn {
	float: right;
	font-weight: 700;
	font-size: 16px;
	padding: 8px 10px;
	text-shadow: none;
	margin: 5px 0;
}

/*===========================================================================
10. CONTENT AREA / NEWS & EVENTS
========================================================================== */



/*===========================================================================
11. CONTENT AREA / FAQ
========================================================================== */



/*===========================================================================
12. FOOTER
========================================================================== */
#footerWrapper {
	min-height: 170px;
	width: 100%;
	background-color: #4E7AA1;
	position: static;
	bottom:0;
}

#footerLeft {
	padding-left: 0;
}

#footerLogo {
	padding: 20px 0;
}

#contactInfo {
	color: #fff;
	line-height: 7px;
	max-width: 345px;
	margin-bottom: 20px;
}
#contactInfo div {
	padding: 0;
}
#contactInfo p,
#contactInfo a {
	font-size: 15px !important;
	font-family: 'Open Sans',sans-serif !important;
	color: #FFF;
}

#footerRight {
	padding-right: 0;
}

#textAdjust {
    float: right;
}

#textAdjust p, #textAdjust a {
    color: #fff;
	font-size: 14px !important;
}

#google_translate_element {
	float: right;
	margin-right: 10px;
}
#twitter_button{
	float:right;
	margin-right:10px;
}

#copyRight {
	margin-top: 25px;
	float: right;
	width: 100%;
}

#copyRight p, #copyRight a {
	color: #304e70;
	font-family: 'Open Sans',sans-serif !important;
	font-size: 15px !important;
}

/*===========================================================================
13. FOOTER NAV
========================================================================== */
#footerNav {
	line-height: 1em;
	padding-top: 20px;
	width: 100%;
	text-align: right;
}

#footerNav ul {
	padding-left: 0;
	list-style: none;
}

#footerNav ul li {
	border-right: 1px solid #fff;
	display: inline-block;
	margin-right: 10px;
}

#footerNav ul li:last-child {
	border-right: none;
	margin-right: 0px;
}

#footerNav ul li:last-child a {
	padding-right: 0px;
}

#footerNav ul li a {
	color: #FFF;
	font-size: 15px;
	font-weight: 300;
	padding-right: 10px;
}

/* ==========================================================================
14. TABLET & MOBILE MEDIA QUERIES
========================================================================== */
/* -- See mobile.css -- */

/* ==========================================================================
15. Non-Semantic Helper Classes
========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ========================================================================
16. Print Styles
========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* ========================================================================
17. STYLE OVERRIDES
========================================================================== */
#treePageDetailsTitle, #treePageDetailsBreadcrumbsWrapper {
	margin: 0 10px !important;
}

#tickerText {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-shadow: 0 2px 1px #000;
}

.pageListInline {
	padding: 0;
}

.pageListInlineItem, .pageListInlineItemAlternate {
	min-height: 150px;
}

#newsCol .pageListInlineItemImage {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

.pageListInlineItemImage img {
	border: 4px solid #fff;
	box-shadow: 0 0 3px 0 #777;
	max-height: 85px;
	width: 100%;
}

.pageListInlineItemAlternate {
	border-top: solid 3px #E1E1E1;
	border-bottom: solid 3px #E1E1E1;
}

#newsCol .pageListInlineItemTitle, .pageListItemTitle {
	float: left;
	line-height: 18px;
	padding-left: 0;
	width: 100%;
}

.pageListInlineItemTitle a, .pageListItemTitle a {
	color: #304e70;
	font-size: 18px;
	font-weight: 600;
}

.pageListInlineItemTitle a:hover, .pageListeItemTitle a:hover {
	color: #304e70;
}

.pageListInlineItemDate, .pageListInlineItemDescription, .pageListItemDate, .pageListItemDescription {
	color: #304e70;
	font-size: 15px;
	font-weight: 400;
}

.pageListInlineItemDescription a, .pageListInlineItemDescription a:hover, .pageListItemDescription a, .pageListItemDescription a:hover {
	color: #953C12;
}

#newsCol .pageListInlineItemTitle {
	display: inline-block;
}

#newsCol .pageListInlineItemImage {
	width: 30%;
}

#treePageDetailsBreadcrumbsWrapper, .mapLoc-Wrapper {
	color: #304e70;
}

#treePageDetailsBreadcrumbsWrapper a, .mapLoc-Link a {
	color: #304e70;
	text-decoration: underline;
}

#treePageDetailsBreadcrumbsWrapper a:hover, .mapLoc-Link a:hover {
	color: #304e70;
	text-decoration: none;
}

#innerContent #treePageDetailsTitle, #pubFaqHeader, #pubMapHeader, #pageListHeader {
	border-bottom: 1px solid #304d77;
	color: #304e70;
	font-size: 22px;
	font-weight: 700;
	margin-top: 8px !important;
	margin-bottom: 5px !important;
}

#pageListHeader {
	text-align: left;
}

#pageList {
	padding: 0 10px;
}

#detailWrapper a {
	color: #953C12;
	text-decoration: underline !important;
}

#detailWrapper a:hover {
	color: #953C12;
	text-decoration: none !important;
}

.faqCategory {
	color: #304e70;
	font-size: 22px;
	font-weight: 700;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

#innerContent #treePageDetailsTitle, #innerContent #treePageDetailsDescription {
	margin: 0;
}

#pageDetailsDate {
	width: 100%;
}

#questionSearch #search {
	padding-top: 0;
}

#searchButton, #calendarSelectButton, #calendarSelectWrapper {
    background-color: #4d799e;
    background-image: none;
    border-image: none;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
}

#searchButton:active, #calendarSelectWrapper:active, #calendarSelectButton:active {
    background-color: #304D77;
    background-image: none;
}

.pubFAQAccordion {
	width: 100%;
	border-color: #BBB;
	border-style: solid solid none;
	border-width: 1px;
}

.pubFAQAccordion a.pubFAQAccordionLink {
    background-color: #EEE;
    border-bottom: 1px solid #BBB;
    border-top: none;
    color: #304D77;
    font-size: 14px;
    font-weight: 600;
	padding: 6px;
}

.pubFAQAccordion a.pubFAQAccordionLink:hover {
    background-color: #ddd;
}

.pubFAQAccordion a.selected.pubFAQAccordionLink {
    background-color: #ddd;
    color: #304D77;
}

.pubFAQAccordionAnswer {
    border-bottom: 1px solid #BBB;
}

input[type="text"], input[type="email"] {
    border: 1px solid #4d799e;
    font-size: 14px;
    height: 24px;
    margin-bottom: 10px;
	margin-left: 5px;
    padding-left: 5px;
}

.contactTextBox {
    border: 1px solid #4d799e;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 5px;
}

input[type="submit"] {
    background-color: #4d799e;
    border: medium none;
    border-radius: 3px;
    color: #FFF;
    margin-top: 8px;
    padding: 3px 8px;
}

#pageDetailsDate tr > td {
	color: #304d70;
	font-size: 15px;
	padding: 4px 6px 4px 0;
}

#pageDetailsPrintableLink a {
	color: #9c3c12;
}

#pageDetailsDate tr > td:nth-child(1) {
	font-weight: 700;
	width: 40px;
}

#pageDetailsImage {
	float: left;
	margin: 0 0 20px;
	width: 100%;
}

#pageDetailsImage > img {
	border: 5px solid #fff;
}

#pageDetailsImage > img {
	float: left;
}

.contentArea ul, .contentArea menu, .contentArea dir {
	color: #304e70;
	font-weight: 500;
}

.CalendarDayTitle > td {
	color: #fff;
}

#CalendarViewButtonsWrapper {
	background: #264a6e !important;
	border-bottom: none !important;
	height: 34px !important;
}

.CalendarMonthTitle {
	background: #fff !important;
	color: #264a6e !important;
}

.CalendarDayTitle {
	background-color: #4d6a8d;
	color: #fff;
}

.CalendarDayTitle > td {
	border-right: 1px solid #ededed;
	color: #FFF;
}

.CalendarViewButton {
	height: 34px;
}

.CalendarViewButtonSelected {
	background: #FFF;
	height: 34px;
	text-decoration: none !important;
}

#CalendarViewContainer div a {
	color: #fff;
}

.CalendarViewButtonSelected > a {
	color: #264a6e !important;
}

#CalendarViewContainer div a:hover {
	color: #264A6E !important;
	display: block;
}

#CalendarContainerMonthView {
	border: 1px solid #ddd;
}

.CalendarViewButton a:hover, .CalendarViewButton a:link, .CalendarViewButton a:active, .CalendarViewButtonSelected a:visited, .CalendarViewButtonSelected a:hover, .CalendarViewButtonSelected a:link, .CalendarViewButtonSelected a:active, .CalendarViewButtonSelected a:visited {
    text-decoration: none !important;
}

.CalendarDayNorm {
	background-color: #fff;
	border: 1px solid #ededed;
}

.CalendarDayNorm > a {
	color: #777 !important;
	padding-right: 3px;
}

.CalendarOtherMonth {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #999;
	padding-right: 3px;
}

.pubMapSidebar .mapLoc-Wrapper {
	min-height: 130px;
}