/* CSS Document for Joomla styles 3x Municipality of Colchester */

/*	================================================================================== 
	AUTHORS
	The default Joomla CSS template was originally developed by Barrie North. 
	This document adjusted for Joomla 1.6 by C.R. van Oudheusden, Joomla-CSS.
	For more information go to www.joom-css.nl.

	DISCLAIMER
	While Joomla-CSS has taken the greatest care in preparing this document. No
	liability can be accepted by Joomla-CSS for any errors or omissions in the published
	information. Joomla-CSS like wise accepts no liability for loss arising from or related
	to the use of information presented in this document or website.

	COPYRIGHT
	You are free to copy and use this document or alter it in any way.
	================================================================================ */


#HumiJobBoard .humi-job-board-category-header-title {
      font-size: 2rem;
}

#HumiJobBoard .humi-job-board-posting-title a  {
	color: #00a7b5 !important; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; font-weight: 500 !important;
}

#HumiJobBoard .humi-job-board {border: none;}
#HumiJobBoard .humi-job-board-powered-by {display: none;}


.item-page #HumiJobBoard .humi-job-board-posting-link  a {
    background-color: #00a7b5;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	padding: 5px .8rem;
	color: #fff;
	width: 100px;
	border-radius: .5em;
	margin: 20px 0 0 0;
	display: block;
	text-align: center;
}


@media only screen and (min-width:1040px) {
	.customlogo {width: 370px;  position: absolute; z-index: 100; top: 47px; left: 120px  }
	.brand {width: 100%; min-height: 192px;}
	.main-nav {position: relative; top: -90px}
	#___gcse_0 {width: 380px; margin: 20px 20px 0 0; position: absolute; top: 94px; right: 3px; z-index: 100}
	.customsm {position:absolute; top: 62px; right: 110px; z-index: 10}
	.customf-logo {position: absolute; right: 0; top: -308px;}
	.customf-logo2 {display: none;}
	.main-nav {position: relative; top: -90px}
}


@media only screen and (max-width:1039px) and (min-width:800px) {
	.customlogo {width: 370px;  position: absolute; z-index: 100; top: 47px; left: 20px  }
	.brand {width: 100%; min-height: 192px;}
	 .brand {width: 100%; min-height: 288px;}
	 .main-nav {position: relative; top: -60px}
	  #___gcse_0 {width: 380px; margin: 20px 20px 0 0; position: absolute; top: 94px; right: 3px;}
	  .customsm {position:absolute; top: 62px; right: 110px; z-index: 10}
	  .customf-logo {display: none;}
	  .main-nav {position: relative; top: -90px}
	
}

@media only screen and (max-width:799px) {
.brand {width: 100%; min-height: 305px;}
.main-nav {position: relative; top: -60px}
}


@media only screen and (min-width:900px) {
.content-container #show-below {float: right; width: 70%;  font-size: 1.1em;}
.content-container #main-sidebar {float: left; width: 25%;}
.item-page {position:relative; margin: 0 20px 0 0;}
#main { margin: 0 15px 15px 0;}
#news {margin-right: 15px;} 
.collection div.collection-items div { width: 38%;}
#main-sidebar .current a, #main-sidebar .current a:hover, #main-sidebar .current a:focus { padding: 2px;}

}


@media only screen and (max-width:899px) {
.content-container #show-below {float: right; width: 100%;  font-size: 1em; }
.content-container #show-below #intro {margin: 0 20px;}
.content-container #main-sidebar {float: left; width: 90%; margin: 0 10px;}
#main-sidebar .current a, #main-sidebar .current a:hover, #main-sidebar .current a:focus { padding: 2px;}

.item-page, .blog, .k-ui-ltr {position:relative; margin: 0 20px;}
#main { margin: 0 !important;}
#news {margin: 0;} 
.collection div.collection-items div { width: 80%;}

}


@media only screen and (min-width:601px) and (max-width:799px) {
	 .customlogo { margin: 20px auto; height: 80px; width: 340px;}
	 .customsm {margin: 0 auto;}
	 #___gcse_0 {width: 380px; margin: 20px auto 0 auto;}
 	 .customf-logo {display: none;}
	 #site-footer .footer-inner {background: #006067; float: left; width: 100%; margin: 0 0 40px 0; min-height: 290px;}
	 .main-nav {position: relative; top: -60px}
	 
	}
 


@media only screen and (min-width:601px) {
	.customfeatures {padding: 20px; border: 1px solid #aaa; margin: 0 0 30px 0; background: #f6fbfa;}
	 .featured-items div a {margin: 23px;}
	 
	 .dj-megamenu-wrapper {top: -32px;}
	 
	 .customlogo-sm {display: none;}
	
	 
	 .
	 2 {display: none;}
	 
	 #site-footer .footer-inner {background: #006067; min-height: 193px;}
	 .footer-inner .nav {float: left; width: 140px; margin: 44px 20px 0 20px;}
	 .customaddress {width: 400px; float: left; margin: 44px 0 44px 20px;}
	 
	 #mwv { margin: 10px 20px 20px 20px;}
	 .mod_docman_icons li {width: 22%;}
	 .moduletablenews #lnee_128 ul.latestnews-items li.latestnews-item {width: 26.4%;}
	ul.latestnews-items {justify-content: start;}
	.k-ui-namespace .mod_docman ul {justify-content: start;}
	.bottom-features .inner-feature	.moduletabledocuments {margin: 0 0 120px 0;}
	.members-of-council .details {width: 500px;}
	.members-of-council .details { margin: 0; padding: 10px 0 0 10px;}
}

@media only screen and (max-width:600px) {
.customfeatures {padding: 20px 0; border: 1px solid #aaa; margin: 0 0 30px 0; background: #f6fbfa;}
 .featured-items div a {margin: 23px 0;}
 .brand {width: 100%; min-height: 288px;}
 .dj-megamenu-wrapper {top: 0;}

 .customlogo {display: none;}
 .customsm { margin: 0 auto; height: 40px}
 #___gcse_0 {width: 290px; margin: 22px auto 0 auto;}
 
 .customf-logo {display: none;}
 .customf-logo2 {float: right; margin: 0 10px 10px 0;}
 
   #site-footer .footer-inner {background: #006067; float: left; width: 100%; margin: 0 0 40px 0; min-height: 290px;}
  .footer-inner .nav {float: left; margin: 44px 20px 0 20px; }
  .customaddress {float: left; margin: 44px 0 0 20px;}
  
  #mwv { margin: 30px 20px 70px 20px;}
  
  
  .moduletablenews #lnee_128 ul.latestnews-items li.latestnews-item {width: 80%;}
  .mod_docman_icons li {width: 80%;}
  ul.latestnews-items {justify-content: center;}	
.k-ui-namespace .mod_docman ul {justify-content: center;}
.bottom-features .inner-feature	.moduletabledocuments {margin: 0 0 40px 0;}
.main-nav {position: relative; top: -90px}
.menumenu2{margin: 440x 40px 0 20px;}
.members-of-council .details {width: 280px;}
.members-of-council .details { margin: 0; padding: 10px 0 0 0;}
  
}



@media only screen and (min-width:439px) and (max-width:1039px) {
	.customf-logo2 {position:absolute; right: 10px; top: 10px;}
}

@media only screen and (min-width:340px) {
	div.items div {margin: 0 15px; max-width: 40%;}
}

@media only screen and (max-width:339px) {
div.items div {margin: 0 15px; max-width: 100%;}
}
	
	
body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333;}




.members-of-council {margin: 20px 0 0 0;}
.members-of-council section {display: flex; flex-wrap: wrap; justify-content: start; margin: 0 0 20px 0 !important; padding: 0 0 10px 0; border: 1px solid #eee; }
.members-of-council .councillor {margin: 0 20px 0 0; padding: 10px 0 0 10px;}
.members-of-council .district {width: 500px;  padding: 10px 0 0 10px;}
.members-of-council .district div img {float: right;}
.members-of-council .contact { width: 250px; margin: 0 20px 0 0;  padding: 10px 0 0 10px;}



.members-of-council .details ul {column-count: 2; column-gap: 70px;}
.members-of-council h3 {border: 1px solid #eee; padding: 3px 0; margin: 10px 0 !important; background: #f8f8f8;}
.members-of-council d-title {margin: 45px 0 15px 0;}



.collection {border: 2px solid #1aaf8b; padding: 15px; margin: 60px 0;}
.collection h2 {background: #20a5b4; padding: 10px; color: #fff; margin: 0 !important;}
.collection h4 {font-size: 1.4em; margin: 0 0 15px 0;}
.collection div {width: 100%; margin: 0; position: relative}
.collection div p {width: 100%; float: left;}
.collection .image_left {margin: 0 15px 0 0;}





.collection div.collection-items {display: flex; justify-content: center; flex-wrap: wrap; margin: 20px 0;}
.collection div.collection-items div {border: 1px solid #20a5b4; padding: 15px; margin: 10px;}
.a-z {display:flex; flex-wrap: wrap;}
.a-z a, .a-z span  {display: block; padding: 5px; border: 1px solid #00b08a; font-size: 1.2em; margin: 0 5px 5px 5px;}
.a-z a:hover, .a-z span:hover, .a-z a:focus, .a-z span:focus {border: 1px solid #000;}



.gr-menu {display: flex; flex-wrap: wrap; justify-content: center; margin: 60px 0;}
.gr-menu li { list-style: none;}
.gr-menu li a {display:block; height: 193px; width: 215px; position: relative; padding: 20px 20px 40px 20px; margin: 10px; border: 1px solid #ccc;}
.gr-menu li a:hover, .gr-menu li a:focus { border: 1px solid #000;}
.gr-menu li a span {position: absolute; top: 200px; left: 20px; color: #000;}


.sorting-menu {display: flex; flex-wrap: wrap; justify-content: center; margin: 60px 0;}
.sorting-menu  li { list-style: none;}
.sorting-menu  li a {display:block; height: 201px; width: 261px; position: relative; padding: 20px 18px 40px 18px; margin: 15px; border: 1px solid #ccc;}
.sorting-menu  li a:hover, .sorting-menu li a:focus { border: 1px solid #000;}
.sorting-menu  li a span {position: absolute; top: 229px; left: 20px; color: #000; font-size: .9em}

.educational-services-menu {display: flex; flex-wrap: wrap; justify-content: center; margin: 60px 0;}
.educational-services-menu li { list-style: none;}
.educational-services-menu  li a {display:block; height: 201px; width: 261px; position: relative; padding: 20px 15px 40px 15px; margin: 15px; border: 1px solid #ccc;}
.educational-services-menu  li a:hover, .sorting-menu li a:focus { border: 1px solid #000;}
.educational-services-menu  li a span {position: absolute; top: 229px; left: 20px; color: #000; font-size: .9em}

p.game {width: 83%; margin: 30px auto;}



.gr-social { float: left; width: 100%; margin: 15px 0 25px 0;}
.gr-social ul {margin:0; padding:0; float: left; margin: 2px 0 0 10px;}
.gr-social ul li {margin:0; padding:0; float: left; list-style: none;}


.gr-social span.follow {float: left;}
.gr-social a.gr-facebook {width: 39px; height: 39px; float: right; margin: 0 10px 0 0;}
.gr-social a.gr-twitter {width: 39px; height: 39px; float: right; margin: 0 10px 0 0;}

.gr-social a.gr-facebook span, .gr-social a.gr-twitter {text-indent: 200%; white-space: nowrap; overflow: hidden;display: block;}

.gr-social a.gr-facebook {background: url(../img/gr-social.gif) 0 0 no-repeat !important; padding:0 !important; margin-right: 10px;}
.gr-social a.gr-twitter {background: url(../img/gr-social.gif) -32px 0 no-repeat !important; padding:0 !important;}

.gr-social a.gr-facebook:hover, .gr-social a.gr-facebook:focus {background: url(../img/gr-social.gif) 0 -30px no-repeat !important; padding:0 !important; margin-right: 10px;}
.gr-social a.gr-twitter:hover, .gr-social a.gr-twitter:focus {background: url(../img/gr-social.gif) -32px -30px no-repeat !important; padding:0 !important;}


.district-column, .phone-column {width: 28%;}






/*header */

/* Top Message - based on message module */
.custom-message {background: #126067; color: #fff; padding: 9px 6px; margin: 0 0 10px 0;}
.message-title {font-weight: bold; font-size: 1.7em; margin: 10px 0 0 0; line-height: 1.2em}
.custom-message a, #djckm.djckm-top a {color: #fff; text-decoration:underline; font-size: 1em }
.custom-message a:hover, #djckm.djckm-top a:hover {color: #fff; text-decoration: none;}
p.message-content {font-size: 1.6em; position: relative; top: 10px; line-height: 1.1em;}
.message-title img { margin: -5px 15px 15px 0;}
#homepage #djckm.djckm-top .djckm-wrapper {background: #126067;}
.cookie-alert a:hover {text-decoration:none;}
.cookie-alert#djckm.djckm-top .djckm-content .djckm-content-in .djckm-pad {padding: 0;}

.djckm-content {background: #126067;}

/* Top bar skip */
#skiplink {display: block; padding: 1rem; text-align: center; color: #165788;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}

#customlogo a:focus, #customsm a:focus {outline: dotted 1px #fff; outline-offset: 5px;}
a:active, a:focus { outline: thin dotted #333; /* outline: 5px auto -webkit-focus-ring-color; */ outline-offset: -2px;}


#homepage h1 {font-size: .5em !important; font-weight:normal; line-height: 1em !important; margin:0 !important;}
/* Breand */


.customlogo-sm {width: 230px;  margin: 10px auto 0 auto;}





/* DJ MegaMenu */
.main-nav .dj-megamenu-amans li a.dj-up_a span {float: none; display:inline; line-height: 30px;}
.dj-megamenu-amans li a.dj-up_a .arrow {visibility: hidden;}
.main-nav .dj-megamenu-amans > li.dj-up.fullsub > a {font-size: 1em;}
/* #homepage .dj-megamenu-wrapper {position: absolute; z-index: 1; width: 100%; background-color: rgba(0,0,0,0.3); top:0;} */
.dj-megamenu-wrapper {position: absolute; z-index: 1; width: 100%;}



.main-nav .dj-megamenu-amans li ul.dj-submenu > li > a:hover, .main-nav .dj-megamenu-amans li ul.dj-submenu > li > a:focus {background:#e6f7f3; color: #00447b !important}
.main-nav .dj-megamenu-amans li ul.dj-submenu > li > a.active {background:#126067; color: #fff !important;} 
.dj-subwrap-in {padding: 0 0 20px 0;}
nav .dj-megamenu-amans li ul.dj-submenu > li.parent > a .arrow {display: none;}

.dj-megamenu-amans li ul.dj-subtree > li > a, .dj-megamenu-amans li ul.dj-subtree > li:after {color: #616161 !important;}
.dj-megamenu-amans li ul.dj-subtree > li > a:hover, .dj-megamenu-amans li ul.dj-subtree > li > a:focus {color: #000 !important;}
.dj-megamenu-amans li ul.dj-submenu > li > a {color: #000 !important;}
.dj-megamenu-amans li ul.dj-submenu > li > a .dj-icon {color: #00447b;}
.dj-megamenu-amans li ul.dj-submenu > li.active > a .dj-icon {color: #fff;}



.dj-megamenu-amans li ul.dj-submenu > li > a:hover, .dj-megamenu-amans li ul.dj-submenu > li > a:focus {color: #fff !important;}
.dj-megamenu-amans.ml-hover li div.dj-subwrap {background: #fff !important;}
.dj-megamenu-amans .djsubrow_separator {border-bottom: 1px solid #ccc !important;}
.dj-megamenu-amans.ml-hover li div.dj-subwrap {border: 1px solid #aaa;}

.dj-subwrap-in a {font-family: franklin-gothic-atf,sans-serif !important; font-weight: 400 !important; font-style: normal;} 




.customsm ul {display: flex; justify-content: center;}
.customsm ul li {float: left; list-style: none;}
.customsm ul li a {float:left; display:block; margin:0 15px; width: 40px; height: 40px;}
.customsm .facebook a {background: url(../img/sm-logos.png) 0 0 no-repeat !important;}
.customsm .twitter a {background: url(../img/sm-logos.png) -64px 0 no-repeat !important;}
.customsm .linkedin a {background: url(../img/sm-logos.png) -126px 0 no-repeat !important;}






.gr-social a.gr-facebook {background: url(../img/sm-logos.png) 0 0 no-repeat !important; padding:0 !important; margin-right: 10px;}
.gr-social a.gr-twitter {background: url(../img/sm-logos.png) -63px 0 no-repeat !important; padding:0 !important;}

.gr-social a.gr-facebook:hover, .gr-social a.gr-facebook:focus {background: url(../img/sm-logos.png) 0 -60px no-repeat !important; padding:0 !important; margin-right: 10px;}
.gr-social a.gr-twitter:hover, .gr-social a.gr-twitter:focus {background: url(../img/sm-logos.png) -63px -60px no-repeat !important; padding:0 !important;}

.customsm .facebook a:hover {background: url(../img/sm-logos.png) 0 -60px no-repeat !important;}
.customsm .twitter a:hover {background: url(../img/sm-logos.png) -64px -60px no-repeat !important;}
.customsm .linkedin a:hover {background: url(../img/sm-logos.png) -126px -60px no-repeat !important;}


#___gcse_0 table.gsc-search-box {margin-bottom: 2px !important;}
#___gcse_0 table#gs_id50 {margin-bottom: 0 !important;}
#___gcse_0 .gsc-search-button-v2 {background-color: #f99e55; padding: 6px; }
#___gcse_0 table#gs_id50 tbody tr:nth-child(odd) td {background: none;}
/* #___gcse_0 tbody tr:nth-child(odd) td {background: #00b08a;} */
#___gcse_0 table.gsc-search-box td.gsc-input {padding: 0 0 0 6px;}
#___gcse_0 .gsc-search-button {margin:0;}

.item-page .formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive select {
    width: 210px !important;}

.item-page .formResponsive textarea {width: 80% !important;}



.inner-feature h2.newstitle {font-size: 1.1em !important; margin: -10px 0 20px 0 !important; min-height:90px; border-bottom: 1px solid #01af8a; }
h2.newstitle a {padding: 15px 25px 15px 25.7%; display:block; text-decoration: none; color: #000; line-height: 1.2em;}
h2.newstitle a:hover, h2.newstitle a:focus {text-decoration: underline;}
.innerpicture img {border-bottom: 1px solid #01af8a; display: block !important}
div.newshead.picturetype {margin: 0 20px 30px 0;}

.readalllink a {background: #179776; color: #fff; text-decoration: none; display:block; text-align: center; padding:9px 0; border: 1px solid #179776; width: 33%; margin: 0 auto;}
.readalllink a:hover, .readalllink a:focus {background: #179776; border: 1px solid #000;}


.moduletablenews #lnee_128 ul.latestnews-items li.latestnews-item {font-size: 14px;  margin: 15px 1.5%; padding: 15px 1.5%; background: #fff; border: 2px solid #1bb18b;}




.moduletablenews #lnee_128 ul.latestnews-items li.latestnews-item:hover, .moduletablenews #lnee_128 ul.latestnews-items li.latestnews-item:focus {border: 2px solid #fa9d57;}


.moduletablenews .lnee dd.newsextra, .lnee dl.item_details, .lnee ul.latestnews-items li p { margin: 0; padding: 0 0 8px 12px;}

#home #main-sidebar {display: none !important;}

.brand {background: #fff;}

.image {position:relative;}

.top-bar-inner p, .brand p, #homepage .image p {margin:0;}



.brand  {position: relative;}


/* Featured Items */

.featured-items {display:flex; flex-wrap: wrap; justify-content: center;}
.featured-items div a {width: 257px;
    background: #fff;
    display: block;
    text-decoration: none !important;
    min-height: 437px;
    border: 2px solid #1ca6b3;
}
 

.featured-items div a:hover, .featured-items div a:focus  {  border: 2px solid #fa9d57;/*-webkit-box-shadow: 6px 7px 17px 3px rgba(0,0,0,0.39);
-moz-box-shadow: 6px 7px 17px 3px rgba(0,0,0,0.39);
box-shadow: 6px 7px 17px 3px rgba(0,0,0,0.39); */} 


.featured-items div a span.item-title  {display:block; text-align: center; color: #00a6b6; text-transform: uppercase; text-decoration: none;  margin: 10px 0 20px 0; font-size: 1.2em;}
.featured-items div a span.item-content {text-align: left; color: #000; padding: 0  15px 15px 15px; display: block; }
.featured-items div span.featured-image { margin: 0 auto; display: block; width: 203px; height: 187px}





.bottom-features .inner-feature	.moduletablenews {max-width: 100%; background: #1bb18b; padding: 0 0 15px 0; margin: 0 0 20px 0;}
.bottom-features .inner-feature	.moduletabledocuments {max-width: 100%; background: #fa9d57; }
.bottom-features .inner-feature	.moduletableevents {max-width: 100%; background: #1ca6b3; padding: 0 0 10px 0; margin: 0 0 20px 0;}
.moduletableevents h2 {background: #188d97;}

.item-page .video {width: 80%; margin: 0 auto 20px auto;}
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin: 0 auto;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%;	height: 100%;}
 
.top-bar-inner, .brand, .main-nav, #breadcrumbs-inner, #icons-inner, .featured-inner, .calendar-inner, .content-container section, .footer-inner, .bottom-feature, .image, .inner-feature, .footer-inner2 {margin: 0 auto; max-width: 1450px;}
.content-container  {margin: 0 0 130px 0; padding:0}
#homepage .content-container {margin: 0 0 40px 0;}


#home #breadcrumbs {display: none;}
.breadcrumb {padding: 8px 15px; margin: 0 0 20px 0; list-style: none; background: #eee; border: 1px solid #033c4e; font-size: 10px; font-size: .9em;}
.breadcrumb .showHere {margin: 0 10px 0 0;}
.breadcrumb > li { display: inline-block;}
.breadcrumb a {color: #126067;}
.showHere {margin: 0 10px 0 0;}



#covid-19 .category-desc {margin: 0 20px 60px 0;}


.pagination { margin: 20px 0 }
.pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.pagination ul > li { display: inline }
.pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; }
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5 }
.pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; }
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; cursor: default; background-color: transparent; }
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; }
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; }
.pagination-centered { text-align: center }
.pagination-right { text-align: right }
.pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; }
.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; }
.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; }
.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; }
.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; }
.pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; }
.pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; }


.separator {color: #fff !important; font-size: 1.2em !important;}
span.separator::after {border-color: #fff transparent transparent transparent !important; position: relative; right: -3px !important;}


.menu-aux  li {list-style: none; float: left;}
.menu-aux  li a {float: left; margin: 0 5px; font-size: .9em; color: #6f5d44;}
.menu-aux .item-54 {border-right: 1px solid #fff;}
.menu-aux  li a:hover, .menu-aux  li a:focus {text-decoration: underline;}


#home .search-inner {height: 68px;}
#search label {display: none;}
#submitbtn {color: transparent;}
#submitbtn {border-radius: 0; background: #fff url(../img/Magnifying_glass.png) 2px 2px  no-repeat; position: absolute; right: 46px; top: 0; height: 33px; width:34px;}

/* main sidebar */
#main-sidebar .menu a {width: 100%; text-decoration: none; font-size: 1.1em; line-height: 1.4em; color: #0c235c; display: block;  padding: 2px;}
#main-sidebar .moduletable_menu  { margin: 45px 0 20px 0;}
#main-sidebar .moduletable_menu ul > ul {margin: 0 0 0 15px;}
#main-sidebar .menu a:hover, #main-sidebar .menu a:focus {background: #eee;}
#main-sidebar .current a, #main-sidebar .current a:hover, #main-sidebar .current a:focus {background: #126067; color: #fff;}


#main-sidebar .current ul a {background: none; color: #0c235c;}
#main-sidebar .current ul a:hover {background: #eee; color: #0c235c;}
#main-sidebar .nav li {list-style: none;}

#main-left ul li, #main-left ol li {line-height: 1.6em;}

/* Site Content CSS */

/* Waste Management */
div.items {display: flex; flex-wrap: wrap; justify-content: start; margin: 0 0 30px 0;}

/* Public Works */
section.signs {float: left; width: 100%; min-height: 150px; margin: 15px 0;}


.priority {font-size: 1.2em; margin: 25px 0; padding: 10px 10px 10px 5px; border: 1px solid #eee; background: #f6f6f6; line-height: 1.45em;}
div.contacts {display: flex; flex-wrap: wrap; justify-content: start; margin: 0 0 60px 0;}
div.contacts div {margin: 25px 25px 0 0; min-width: 260px;}
.c1 {width: 50%;}

/* Five Islands */
.visitor-comments p {padding: 5px; margin: 5px; border: 1px solid #bbb; background: #f8f7f7;}

.vertical-slideshow {width: 400px; margin: 0;}
.note {width: 250px; float: right; border: 1px solid #bbb; padding:7px; margin: 0 0 7px 7px; background: #f8f7f7}
.map {float: right; margin: 0 0 0 20px;}
.section {float: left; width: 100%; margin: 0 0 35px 0;}


/* Stormwater Management */
section.project {display:flex; justify-content: flex-start; flex-wrap: wrap;}
section.project div {position: relative; margin: 38px 0 38px 10px;}
section.project span {position: absolute; left: 0; bottom: -25px; font-size:.85em;}

/* Election Results */
.summary table th {background: #126067; color: #fff; text-align: center;}
.summary tbody tr:nth-child(odd) td {border: 1px solid #ccc;}
.summary td {text-align: center;}
.summary .col1 {width: 33%;}
tr.heading-row td {font-weight: bold !important;}



#colchester-waste-management-park .column3 {max-width: 25%;}
.first-column {width: 60%;} /* for some tables */


h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility;  font-family: "canada-type-gibson",sans-serif; font-weight: 400;}

.customlogo span, .customlogo-sm span, #skippy span, .customsm ul li a span {text-indent: 100%; white-space: nowrap; overflow: hidden;display: block;}

#login #show-below {margin:  0 0 30px 10px;}

/* From bootsrtp.min.css */  
.clearfix { *zoom: 1 }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.published {margin:0; padding:0;}

.customql {margin: 70px 0 100px 0;}
.customql ul {display: flex; flex-wrap: wrap; justify-content: center;}
.customql ul li {list-style: none;}
.customql ul li a {display: block; height: 85px; width: 250px; margin: 0 30px 30px 30px; color: #02a3b5; font-weight: bold; font-size: 1.1em; text-decoration: none; position: relative;}
.customql ul li a span {position: absolute; top: 16px; left: 78px; display:block; max-width: 65%; line-height: 1.2em;}

.customql ul li a:hover, .customql ul li a:focus { -webkit-box-shadow: 6px 7px 17px -4px rgba(0,0,0,0.39); -moz-box-shadow: 6px 7px 17px -4px rgba(0,0,0,0.39); box-shadow: 6px 7px 17px -4px rgba(0,0,0,0.39);}

.customql ul li.animal a {background:url(../img/Quicklinks.png) 0 8px no-repeat;}
.customql ul li.by-laws a {background:url(../img/Quicklinks.png) -320px 8px no-repeat;}
.customql ul li.garbage a {background:url(../img/Quicklinks.png) -610px 8px no-repeat;}
.customql ul li.job a {background:url(../img/Quicklinks.png) -880px 8px no-repeat;}
.customql ul li.media a {background:url(../img/Quicklinks.png) 0 -110px no-repeat;}
.customql ul li.md a {background:url(../img/Quicklinks.png) -320px -110px no-repeat;}
.customql ul li.na a {background:url(../img/Quicklinks.png) -610px -110px  no-repeat;}
.customql ul li.policies a {background:url(../img/Quicklinks.png) -880px -110px  no-repeat;}
.customql ul li.pm a {background:url(../img/Quicklinks.png) -0 -231px no-repeat;}
.customql ul li.rs a {background:url(../img/Quicklinks.png) -320px -231px no-repeat;}
.customql ul li.tr a {background:url(../img/Quicklinks.png) -610px -231px no-repeat;}
.customql ul li.tp a {background:url(../img/Quicklinks.png) -880px -231px no-repeat;}


.inner-feature .moduletableevents h2 {padding: 5px 0 10px 15px !important; color: #fff !important; background: #188d97; margin: 0 !important;}
.inner-feature .moduletablenews > h2 {padding: 5px 0 10px 15px !important; color: #fff !important; background: #179776; margin: 0 !important;}
.customfeatures h2 { background: #00b08a; padding: 5px 0 5px 15px; color: #fff; margin: 0 !important;}

.moduletabledocuments h2  { background: #d5864b; padding: 5px 0 5px 15px; color: #fff; margin: 0 !important;}




.mod_docman_icons li {display:block; padding: 0 1.5%; border: 2px solid #fa9d57; margin: 24px 1.5% !important;   background: #fff;}
.mod_docman_icons .k-icon-document-pdf {margin: 0; display: block; color: red; }
.k-ui-namespace .mod_docman.mod_docman--documents ul li { padding: 10px;}
.mod_docman_icons .koowa_wrapped_content {padding: 8px 0 8px 15p;}

.mod_docman_icons li:hover { border: 2px solid #1bb18b; }
	
	.mod_docman_icons li a {text-decoration: none; color: #000; padding: 4px 3px 0 0; display:block;}
	.mod_docman_icons li a:hover, .mod_docman_icons li a:focus {text-decoration: underline;}

.covid-notices .mod_docman_icons li {display:block; width: 95%; padding: 0 0 0 0; border-bottom: none; margin: 0 !important;  -webkit-box-shadow:none;     -moz-box-shadow: none;    box-shadow: none;}
.covid-notices .mod_docman_icons .koowa_wrapped_content {padding: 0 0 0 15px;}
.covid-notices .mod_docman_icons .k-icon-document-pdf {margin: 0 0 0 15px !important; display: block; color: red; }





#site-footer .footer-inner a {color: #fff;}
.footer-inner {position: relative;}
footer {color: #fff;}


.footer-inner .menu ul {margin: 0; padding:0;}
.footer-inner .menu a {margin: 0 0 7px 0; display:block; text-decoration: none;}
.footer-inner .menu a:hover, .footer-inner .menu a:focus { text-decoration: underline;}
.footer-inner .menu > li {margin-right: 45px;}
.footer-inner .menu li {list-style: none;}


.footer-inner .nav li {list-style: none;}
.footer-inner .nav li a {text-decoration:none; line-height: 1.6em;}
.footer-inner .nav li a:hover, .footer-inner .nav li a:focus  {text-decoration: underline;}




#mwv p, #mwv a {color: #000;}
#mwv p {margin: 0 0 10px 0;}

.footer-inner2 {position: relative;}


.customfooter-content a:hover, .customfooter-content a:focus {text-decoration: none;}
.footer-copy {float: left; width: 100%; padding: 25px 0 16px; color: #fff; background: #223168;}
.footer-copy h2 {text-align: center; text-transform:uppercase;}
.footer-copy p {text-align: center;}
#mwv a:hover, #mwv a:focus {text-decoration: underline;}


div.item-separator {display: none !important;}
.blog-featured > div {min-height: 195px;}
.blog-featured .article-info {float:right; margin: 3px 3px 3px 0; width: 100%; display: block; position: relative}
.blog-featured .row-fluid {padding: 5px 10px; margin: 0 0 30px 0; float: left;}
.blog-featured a {color: #2f3f70;}
.blog-featured .readmore {padding: 10px 0; position: relative;}
.blog-featured h2 {line-height: 1.1em; font-size: 1.5em; font-weight: bold; margin: 10px 0; padding: 10px 0 0 0;}
.items-leading div {background: #eae7e0; border: 1px solid #fffffd; margin: 19px 12px; padding: 0px 18px;}

.jcalpro_events_event {margin: 0 0 25px 0;}
#jcl_component .btn-group>.btn+.dropdown-toggle {display: none;}





.jcalpro_eventsevents ul, ul.latestnews-items {margin:0 !important; display:flex !important; flex-wrap: wrap !important; flex-direction: row !important; align-items: inherit !important;}
.jcalpro_eventsevents li {list-style: none; position: relative; padding: 15px 1.5%; width: 26%; margin: 15px 1.5%; border: 2px solid #1ca6b3;; background:#fff;}    




.k-ui-namespace .mod_docman ul {margin:0; display:flex; flex-wrap: wrap; }

	
.jcalpro_eventsevents li:hover, .jcalpro_eventsevents li:focus 	{border: 2px solid #fa9d57;}

.jcalpro_eventsevents li span { font-size: 1em;}
.jcalpro_eventsevents li span a {color: #000;}
.jcalpro_eventsevents li span a:hover, .jcalpro_eventsevents li span a:focus {text-decoration:underline;}
.jcalpro_events_link {font-size: 1.25em;}
.jcalpro_events_description {display: none;}


.jcalpro_events_link a {background: #188d97; color: #fff; text-decoration: none; display:block; text-align: center; padding:9px 0; border: 1px solid #188d97; width: 33%; margin: 0 auto;}




.jcalpro_eventsevents > span a:hover, .jcalpro_eventsevents > span a:focus {border: 1px solid #000;}

.jcalpro_events_col_details .jcalpro_events_link  a {margin:0; border: none; text-align: left}
.jcalpro_events_link span a:hover, .jcalpro_events_link span a:focus {border: 1px solid #000;}
.jcalpro_events_col_details .jcalpro_events_link a {background: none; width: 100%;}

.blog .item {float: left; width: 100%; margin: 0 0 25px 0;}


.bulky p {float: left; width: 100%; margin: 0 0 20px 0;}


.listings {float: left;}
.listings div {margin: 20px 0; padding:5px; border: 1px solid #eee; max-width: 330px}
.listings .facilities { font-size: .9em; }
div.fundy {float:right;}

.video-section {margin: 0 0 40px 0;}
.video-section h3 {margin: 60px 0 25px 0;}
.video-section .video {margin: 0 0 30px 0 !important;}

@media print { 
    * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; }
    a, a:visited { text-decoration: underline }
    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 }
	.custombrand a {background: none;}
	.customsearch, .menuaux, aside, #show-above, footer .menu, .customhow, #cgs2, #cgs, .readmore, .customnotices, #maximenuck165 {display: none;}
	.content-container #main {width: 100%; margin: 0 0 100px 0;}
	.customaddress {float: left; margin: 0 0 25px 0;}
	#search, .main-nav, #breadcrumbs, .custombuttons , .menu-aux, .customfeatured, .moduletableevents, #home .image {display: none;}
	#site-footer {border: none;}
	.footer-copy  h2 {font-size: 1.1em;}	
}

	

/* JCE Editor styles */  
.next_line {display: block; clear:both; position: relative; top: 20px; padding-bottom: 15px}
.image_right_border {float:right; margin: 0 0 15px 15px; padding: 3px; border: 1px solid #aaa;}
.image_right {float:right; margin: 0 0 15px 15px;}
.image_left_border {float:left; margin: 0 15px 15px 0; padding: 3px; border: 1px solid #aaa;}
.image_left_border-no-float {float:none; margin: 0 15px 15px 0; padding: 3px; border: 1px solid #aaa;}
.image_left {float:left; margin: 0 15px 15px 0;}
.image_centered, p.image_centered img {margin: 30px auto; display: block; height: auto; width:auto;}
.image_centered_border img {margin: 0 auto 30px auto; display: block; height: auto; width:auto; padding: 2px; border: 1px solid #aaa;}
.item-page .intro {display: none;}
.centre_text {text-align:center;}
.centered  {text-align:center; width: 50%;  margin: 0 auto 15px auto; height:auto;}
.image_caption {font-size: .9em;}
.no-bullets li {list-style: none;}

.caption { text-align: center; display: block; font-size:.95em; }
p.caption {float: right; position: relative; width: auto;} 
p.caption span {position:absolute; bottom: -10px; left: 15px;}

/*
a[href^="http:"], a[href^="https:"] {padding: 0 11px 0 0; background:url(../img/external.gif) top right no-repeat; margin-left: 2px;}
.accordion a[href^="https:"], .accordion a[href^="http:"]  {background: none;}
*/


.sites div {margin: 0 0 60px 0; border: 1px solid #ccc; padding: 15px;}


.sitemap a {text-decoration: none;}
.sitemap a[href^="http:"], .sitemap a[href^="https:"] {background: none !important;}
.sitemap li {list-style: none;}
.sitemap .osmap-item-separator, #osmap-li-uid-joomla-featured-17 > a {font-size: 1.2em !important; margin: 20px 0 5px 0; display: block; font-weight: bold;}
#osmap-li-uid-joomla-featured-17 > a {color: #000;}
.sitemap .level_0 {margin: 0;}
.sitemap .level_1 {margin: 10px 0 0 10px;}
.sitemap .level_2 {margin: 0 0 0  20px;}
.sitemap {margin-left: 35%;} 

.koowa_wrapped_content a:hover, .koowa_wrapped_content a:focus {text-decoration: none;}
#photo-galleries a[href^="http:"], .inactive_thumb a[href^="http:"], .nav-tabs a[href^="http:"], .brand a[href^="http:"], .custombrand a span, .osmap-sitemap a[href^="http:"], .osmap-sitemap a[href^="https:"], .accordion a[href^="https:"], .accordian a[href^="http:"]  {background: none;}





table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em; width: 100%; }
th, td, caption { padding: 0.15em .5em; text-align: left; }
th {border-top: 1px solid #000; border-bottom: 1px solid #000; padding:3px 0}

tfoot { font-style: italic }
caption { background-color: transparent }
/* tbody tr { border: 1px solid #eee } */
tbody tr:nth-child(odd) td { background-color: #f1f1f1 }
.type {width: 60%;}


html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { width: auto; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

#map_canvas img, .google-maps img { max-width: none }
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; }
.item-page .formResponsive textarea {width: 75%;}
button, input { overflow: visible; line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
textarea { overflow: auto; vertical-align: top; }



.img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }

.row { margin-left: -20px; zoom: 1; }
.row:before, .row:after { display: table; line-height: 0; content: ""; }
.row:after { clear: both }

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px }

p, .category-desc { margin: 0 15px 15px 0; font-size: 1em; }

.featured-items p {margin:0 !important;}

ul li, ul li a{font-size: 1em;}





#main { margin: 0 15px 15px 0; font-size: 1.05em; line-height: 1.5em }
#main.category-desc { margin: 0 15px 15px 0; font-size: 1.05em; line-height: 1.5em }
#main ul li, #main ul li a{font-size: 1em; line-height: 1.5em}

.blog-featured li {margin:0;}
.osmap-items li a {text-decoration: none;}
.item-page a, .docman_item a, .newsintro a, .blog a, .docman_table_layout a, .osmap-items a {color: #974c14;}

.item-page a:hover, .item-page a:focus, .docman_item a:hover, .docman_item a:focus, .newsintro a:hover, .newsintro a:focus, .blog a:focus, .blog a:hover, .docman_table_layout a:hover, .docman_table_layout a:focus, .osmap-items a:hover, .osmap-items a:focus {color: #cd4a36; text-decoration: underline;}

.item-page a:visited, #show-below a:visited, .docman_item a:visited, .newsintro a:visited, .blog a:visited, .docman_table_layout a:visited {color: purple;}

.item-page a:hover , #show-belowa:hover, .docman_item a:hover, .newsintro a:hover, .blog a:hover, .docman_table_layout a:hover { text-decoration: none;}
.item-page a:focus , #show-belowa:focus, .docman_item a:focus, .newsintro a:focus, .blog a:focus, .docman_table_layout a:focus { text-decoration: none;}


#jcl_component a:visited {color:#fff !important;}


small { font-size: 85% }
strong { font-weight: bold }
em { font-style: italic }
cite { font-style: normal }
.muted { color: #999999 }
a.muted:hover, a.muted:focus { color: #808080 }
.text-warning { color: #c09853 }
a.text-warning:hover, a.text-warning:focus { color: #a47e3c }
.text-error { color: #b94a48 }
a.text-error:hover, a.text-error:focus { color: #953b39 }
.text-info { color: #3a87ad }
a.text-info:hover, a.text-info:focus { color: #2d6987 }
.text-success { color: #468847 }
a.text-success:hover, a.text-success:focus { color: #356635 }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center;}


.blog h1, .item-page h1, #jcl_component .jcl_header h1, h3.koowa_header, {text-align: left;}
#jcl_component .jcl_header h1, h3.koowa_header {width: 100%;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1;}
#jcl_component .jcl_header h1, h3.koowa_header, h1, #covid-19-news .page-header h2, #covid-19-news .page-header h2, #media-releases .page-header h2, #tenders-and-proposals .page-header h2, .page-header h1 { font-size: 22px !important; font-size: 2.2rem !important; line-height: 1.15em !important; margin:30px 0 30px 0 !important; font-weight: 500 !important;}
h2, ajaxheader { font-size: 18px !important; font-size: 1.7rem !important; line-height: 1.1em !important; margin: 30px 15px 12px 0  !important;  font-weight: 400 !important;}
h3 { font-size: 14px; font-size: 1.5rem; line-height: 1.1em; margin: 30px 0 12px 0; }
h4 { font-size: 13px; font-size: 1.3rem; line-height: 1em; margin: 25px 0 6px 0;  }
h5 { font-size: 12px; font-size: 1.2rem; line-height: 1em; margin: 20px 0 5px 0; }
h6 { font-size: 11px; font-size: 1.1rem; line-height: 1em; margin: 10px 0 3px 0; }


.heading {float: left; width: 100%;}

#contact-us h4 {margin: 25px 0 4px 0;}

.footer-sections h2 {margin: 25px 0 0 0 !important; font-size: 16px !important; font-size: 1.6rem !important;}


::-moz-selection { /* Code for Firefox */
  color: #000;
  background: f0a05a;
}

::selection {
  color: #000;
  background: #f0a05a;
}



h1 small { font-size: 24.5px }
h2 small { font-size: 17.5px }
h3 small { font-size: 14px }
h4 small { font-size: 14px }

ul, ol { padding: 0; margin: 0 20px 10px 25px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 }
li { line-height: 18px }

table td a {word-break: break-all;}

ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; }
ul.inline, ol.inline { margin-left: 0; list-style: none; }
ul.inline > li, ol.inline > li { display: inline-block; display: inline; padding-right: 5px; padding-left: 5px; zoom: 1; }
dl { margin-bottom: 20px }
dt, dd { line-height: 20px }
dt { font-weight: bold }
dd { margin-left: 0;}
hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; }


abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; }
abbr.initialism { font-size: 90%; text-transform: uppercase; }
blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; }
blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; }
blockquote small { display: block; line-height: 20px; color: #999999; }
blockquote small:before { content: '\2014 \00A0' }
blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; }
blockquote.pull-right p, blockquote.pull-right small { text-align: right }
blockquote.pull-right small:before { content: '' }
blockquote.pull-right small:after { content: '\00A0 \2014' }
q:before, q:after, blockquote:before, blockquote:after { content: "" }

address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; }
code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
code { padding: 2px 4px; color: #d14; white-space: nowrap; background-color: #f7f7f9; border: 1px solid #e1e1e8; }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
pre.prettyprint { margin-bottom: 20px }
pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; }
.pre-scrollable { max-height: 340px; overflow-y: scroll; }
 

 
form { margin: 0 0 20px }
fieldset { padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }
legend small { font-size: 15px; color: #999999; }
label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; }
input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif }
label { display: block; margin-bottom: 5px; } 

input[type="text"] { display: inline-block; height: 20px; padding: 13px 6px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

select, textarea, input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input  { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

input, textarea, .uneditable-input { width: 50%;}
textarea { height: auto } 


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ * -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }



input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; margin-top: 0; line-height: normal; }
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto }
select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ 


select { width: 220px; background-color: #ffffff; border: 1px solid #cccccc; }
select[multiple], select[size] { height: auto }
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.uneditable-input, .uneditable-textarea { color: #999999; cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); }
.uneditable-input { overflow: hidden; white-space: nowrap; }
.uneditable-textarea { width: auto; height: auto; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999999 }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999 }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999 }
.radio, .checkbox { min-height: 20px; padding-left: 20px; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; }
.controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px }
.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; }
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px }
.input-mini { width: 60px }
.input-small { width: 90px }
.input-medium { width: 150px }
.input-large { width: 210px }
.input-xlarge { width: 270px }
.input-xxlarge { width: 530px }
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; }
.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block }

.formBody p, .formCaption { font-size: 1.23em; font-weight: normal; line-height: 1.4em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.formCaption p  {margin: 0 10px 0 0;}
.formFieldset .formBody label { position: relative; top: 5px; left: 5px; margin: 0 10px 0 0;}
div.formBody {margin: 0 0 10px 0;}
fieldset.formFieldset ol.formContainer li {margin: 0 0 50px 0;}


table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
.table { width: 100%; margin-bottom: 20px; }
.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; }
.table th { font-weight: bold }
.table thead th { vertical-align: bottom }
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0 }
.table tbody + tbody { border-top: 2px solid #dddddd }


.nav { margin-bottom: 20px; margin-left: 0; list-style: none; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #fff5ec; color: #777;}
.nav > li > a > img { max-width: none }
.nav > .pull-right { float: right }
.nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; }
.nav li + .nav-header { margin-top: 9px }

.brand li a, aside .nav  a  { transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s;}
aside .nav a:active {position: relative; top: 1px; left: 1px;}








/*
.lt-ie9 .custombrand a {background:url(../img/identity.gif) left 0 no-repeat; height: 150px; width: 100%; display: block;}
.lt-ie9 .blog-featured h3, .lt-ie9 .moduletableevents-heading h3, .lt-ie9 .brand a {font-weight: bold; font-size: 1.6em;}

.lt-ie8 #hp #main {float: left; margin: 0 0 0 20px; width: 97%; }
.lt-ie8 #main {float: left; margin: 0 0 0 20px; }

*/