/*-----------------------------------------------*/
/*  variables                                    */
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*  reset                                        */
/*-----------------------------------------------*/
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
strong {
  color: #353535;
  font-weight: bold;
}
em {
  font-style: italic;
}
.crazyBigFont {
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 95px;
  line-height: 120px;
}
.largeFont {
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 30px;
  line-height: 50px;
}
hr {
  background-color: #EBEBEB;
  border: 0;
  color: #EBEBEB;
  height: 1px;
}
ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 2em;
  padding-bottom: 10px;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
#banners img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}
/*-----------------------------------------------*/
/* general                                       */
/*-----------------------------------------------*/
body {
  background: white;
  font-size: 87.5%;
  line-height: 160%;
}
body,
p {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
}
p {
  margin-bottom: 1em;
}
h1 {
  color: #1f3349;
  font-size: 40px;
  font-weight: 300;
  line-height: 43px;
  margin-bottom: 8px;
}
h2 {
  color: #1f3349;
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 8px;
}
h3,
.resourcesTitle,
.documentsTitle {
  color: #1f3349;
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 5px;
}
h4,
h5,
h6 {
  color: #353535;
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 0px;
  text-transform: none;
}
a {
  color: #438ece;
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
ul {
  list-style-type: disc;
  list-style-image: url('/CNV/Images/layout/bullet.png');
  list-style-position: outside;
  margin-left: 2em;
  margin-bottom: 1em;
}
li {
  margin-bottom: 6px;
  padding-left: 5px;
}
.clear {
  clear: both;
  height: 0;
}
input,
select {
  font-size: 14px;
  line-height: 14px;
}
.caption {
  font-size: 11px;
  font-style: italic;
  line-height: 15px;
}
.imageLeft {
  float: left;
  padding: 0 20px 20px 0;
}
.imageRight {
  float: right;
  padding: 0 0 20px 20px;
}
.left {
  float: left;
}
.right {
  float: right;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.text-center {
  text-align: center;
}
.feature {
  background-color: #f5f5f5;
  padding: 20px;
  overflow: hidden;
}
.feature img {
  float: right;
  height: auto !important;
  margin: -20px -20px -20px 20px;
  padding: 0;
  right: 0;
  top: 0;
  width: 50% !important;
}
.call-out-info {
  border: 1px solid #333333;
  margin: 20px 0;
  min-height: 36px;
}
.call-out-info .call-out-info-columns {
  display: flex;
  padding: 15px;
}
.call-out-info i {
  color: black;
  font-size: 40px;
  left: 28px;
  margin-top: 12px;
  padding-left: 24px;
  padding-right: 32px;
}
/*-----------------------------------------------*/
/* In Content Table styling                      */
/*-----------------------------------------------*/
.infoPanel {
  margin-bottom: 20px;
  overflow: hidden;
}
.infoPanel table,
.ui-tabs table {
  color: #444444;
  line-height: 1.4;
  width: 100%;
}
.infoPanel table thead,
.ui-tabs table thead {
  background: #00467f;
  color: white;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  text-transform: uppercase;
}
.infoPanel table tbody tr,
.ui-tabs table tbody tr {
  background: #ffffff;
}
.infoPanel table tbody tr.odd,
.ui-tabs table tbody tr.odd {
  background: #f5f5f5;
}
.infoPanel table.noZebraStripes tbody tr,
.ui-tabs table.noZebraStripes tbody tr,
.infoPanel table.noZebraStripes tbody tr.odd,
.ui-tabs table.noZebraStripes tbody tr.odd {
  background-color: transparent;
}
.infoPanel table td,
.ui-tabs table td {
  padding: 8px 12px;
}
.infoPanel table tfoot,
.ui-tabs table tfoot {
  background: #f4f4f4;
  color: #7e7e7e;
}
.ui-tabs .ui-tabs-nav li a * {
  color: #575758;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  line-height: unset;
}
/*-----------------------------------------------*/
/* buttons                                        */
/*-----------------------------------------------*/
/*filter Button*/
.buttonFilter,
.scfSubmitButtonBorder input {
  background-color: #438ece;
  border: none;
  color: white;
  display: inline-block;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 13px;
  line-height: 12px;
  font-weight: 400;
  padding: 12px 20px;
  text-decoration: none;
  text-transform: uppercase;
}
.buttonFilter:hover,
.scfSubmitButtonBorder input:hover {
  background-color: #f5f5f5;
  color: #438ece;
  cursor: pointer;
}
.buttonFilter a,
a.buttonFilter {
  color: White;
}
.buttonFilter a:hover,
a.buttonFilter:hover {
  text-decoration: none;
}
#btnTopSearchGo {
  background-color: #bebebe;
  padding: 9px 9px 4px;
}
/*Gray*/
.buttonGray a {
  background: #a0a0a3;
  /* Old browsers */
  border: 0px;
  display: inline-block;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 13px;
  line-height: 12px;
  font-weight: normal;
  padding: 12px 20px;
  text-decoration: none;
}
.buttonGray a:hover {
  background-color: #dfdfdf;
}
.buttonGray a,
a.buttonGray {
  color: White;
}
.buttonGray a:hover,
a.buttonGray:hover {
  text-decoration: none;
}
/* Blue*/
.buttonBlue {
  background-color: #438ece;
  border: 0px;
  color: white;
  display: inline-block;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 13px;
  line-height: 12px;
  font-weight: normal;
  padding: 12px 20px;
  text-decoration: none;
}
.buttonBlue:hover {
  background-color: #00467f;
}
.buttonBlue:active {
  position: relative;
  top: 1px;
}
.buttonBlue a,
a.buttonBlue {
  color: White;
}
.buttonBlue a:hover,
a.buttonBlue:hover {
  text-decoration: none;
}
/*-----------------------------------------------*/
/* tabs/accordion                                */
/*-----------------------------------------------*/
.ui-widget-content {
  line-height: 160%;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border-color: #CDCDCD !important;
}
.ui-accordion .ui-accordion-content {
  padding: 12px 20px;
}
.ui-tabs + .ui-accordion {
  display: none;
}
.hidden-panel {
  display: none;
}
.hidden-panel + .ui-accordion {
  display: block;
}
.mobile-accordion {
  display: block;
}
.mobile-accordion .ui-accordion-header {
  font-size: 13px;
  font-weight: 400;
  padding: 12px 40px 12px 20px;
}
.mobile-accordion h3.ui-accordion-header {
  color: #1f3349;
  font-size: 21px;
  line-height: 26px;
}
.mobile-accordion h3.ui-accordion-header.ui-state-hover {
  color: white;
}
.mobile-accordion h2.ui-accordion-header {
  color: #1f3349;
  font-size: 28px;
  line-height: 33px;
}
.mobile-accordion h2.ui-accordion-header.ui-state-hover {
  color: white;
}
.mobile-accordion .ui-state-default,
.mobile-accordion .ui-widget-content .ui-state-default,
.mobile-accordion .ui-widget-header .ui-state-default {
  background: #f5f5f5;
}
.mobile-accordion .ui-state-active,
.mobile-accordion .ui-widget-content .ui-state-active,
.mobile-accordion .ui-widget-header .ui-state-active {
  background-color: white;
  background-image: none;
}
.mobile-accordion .ui-widget-content {
  border: solid 1px #CDCDCD;
  border-top: none;
  font-size: 14px;
}
.mobile-accordion .ui-state-active .ui-icon,
.mobile-accordion .ui-state-default .ui-icon {
  display: inherit;
  background: none;
  position: absolute;
  right: 16px;
  top: 14px;
  width: auto;
  height: auto;
  margin: 0;
  text-indent: 0;
  left: auto;
}
.mobile-accordion .ui-state-active .ui-icon::after,
.mobile-accordion .ui-state-default .ui-icon::after {
  content: "\f067";
  color: #438ece;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 900;
}
.mobile-accordion .ui-state-active .ui-icon::after {
  content: "\f068";
}
.mobile-accordion .ui-state-hover {
  background-color: #438ece;
  color: white;
}
.mobile-accordion .ui-state-hover .ui-icon::after {
  color: white;
}
/*-----------------------------------------------*/
/* Top Header                                    */
/*-----------------------------------------------*/
.topHeader {
  line-height: 21px;
  margin: 15px 0;
  position: relative;
}
.topHeader *,
.topHeader *:before,
.topHeader *:after {
  box-sizing: border-box;
}
.topLogo {
  float: left;
}
.header-right {
  text-align: right;
}
.top-links span {
  margin-left: 10px;
}
.search-section {
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
}
.weather {
  float: right;
  margin-right: 15px;
}
.weatherFeed {
  position: relative;
  bottom: -13px;
}
.weatherFeed > a {
  float: left;
  text-align: right;
  width: 140px;
}
.weatherFeed > a:hover {
  text-decoration: none;
}
.weatherFeed .date,
.weatherFeed .weatherTemp,
.weatherFeed .weatherImg {
  display: inline-block;
}
.weatherFeed .date,
.weatherFeed .weatherTemp {
  margin: 5px 5px 0 0;
}
.weatherFeed .weatherTemp {
  color: #0083c2;
  font-weight: 700;
}
.weatherFeed .weatherImg img {
  left: 7px;
  position: relative;
  top: -2px;
  width: 34px;
}
.topQuickSearch {
  bottom: 0;
  float: right;
}
#postHeader {
  margin-bottom: 1em;
  font-weight: bold;
}
#BlogPostAddComment {
  margin-bottom: 20px;
}
.topQuickSearch select {
  display: none;
  /*Refresh2018: search options no longer required*/
  padding: 6px;
  position: relative;
  right: -35px;
  top: 1px;
}
.topQuickSearch input[type="text"] {
  border: 1px solid #c2c2c2;
  height: 37px;
  padding: 11px 6px 8px 10px;
  position: relative;
  right: -38px;
  width: 230px;
  z-index: 50;
}
.topQuickSearch a {
  z-index: 99;
  position: relative;
}
.topQuickSearch a img {
  vertical-align: middle;
}
/*-----------------------------------------------*/
/* layout                                        */
/*-----------------------------------------------*/
.page-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}
#container,
.container,
#home-top-banner {
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
.content-width {
  margin-left: auto;
  margin-right: auto;
  width: 1140px;
}
.content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  width: 1140px;
}
#left-side-column {
  width: 285px;
  float: left;
  border-right: 1px solid #d6d7da;
  padding-top: 46px;
}
#page-content {
  float: left;
  margin: 38px 0px 0 82px;
  position: relative;
  width: 772px;
}
#page-content .content {
  width: auto;
}
.home-page-content {
  float: left;
  margin: 0px 82px 0 0px;
  position: relative;
  width: 772px;
}
.homeNewsPanel .firstLineTitle {
  background-color: transparent;
  border-bottom: 1px solid #438ece;
  color: #1f3349;
  font-size: 35px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 35px;
  margin: 0 0 15px 0;
  padding: 0 0 14px 0;
  text-transform: none;
}
.homeNewsPanel .eventItem {
  border-top: none;
}
.homeNewsPanel .home-news-title,
.homeNewsPanel .eventTitle {
  font-size: 22px;
  line-height: 26px;
  padding-top: 16px;
  padding-bottom: 3px;
}
.homeNewsPanel .eventAbstract {
  font-size: 14px;
  line-height: 22px;
  color: #645f5f;
}
.homeNewsPanel .learnMore {
  text-align: right;
}
.homeNewsPanel .eventLink a {
  font-size: 12px;
  line-height: 130%;
}
.alert {
  background-color: #f5f5f5;
}
.alertMessage {
  padding: 14px;
  text-align: center;
}
.alertMessage,
.alertMessage p {
  color: red;
  font-size: 16px;
  font-weight: 600;
}
.alertMessage a,
.alertMessage p a {
  color: red;
  text-decoration: underline;
}
.home-links {
  margin-top: 40px;
}
.home-links .column-wide {
  float: left;
  margin-right: 50px;
  width: calc(63% - 50px);
}
.home-links .column-narrow {
  float: left;
  width: 37%;
}
.home-links .links-title {
  background-color: transparent;
  border-bottom: 1px solid #438ece;
  color: #1f3349;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 35px;
  margin: 0 0 12px 0;
  padding: 0 0 10px 0;
  text-transform: none;
}
.home-links .links-list {
  float: left;
  width: 50%;
}
.home-links a {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 12px;
}
.home-side-column {
  width: 286px;
  float: left;
  padding-top: 63px;
}
.home-side-column .widget-panel {
  background-color: #f5f5f5;
  border: none !important;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  padding: 20px 18px;
}
.home-side-column .widget-panel a::after {
  content: none;
}
.home-side-column .firstLineTitle {
  background-color: transparent !important;
  color: #7c7d80;
  font-size: 11px;
  letter-spacing: normal;
  line-height: 12px;
  margin: 0;
  padding: 0 0 8px 69px;
  position: relative;
  text-transform: none;
}
.home-side-column .firstLineTitle::before {
  content: url('/CNV/Images/layout/twitter-lg.jpg');
  left: 10px;
  position: absolute;
}
.home-side-column .secondLineTitle {
  border-bottom: 1px solid #d3e2ee;
  color: black;
  display: block;
  font-size: 26px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 18px;
  padding: 0 0 12px 69px;
  position: relative;
  text-transform: uppercase;
  top: -3px;
}
.home-side-column .secondLineTitle::after {
  border-bottom: 1px solid #438ece;
  bottom: -2px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.home-side-column .twitter-timeline {
  background-color: white;
}
.sectionTitle {
  color: #1f3349;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 14px;
}
.sectionTitle a {
  color: #1f3349;
}
.homeContainer h1 {
  font-size: 35px;
}
/*-----------------------------------------------*/
/* top menu                                      */
/*-----------------------------------------------*/
.top-menu-wrapper {
  background-color: #438ece;
  position: relative;
  zoom: 1;
  height: 64px;
}
ul.top-menu {
  list-style: none;
  position: relative;
  float: left;
  clear: both;
  margin: 0 0 0 -24px;
}
ul.top-menu > li {
  padding: 0px;
  margin: 0;
  float: left;
  position: static;
}
ul.top-menu > li > a {
  display: block;
  color: white;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 14px;
  padding: 25px 25px;
  position: relative;
  text-transform: uppercase;
}
ul.top-menu > li > a:before {
  content: "|";
  left: -3px;
  position: absolute;
}
ul.top-menu > li:first-child > a:before {
  content: "";
}
ul.top-menu > li > a:hover,
ul.top-menu > li.selected > a {
  background: #00467f;
  background-image: none;
  opacity: 1;
  text-decoration: none;
}
.top-menu-wrapper ul.hovered > li > a {
  background: #fff;
  text-shadow: 0px 0px 1px #FFF;
}
ul.top-menu div ul li a {
  text-decoration: none;
  color: #336b98;
  display: block;
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 5px;
  line-height: 28px;
}
ul.top-menu div ul li a:hover {
  text-decoration: underline;
}
ul.top-menu li ul {
  list-style: none;
  margin: 0;
}
ul.top-menu ul.menu-full {
  margin-bottom: 9px;
}
.menu-full li {
  color: #2b292a;
  font-size: 12px;
  line-height: 15px;
  padding: 0;
  margin: 0 0 5px 0;
}
.menu-full li.menu-item-heading a {
  font-size: 14px;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  line-height: 18px;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.top-item {
  border-top: 3px solid #00467f;
  position: absolute;
  background: #fff;
  display: none;
  left: 0;
  padding-top: 14px;
  width: 1080px;
  z-index: 9999 !important;
  box-shadow: 0px 1px 2px 0px black;
}
.top-item .menuColumn ul,
.top-item .menuColumn ul li {
  list-style: none !important;
  list-style-image: none !important;
  background: none !important;
}
.menuColumn {
  float: left;
  width: 280px;
  margin-left: 75px;
}
.menuColumn:first-child {
  margin-left: 0;
}
.links-sections {
  margin: 0 40px;
}
.featured-page-title {
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #868686;
}
.featured-page-short-title {
  color: #353535;
  font-family: 'NovecentowideUltraLightBold', Helvetica, Arial, sans-serif;
  /* novo medium */
  font-size: 14px;
  line-height: 20px;
  margin: 12px 0 7px;
}
.featured-page-abstract {
  color: #353535;
  margin-bottom: 6px;
  font-family: arial;
  font-size: 11px;
  line-height: 15px;
}
.featured-page-action-link {
  text-align: right;
}
.featured-page-action-link a {
  color: #353535;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
}
.popular-pages-section {
  background-color: #808084;
  color: White;
  height: 28px;
  margin-top: 5px;
  padding: 0px 32px;
}
.top-menu-popular-pages-title {
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 12px;
  float: left;
  line-height: 28px;
}
.top-menu-popular-pages {
  float: left;
}
ul.top-menu li .top-menu-popular-pages ul {
  float: none;
  margin: 0 0 0 32px;
  padding: 0;
  width: auto;
}
ul.top-menu li .top-menu-popular-pages ul li {
  background-image: url('/CNV/Images/layout/list-separator.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0 8px 0 8px;
}
ul.top-menu li .top-menu-popular-pages ul li:first-child {
  background-image: none;
}
ul.top-menu li .top-menu-popular-pages ul li a {
  color: White;
  margin: 0;
  padding: 0;
}
/*-----------------------------------------------*/
/* Text Size                                     */
/*-----------------------------------------------*/
#textSize {
  float: right;
  font-size: 12px;
  line-height: 21px;
  margin: 9px 20px 0 0;
  display: none;
}
#textSize img {
  margin-right: 3px;
  position: relative;
  top: 4px;
}
.textSizeText {
  padding-left: 3px;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 12px;
  line-height: 12px;
  color: White;
}
/*-----------------------------------------------*/
/* Home Banner                         */
/*-----------------------------------------------*/
.landingSlideshow {
  width: 100%;
}
.home-top-banner-right {
  float: left;
  width: 250px;
}
.home-top-banner-right select {
  width: 180px;
}
.slideshow {
  position: relative;
}
.slideshowBg {
  position: relative;
  top: 15px;
  z-index: 20;
}
.banners > div {
  height: auto;
  width: 100%;
}
.slideshowPager {
  background-image: url('/CNV/images/layout/slide-Pagination-bg.png');
  background-repeat: repeat;
  height: 12px;
  padding: 4px 9px 4px 9px;
  position: absolute;
  right: 4px;
  text-align: right;
  top: 9px;
  z-index: 20;
  /*background-color:#3a3b3c;*/
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  behavior: url('/CNV/Css/PIE.htc') !important;
}
.slideshowPager a {
  background-color: #A0BBDC;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  margin-left: 3px;
  width: 12px;
  text-decoration: none;
  behavior: url('/CNV/Css/PIE.htc') !important;
}
.slideshowPager a:hover,
.slideshowPager a.activeSlide {
  background-color: #AFAFB3;
}
/* Home Banner SlideShow */
.bannerBox {
  border-bottom: 1px solid #4d7ea6;
  font-size: 12px;
  line-height: 21px;
  height: 60px;
  padding: 35px 32px;
  background-color: #00467f;
  color: White;
  overflow: hidden;
}
.banner-right-bottom {
  border-bottom: 0;
  height: 94px;
}
.top-right-title {
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 18px;
  line-height: 18px;
}
.banners a {
  display: block;
  position: relative;
}
.banner-overlay {
  height: 100%;
  position: absolute;
  right: 50%;
  top: 0;
  width: 100%;
}
.banner-overlay .content-width {
  height: 100%;
  position: relative;
  right: -50%;
}
.contentWrapper {
  box-sizing: border-box;
  color: black;
  font-size: 14px;
  max-width: 100%;
  padding: 35px 35px;
  position: absolute;
  width: 600px;
}
.contentWrapper:empty {
  display: none;
}
.contentWrapper.top,
.contentWrapper.topleft {
  top: 0px;
}
.contentWrapper.bottom,
.contentWrapper.bottomleft {
  bottom: 0px;
}
.contentWrapper.topright {
  right: 0;
  top: 0px;
}
.contentWrapper.bottomright {
  bottom: 0px;
  right: 0;
}
.contentWrapper a {
  color: black;
  display: inline-block;
}
.contentWrapper .title {
  font-family: 'NovecentowideBookRegular', Helvetica, Arial, sans-serif;
  /* novo book */
  font-size: 32px;
  line-height: 35px;
  margin-bottom: 6px;
  padding: 0;
  text-transform: uppercase;
}
.contentWrapper .subtitle {
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 10px;
}
.contentWrapper .overlay-content {
  font-size: 16px;
  font-weight: 300;
}
.contentWrapper .read-more {
  /*color: @cnv-blue;
        font-weight: 600;
        text-transform: uppercase;*/
}
/*-----------------------------------------------*/
/* Home Carousel Widget                          */
/*-----------------------------------------------*/
#homeCarouselWidget {
  width: 825px;
  position: relative;
  margin-bottom: -18px;
  margin-left: auto;
  margin-right: auto;
  z-index: 20;
  /* height: 150px; */
  /* height changed from 150 to 50 when carousel is unpublished */
  height: 50px;
  top: -30px;
}
#homeCarouselWidget .home-carousel-wrapper {
  width: 735px;
  margin: 0 45px;
  overflow: hidden;
  position: relative;
}
#homeCarouselWidget ul {
  width: 735px;
  float: left;
  margin: 0;
  padding: 0 0 0 0px;
  list-style: none;
  height: 150px;
}
#homeCarouselWidget ul ul {
  margin: 0;
  padding: 0;
}
#homeCarouselWidget ul li,
#homeCarouselWidget ul li.carousel-item {
  float: left;
  position: relative;
  margin: 0 3px;
  padding: 0;
  border: 3px solid white;
  width: 233px;
  height: 137px;
}
#homeCarouselWidget #archivePrev {
  width: 34px;
  height: 34px;
  background-image: url('/CNV/images/layout/arrow-right.png');
  background-repeat: no-repeat;
  position: absolute;
  top: 50px;
  left: 0px;
  cursor: pointer;
  display: block;
  text-indent: -9999px;
}
#homeCarouselWidget #archivePrev:hover {
  background-image: url('/CNV/images/layout/arrow-right-hover.png');
}
#homeCarouselWidget #archiveNext {
  width: 34px;
  height: 34px;
  background-image: url('/CNV/images/layout/arrow-left.png');
  background-repeat: no-repeat;
  position: absolute;
  top: 50px;
  right: 0px;
  cursor: pointer;
  display: block;
  text-indent: -9999px;
}
#homeCarouselWidget #archiveNext:hover {
  background-image: url('/CNV/images/layout/arrow-left-hover.png');
}
#homeCarouselWidget a.fixPNG {
  zoom: 1;
  /*	box-shadow: #000 0em 0em 0em;
	opacity: 0.2;
	-khtml-opacity: 0.2;
	-moz-opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	filter: alpha(opacity=20);                                                    */
  background-color: #ffffff;
}
#homeCarouselWidget a:hover {
  zoom: 1;
}
/* End Home Carousel Widget */
/*-----------------------------------------------*/
/* Breadcrumbs Navigation                        */
/*-----------------------------------------------*/
#breadcrumbs-navigation {
  border-bottom: 1px solid #f1f1f2;
  /* width:690px;  width if extra 20px on right, outside container, is reqd*/
}
#breadcrumbs-navigation ul {
  list-style: none;
  padding: 12px 12px 12px 0;
  clear: both;
  margin: 0;
}
#breadcrumbs-navigation ul li {
  color: #1f3349;
  display: inline;
  padding: 0px;
  font-size: 13px;
  font-weight: 600;
  line-height: 21px;
}
.breadcrumb-separator {
  display: inline;
  color: #438ece;
  font-size: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
/* End Breadcrumbs Navigation */
/*-----------------------------------------------*/
/* Leftside Navigation                        */
/*-----------------------------------------------*/
#left-side-navigation {
  margin: 0;
}
#left-side-navigation-items {
  margin: 0 0 25px 0px;
}
.left-side-navigation-item {
  border-top: 1px solid #d5e0f0;
  padding: 18px 0;
}
.left-side-navigation-item:first-child {
  border-top: 2px solid #00467f;
}
.left-side-navigation-item a {
  color: #1f3349;
  font-size: 14px;
  line-height: 20px;
  padding-right: 10px;
}
.left-side-navigation-item a:hover,
.left-side-navigation-item.highlighted a {
  color: #336b98;
  text-decoration: none;
}
/*-----------------------------------------------*/
/* Content Page Top Banner                       */
/*-----------------------------------------------*/
#top-banner img {
  height: 100%;
  width: 100%;
}
.top-banner-content {
  /*margin-left: -80px;*/
}
/*@media screen and (max-width: 480px) 
{
.top-banner-content {
    {
        margin-right:0;
        
    }   
} */
.top-banner-content-section {
  float: left;
}
.top-banner-content-section.message {
  background-color: #00467f;
  height: 180px;
  position: relative;
  width: 307px;
}
.top-banner-content-section-text {
  color: White;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  position: absolute;
  bottom: 10px;
  right: 20px;
  text-align: right;
}
.bannerTeaser {
  font-size: 15px;
}
.bannerTitle {
  font-family: 'NovecentowideBookRegular', Helvetica, Arial, sans-serif;
  /* novo book */
  font-size: 18px;
}
/*-----------------------------------------------*/
/* Widget Panels                                 */
/*-----------------------------------------------*/
.widget-panel {
  border: 1px solid #e7ebee !important;
  border-right: none !important;
  color: #1f3349;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
.widget-panel a {
  position: relative;
}
.widget-panel a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  font-weight: 700;
  padding-left: 8px;
}
.widget-panel .eventTitle {
  padding: 16px 0px;
}
.widget-panel .eventDate {
  color: darkgray;
  margin-bottom: -10px;
  padding-top: 16px;
}
.widget-panel .panel-abstract p {
  margin-bottom: 0;
}
.widget-panel .panel-abstract .home-news-abstract {
  display: none;
}
.widget-panel .panel-abstract a {
  display: none;
}
.widget-panel .panel-abstract .home-news-title {
  padding: 16px 0;
  display: block;
}
.widget-panel .panel-abstract .home-news-title + br {
  display: none;
}
.widget-panel .panel-abstract .home-news-title a {
  display: block;
}
.firstLineTitle {
  background-color: #438ece;
  color: white;
  font-size: 16px;
  line-height: 20px;
  margin-left: -15px;
  margin-right: -16px;
  padding: 15px 0 15px 15px;
  text-transform: none;
}
.firstLineTitle a {
  color: white;
}
.secondLineTitle {
  color: #353535;
  display: none;
  font-size: 16px;
  margin-bottom: 5px;
}
.eventItem:first-child {
  border-top: none;
}
.eventItem {
  border-top: 1px solid #d5e0f0;
}
.eventDate {
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
}
.featuredEvents {
  background-color: #F4F8FC;
  padding: 25px;
}
.featuredEvents .eventListItem,
#filterResults .content .eventListItem:first-child {
  border-top: #FFFFFF solid 1px;
}
#filterResults .content .featuredEvents .isFeatured:first-child {
  border-top: none !important;
}
.featuredEvents + .eventListItem {
  border-top: 0;
}
.text-widget p {
  border-top: 1px solid #d5e0f0;
  margin: 0;
  padding: 16px 1px;
}
.text-widget p:first-of-type {
  border-top: none;
}
.image-widget .image-wrapper {
  margin-left: -15px;
}
.image-widget .image-text {
  padding-top: 16px;
  padding-bottom: 16px;
}
.image-widget a:after {
  content: none;
}
/*-----------------------------------------------*/
/* footer                                        */
/*-----------------------------------------------*/
#footer-background {
  margin-top: auto;
}
#footer .background {
  background-image: url('/CNV/Images/layout/footer-bg.png');
  background-repeat: repeat-y;
  background-position: center;
}
#footer {
  clear: both;
  text-align: left;
  padding: 0;
  margin: 60px 0 0px 0;
}
#footer,
#footer a {
  color: white;
  font-size: 12px;
  line-height: 18px;
}
#footer a {
  cursor: pointer;
}
#footer .logo {
  padding-right: 23px;
}
.footer-top-section {
  background-color: #00467f;
  border-bottom: 1px solid white;
  overflow: hidden;
  padding: 11px 20px;
}
.footer-top-section ul {
  list-style: none;
  height: 25px;
  line-height: 25px;
  margin: 0;
  vertical-align: middle;
}
.footer-top-section ul li {
  background-image: url('/CNV/Images/layout/list-separator-white.png');
  background-repeat: no-repeat;
  background-position: 0 6px;
  display: inline-block;
  padding: 0 7px;
  margin: 0;
}
.footer-top-section ul li:first-child {
  background-image: none;
  padding-left: 0px;
}
.footer-top-section .right ul li {
  background-image: none;
  padding: 0 0 0 14px;
}
.footer-top-section div {
  display: inline;
}
.footer-middle-section {
  background: #00467f;
  overflow: hidden;
  padding: 40px 50px 22px 50px;
}
.footer-middle-section ul {
  vertical-align: middle;
  list-style: none;
  margin: 0;
}
.footer-middle-section > ul {
  float: right;
  width: 500px;
}
.footer-middle-section ul li {
  padding: 0;
}
.footer-middle-section > ul > li > a {
  margin-bottom: 20px;
  display: block;
}
.footer-middle-section ul li ul li {
  float: none;
  font-family: helvetica, Arial;
  font-size: 12px;
  margin: 0px;
  padding-top: 5px;
}
#footer .footer-bottom-section {
  background: #D8D8D8;
  color: black;
  overflow: hidden;
  padding: 16px 50px;
}
#footer .footer-bottom-section a {
  color: black;
}
.social-translate {
  float: right;
}
.translate-panel {
  margin-top: 20px;
  text-align: right;
}
.footer-bottom-section ul {
  margin: 0;
  list-style: none;
}
.footer-bottom-section li {
  float: left;
  margin: 0;
  padding: 0;
}
.icon-large {
  float: left;
  margin-left: 3px;
  position: relative;
  top: -7px;
}
.footer-middle-section ul li.addressLabel {
  float: right;
  font-size: 14px;
}
.footer-middle-section ul li.addressLabel p {
  color: white;
}
#footer .links {
  margin-top: 0;
  text-transform: uppercase;
}
#footer .links li {
  padding-left: 22px;
  position: relative;
}
#footer .links li:first-of-type {
  padding-left: 0;
}
#footer .links li:first-of-type::before {
  content: none;
}
#footer .links li::before {
  content: "|";
  position: absolute;
  left: 7px;
  top: -1px;
}
#footer .links a {
  font-size: 11px;
}
#footer .copyright {
  float: right;
  font-size: 10px;
}
#footer .copyright p {
  margin-bottom: 0;
}
.translate-panel {
  float: right;
}
.translate {
  min-width: 166px;
}
.translate img {
  display: initial;
}
/*-----------------------------------------------*/
/* views                                         */
/*-----------------------------------------------*/
.tileView {
  background-image: url('/CNV/Images/layout/tileView.png');
  background-repeat: no-repeat;
  height: 14px;
  text-decoration: none;
  margin-right: 20px;
  padding: 0 0 5px 20px;
  color: #636365;
}
.litWiews .tileView {
  background-image: url('/CNV/Images/layout/tileView-active.png');
  color: #336b98;
}
.listView {
  background-image: url('/CNV/Images/layout/listView-active.png');
  background-repeat: no-repeat;
  height: 14px;
  text-decoration: none;
  margin-right: 20px;
  padding: 0 0 5px 20px;
  color: #336b98;
}
.litWiews a.listView:hover,
.litWiews .listView:hover {
  text-decoration: none;
}
.litWiews .listView {
  background-image: url('/CNV/Images/layout/listView.png');
  color: #636365;
}
.litWiews a.listView:hover {
  text-decoration: none;
}
.calendarView .tileView:hover {
  text-decoration: none;
}
.calendarView #viewMode {
  margin-top: 5px;
}
a.listView,
a.tileView,
.listView,
.tileView {
  text-transform: uppercase;
}
#eventDescription p {
  margin-bottom: 0px;
}
.alphabet li {
  display: inline;
  font-weight: 600;
  margin-left: 0em;
  color: #888888;
}
.alignRight {
  float: right;
}
/*-----------------------------------------------*/
/* resources- documents section                                         */
/*-----------------------------------------------*/
.resources-documents {
  border-top: 1px solid #ccdae5;
  padding: 20px 0 0 0;
  display: block;
  float: none;
  margin-top: 20px;
  width: 100%;
}
/*-----------------------------------------------*/
/* buttons                                        */
/*-----------------------------------------------*/
.buttonGray:active {
  position: relative;
  top: 1px;
}
.buttonGray a,
a.buttonGray {
  color: White;
}
.buttonGray a:hover,
a.buttonGray:hover {
  text-decoration: none;
}
/* Blue*/
.buttonBlue {
  background: #438ece;
  color: white;
  display: inline-block;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  padding: 8px 16px;
  text-decoration: none;
}
.buttonBlue:hover {
  background: #00467f;
}
.buttonBlue:active {
  position: relative;
  top: 1px;
}
.buttonBlue a,
a.buttonBlue {
  color: White;
}
.buttonBlue a:hover,
a.buttonBlue:hover {
  text-decoration: none;
}
/* Red*/
.buttonRed,
.blogComment input[type=submit] {
  background: #c6174e;
  /* Old browsers */
  border: 0;
  color: White;
  display: inline-block;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  padding: 8px 16px;
  text-decoration: none;
  margin-top: 10px;
}
.buttonRed:hover,
.blogComment input[type=submit]:hover {
  background: #c4446b;
  /* Old browsers */
}
.blogComment input[type=submit] {
  filter: none !important;
}
.buttonRed:active {
  position: relative;
  top: 1px;
}
.buttonRed a,
a.buttonRed {
  color: White;
}
.buttonRed a:hover,
a.buttonRed:hover {
  text-decoration: none;
}
/*-----------------------------------------------*/
/*        listing                                */
/*-----------------------------------------------*/
.urlResult a {
  color: #aaaaaa;
}
.filterResults li {
  list-style: none;
}
.eventListItem {
  border-top: 1px solid #EBEBEB;
  float: left;
  margin: 8px 0 0;
  padding: 12px 0 5px;
}
.eventListItem:first-child {
  border-top: 0 none;
  margin-top: 0;
  padding-top: 5px;
}
.newsData {
  border-top: 1px solid #ebebeb;
  padding: 20px 0 16px 0;
  overflow: hidden;
}
li:first-child .newsData {
  border-top: 0px;
}
.resourceData {
  border-top: 1px solid #ebebeb;
  padding: 20px 0 16px 0;
}
li:first-child .resourceData {
  border-top: 0px;
}
.eventDetails {
  float: left;
  margin-left: 17px;
  width: 400px;
}
#eventDescription {
  margin-top: 30px;
}
.eventImage {
  float: left;
  width: 152px;
  height: 90px;
}
.eventTitle {
  /*font-size: 12px;
    font-weight: normal;
    line-height: 16px;*/
  padding: 16px 1px;
}
.newsImage {
  float: left;
  height: 90px;
  margin-right: 20px;
  width: 152px;
  display: none;
  /*remove image from display for now */
}
.newsDetails {
  float: left;
  margin-left: 0;
  /*width: 400px;  remove image from display for now - details goes to full width*/
}
.floatLeft {
  float: left;
}
#Pagination {
  float: right;
}
.filterHeader {
  background-color: #f9f9f9;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 25px;
  overflow: hidden;
  padding: 25px 25px 25px 25px;
  clear: both;
}
.filterHeader select {
  height: 35px;
  width: 200px;
}
.filterHeader .button {
  float: right;
  position: relative;
}
.filterHeader #txtSearch {
  height: 31px;
  padding-left: 4px;
  padding-right: 4px;
  width: 170px;
}
.eventData {
  margin-bottom: 10px;
  border-bottom: 0.2px gray solid;
  padding-bottom: 10px;
}
#ui-datepicker-div {
  font-size: 12px;
}
.watermark {
  color: #999 !important;
}
#searchHelp {
  position: absolute;
  right: 10px;
  top: 0;
}
#searchHelp a {
  background-image: url('/CNV/Images/layout/help-icon.png');
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 26px;
}
.pdfResource {
  background-image: url('/CNV/Images/layout/pdf-icon.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  margin-right: 8px;
  width: 18px;
  text-indent: -9999px;
}
.pdf {
  background-image: url('/CNV/Images/layout/pdf.png');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 20px;
  width: 46px;
  text-indent: -9999px;
}
#filterResults .content {
  padding-left: 17px;
}
#filterResults li {
  list-style: none;
  padding: 0;
}
#filterResults .mediaList li {
  list-style: inside;
}
.filterResultsHeader {
  font-size: 12px;
  line-height: 21px;
  padding-left: 0px;
}
.categoriesDropdown {
  display: none;
}
.eventTable .label {
  color: #444444;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 13px;
  line-height: 21px;
  font-weight: normal;
  line-height: 15px;
  width: 106px;
}
.eventTable td {
  font-size: 13px;
  line-height: 21px;
}
tr.locatioRow a {
  text-transform: uppercase;
}
#lblDate {
  font-size: 12px;
  line-height: 21px;
}
.resultsLabel {
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 4px;
  padding-left: 17px;
}
.resultsFilters {
  font-size: 14px;
  padding-left: 17px;
}
.filterLabel {
  font-weight: 700;
}
.sortLabel {
  font-weight: 700;
  padding-left: 20px;
}
.resultsViewIcons {
  float: left;
  line-height: 21px;
  margin-left: 0;
  margin-bottom: 15px;
  /*padding-top:2px;*/
}
.floatLeft a.tileView:hover,
.litWiews a.listView:hover {
  text-decoration: none;
}
.importedBylaws input[type='text'] {
  border: 1px solid #C9C9C9;
  float: left;
  padding: 6px;
  width: 170px;
}
.importedBylaws .titleSection {
  margin: 30px 0 15px;
}
.importedBylaws .greyBackground {
  background: #F9F9F9;
  padding: 25px;
  overflow: hidden;
}
.importedBylaws .customField {
  display: inline-block;
  width: 182px;
  text-align: left;
}
.importedBylaws .spasing,
.listBylawsResults .spasing {
  font-weight: 600;
  padding: 0 10px;
  text-transform: uppercase;
}
.importedBylaws .spasing.first {
  padding-left: 0;
}
.alphabet + hr + div.spasing {
  margin-top: 25px;
}
.listBylawsResults select,
.listBylawsResults input {
  margin-bottom: 10px;
}
/*-----------------------------------------------*/
/* events listing calendar view                  */
/*-----------------------------------------------*/
.JFrontierCal-Modal-Agenda-Item .color span {
  background-color: #7FAD00;
}
.columnCalendar #toolbar {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #111111;
}
.columnCalendar .ui-state-default,
.columnCalendar .ui-widget-content .ui-state-default,
.columnCalendar .ui-widget-header .ui-state-default {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
}
.calendarLegend {
  border-bottom: 1px solid #E6E4E4;
  float: left;
  padding-left: 1px;
  width: 645px;
}
.filterResults .calendarLegend {
  border: none;
}
.filterResults .calendarLegend .Type div,
.filterResults .calendarLegend .Type label {
  cursor: pointer;
}
.calendarLegend .color {
  float: left;
  height: 10px;
  margin-right: 5px;
  margin-top: 8px;
  width: 10px;
}
.calendarLegend .color:hover {
  cursor: pointer;
}
.calendarLegend label {
  float: left;
  font-size: 14px;
  line-height: 24px;
}
.calendarLegend label:hover {
  cursor: pointer;
  color: #336b98;
}
.calendarEventsCategory {
  float: right;
  margin-right: 10px;
}
.calendarLegend .Type {
  float: left;
  width: 300px;
}
#map_canvas {
  width: 300px;
  height: 300px;
  margin: 10px;
}
.addthis_button_compact {
  text-decoration: none;
}
.linkEvent {
  text-decoration: none;
}
#sharingOptions {
  border-top: 0.2px gray solid;
  padding: 10px;
}
a.headerLabel {
  color: #336b98;
  font-size: 15px;
  line-height: 21px;
}
/*-----------------------------------------------*/
/* events detail                                 */
/*-----------------------------------------------*/
.eventDetail {
  margin-top: 20px;
}
.eventButtons {
  margin-top: 26px;
  text-align: right;
}
.iCalLink {
  font-size: 12px;
  line-height: 21px;
}
/*-----------------------------------------------*/
/* add this                                      */
/*-----------------------------------------------*/
#socialSharing {
  clear: both;
  display: none;
  padding-top: 20px;
}
.socialSharing {
  border-top: 1px solid #EBEBEB;
  padding-top: 15px;
  font-size: 12px;
  line-height: 21px;
}
/*-----------------------------------------------*/
/* news                                          */
/*-----------------------------------------------*/
#date {
  color: #444444;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 13px;
  line-height: 20px;
}
/*-----------------------------------------------*/
/* listing pages                                 */
/*-----------------------------------------------*/
#filterResults .filterResultsHeader {
  margin-bottom: 19px;
}
#filterResults .content .listDataItem {
  border-top: 1px solid #C5C5C5;
  margin-top: 12px;
  padding-top: 14px;
}
#filterResults .content .listDataItem:first-child {
  border-top: medium none;
  margin-top: 0;
  padding-top: 0;
}
.filterResultsFooter {
  margin-top: 10px;
  clear: both;
}
.listDataItem .bylawData,
.adData,
.bidData {
  border-top: 1px solid #ebebeb;
  padding: 20px 0;
}
.listDataItem:first-child,
.bylawData:first-child,
.adData:first-child,
.bidData:first-child {
  border-top: 0;
}
/*-----------------------------------------------*/
/*  bids listing                                 */
/*-----------------------------------------------*/
.floatLeft {
  float: left;
}
.bidCloseDate {
  color: black;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  padding-top: 5px;
}
#lblbAwardedTo {
  font-style: italic;
  line-height: 15px;
  margin-bottom: 8px;
}
.amendedIcon {
  background-image: url('/CNV/Images/layout/tooltip-icon.png');
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  margin-top: 2px;
  margin-left: 8px;
  margin-right: 8px;
  float: left;
}
.amendedDateTooltipContainer {
  margin-top: -20px;
  margin-left: 3px;
  float: left;
}
.amendedDateTooltip {
  position: absolute;
  background-color: #00467f;
  border: 0 solid;
  width: 125px;
  height: 55px;
}
.amendedDateTooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #00467f transparent transparent;
  top: 19px;
  left: -15px;
}
.amendedTitle {
  color: #ffffff;
  font-size: 1.2em;
  margin-left: 14px;
  margin-top: 10px;
  float: left;
}
.amendedDate {
  color: #ffffff;
  font-size: 0.9em;
  margin-left: 14px;
  margin-top: -5px;
  float: left;
}
/*-----------------------------------------------*/
/*  feature items (general styles)               */
/*-----------------------------------------------*/
.featureTitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding: 11px 0 7px 0;
}
.featureTitle a {
  color: #1f3349;
}
.featureItem p {
  margin-bottom: 0;
}
.featureItem .learnMore {
  margin-top: 16px;
}
.featureItem {
  float: left;
  margin-left: 24px;
  margin-bottom: 28px;
  overflow: hidden;
}
.featureItem img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}
/*-----------------------------------------------*/
/*  home CTAs                                    */
/*-----------------------------------------------*/
.homeCTAs {
  margin-top: 40px;
}
.homeCTAs .featureItem {
  border-bottom: none;
  margin-left: 0px;
  margin-right: 1%;
  width: 24.25%;
}
.homeCTAs .featureItem:last-of-type {
  margin-right: 0;
}
.homeCTAs .featureItem .learnMore {
  margin: 8px 0 10px;
}
/*-----------------------------------------------*/
/*  feature listing                              */
/*-----------------------------------------------*/
.featureListings {
  /*margin-left: -24px;*/
  margin-bottom: 20px;
}
.featureListings .row {
  overflow: hidden;
  /*margin-bottom: 12px;*/
}
.featureListings .featureItem {
  border-bottom: 1px solid #e7ebee;
  float: none;
  margin-left: 0;
  padding-bottom: 28px;
  width: auto;
}
.featureListings .featureImage {
  float: left;
  margin-right: 40px;
  max-width: 100%;
  width: 344px;
}
.featureListings .featureText {
  float: left;
  width: calc(100% - 384px);
}
.featureImage img {
  /*width: 294px;
    height: auto;*/
}
/*-----------------------------------------------*/
/*  feature ctas                                 */
/*-----------------------------------------------*/
.featureCTAs .row {
  margin-bottom: 40px;
  overflow: hidden;
}
.featureCTAs .featureItem {
  float: left;
  margin-left: 80px;
  margin-right: 0;
  width: 346px;
}
.featureCTAs .featureItem:first-child {
  margin-left: 0;
}
.featureCTAs .featureImage {
  float: none;
}
.featureCTAs .featureText {
  float: none;
}
/*-----------------------------------------------*/
/*  feature listing 3 column                     */
/*-----------------------------------------------*/
.featureListingsThreeColumn {
  margin-bottom: 15px;
}
.featureListingsThreeColumn .row {
  overflow: hidden;
}
.featureListingsThreeColumn .featureItem {
  margin-left: 30px;
  width: 237px;
}
.featureListingsThreeColumn .featureItem:first-child {
  margin-left: 0;
}
.featureListingsThreeColumn img {
  height: auto;
  width: 100%;
}
/*----------------------------------------------------*/
/*  feature listing Info Panel - Features in Right Col*/
/*----------------------------------------------------*/
.featureListingInfoPanel {
  margin-bottom: 15px;
}
.featureListingInfoPanel img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}
.featureListingInfoPanelLeft {
  float: left;
  width: calc(100% - 234px);
}
.featureListingInfoPanelRight {
  float: right;
  margin-left: 40px;
  width: 194px;
}
.featureRightItem {
  margin-bottom: 12px;
}
/*-----------------------------------------------*/
/*  Call Out 50 50                    	         */
/*-----------------------------------------------*/
.call-out-5050-anchor {
  background-color: #f5f5f5;
  margin: 20px 0;
}
.call-out-5050-anchor a:hover {
  text-decoration: none;
}
.call-out-5050-anchor .call-out-5050-columns {
  color: #333333;
  display: flex;
}
.call-out-5050-anchor .call-out-5050-columns:hover {
  text-decoration: none;
}
.call-out-5050-anchor .call-out-5050-columns .call-out-5050-image-wrapper {
  width: 50%;
}
.call-out-5050-anchor .call-out-5050-columns .call-out-5050-image {
  background-image: url('http://cnv-dev.e-cubed.biz/-/media/city-of-north-vancouver/images/featured-listing/city-government/city_departments_feature.ashx');
  background-size: cover;
  min-height: 214px;
  height: 100%;
  background-position: center;
}
@media (max-width: 1160px) {
  .call-out-5050-anchor .call-out-5050-columns .call-out-5050-image {
    padding-top: 100%;
    min-height: unset;
  }
}
.call-out-5050-anchor .call-out-5050-content {
  width: 50%;
}
.call-out-5050-anchor .call-out-5050-content-inner {
  padding: 15px 25px;
}
.call-out-5050-anchor .call-out-content {
  margin-bottom: 16px;
}
.call-out-5050-anchor .call-out-link {
  color: #438ece;
}
.call-out-5050-anchor .call-out-link:empty::after {
  content: none;
}
.call-out-5050-anchor .image-right .call-out-5050-content {
  position: relative;
  right: 50%;
}
.call-out-5050-anchor .image-right .call-out-5050-image-wrapper {
  position: relative;
  left: 50%;
}
@media (max-width: 600px) {
  .call-out-5050-anchor .call-out-5050-columns {
    display: block;
  }
  .call-out-5050-anchor .call-out-5050-columns .call-out-5050-image-wrapper {
    position: static !important;
    width: 100%;
  }
  .call-out-5050-anchor .call-out-5050-content {
    position: static !important;
    width: 100%;
  }
}
/*-----------------------------------------------*/
/*  video gallery                     	         */
/*-----------------------------------------------*/
ul#video-gallery {
  margin: 0;
}
#video-gallery .row {
  float: left;
  clear: both;
  margin-top: 25px;
}
#video-gallery .row:first-child {
  margin-top: 10px;
}
.witdhInputText {
  width: 300px;
  float: left;
}
.listPosition {
  margin-left: 10px;
  float: left;
}
.listPosition input,
.listPosition select {
  font-size: 13px;
}
.btnGoGreyPosition {
  margin-left: 125px;
  float: right;
}
.video-gallery {
  margin-left: -24px;
  float: left;
}
.video-gallery li {
  width: 292px;
  list-style: none;
  padding: 12px;
  float: left;
}
.title {
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  padding-top: 10px;
}
.title a {
  color: #336b98;
}
.pagination {
  float: right;
}
#videoContainer {
  margin: 12px 0;
}
/*Start Feature Rows*/
.featureRowsListing {
  overflow: hidden;
}
.featureRowsListing .row {
  float: left;
  margin-bottom: 20px;
}
.featureRowImage {
  float: left;
  margin-right: 30px;
  width: 215px;
}
.featureRowImage img {
  height: auto;
  width: 100%;
}
.featureRowDataContainer {
  float: left;
  width: 526px;
}
.featureRowTitle {
  font-size: 15px;
  line-height: 20px;
}
.featureRowTitle a {
  color: #336b98;
  font-size: 15px;
  line-height: 20px;
}
.featureRowDataContainer p {
  margin-top: 10px;
  color: #535353;
}
/*END Feature Rows*/
/*Polls*/
.scDMSPollOptionItem label {
  color: #555555;
  font-family: Verdana;
  font-style: normal;
}
/*-----------------------------------------------*/
/*  Council Meetings                             */
/*-----------------------------------------------*/
.councilMeetingsFilter .filterTitle {
  font-weight: bold;
  margin-right: 6px;
}
.councilMeetingsPagination.topPagination {
  clear: both;
  height: 0;
}
.councilMeetingsPagination.bottomPagination {
  border-top: 1px solid #ccc;
}
.councilMeetingsPagination a.prev {
  background: none;
  float: left;
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
  padding-left: 20px;
}
.councilMeetingsPagination a.prev::before {
  padding-right: 10px;
  top: 3px;
  position: relative;
}
.councilMeetingsPagination a.next {
  background: none;
  float: right;
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
  padding-right: 20px;
}
.councilMeetingsPagination a.next::after {
  padding-left: 10px;
  top: 3px;
  position: relative;
}
a#backSearchLink {
  background-position: left center;
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
  padding-left: 20px;
}
.council-meetings-list {
  width: 100%;
}
.council-meetings-list th {
  font-weight: bold;
  line-height: 14px;
}
.council-meetings-list tr {
  border-top: 1px solid #ccc;
}
.council-meetings-list td,
.council-meetings-list th {
  padding: 15px 5px 15px 0;
  max-width: 165px;
  text-align: center;
}
.council-meetings-list td:first-child,
.council-meetings-list th:first-child {
  font-weight: bold;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.council-meetings-list td:nth-child(2) {
  text-align: left;
}
.council-meetings-list td a {
  display: block;
  width: 100%;
}
.council-meetings-list td:nth-child(n+4) a {
  border-left: 1px solid #ccc;
  padding-left: 3px;
}
/*-----------------------------------------------*/
/*  blog panel                                  */
/*-----------------------------------------------*/
.blog {
  font-size: 13px;
  /*font-family: 'NovecentowideLightBold',Helvetica,Arial,sans-serif;*/
}
.blog #filterResults .content {
  padding-left: 0;
}
.blog .content ul {
  margin-left: 0;
}
.borders {
  border-top: 0.2px #c5c5c5 solid;
  border-bottom: 0.2px #c5c5c5 solid;
}
.blogPostItem {
  padding: 10px 0;
  margin-bottom: 10px;
}
.blogTitle {
  margin: 40px 0 5px 0;
}
.blogTitle a {
  font-family: 'NovecentowideUltraLightBold', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 21px;
}
.blogDate {
  margin-bottom: 22px;
  overflow: hidden;
  padding: 4px 0;
}
.blogDate .labelValue {
  margin-bottom: 9px;
}
.blogImage img {
  margin-bottom: 12px;
}
.blogCategories {
  padding: 0 0 25px 0px;
}
.blogCategories a {
  font-weight: bold;
}
.BlogCategory a {
  background-color: #808084;
  float: left;
  height: 16px;
  margin: 0 2px 5px 0;
  padding: 5px 13px;
}
.BlogCategory a {
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  /*margin: 0;
	padding: 0;*/
  text-decoration: none;
}
.BlogCategory:hover,
.BlogCategory:hover a {
  background-color: #4E89BD;
  color: #FFFFFF;
}
.blogCategory a {
  font-weight: bold;
}
#BlogPostComments {
  margin-top: 30px;
  margin-bottom: 20px;
}
#commentsContainer {
  font-family: 'NovecentowideUltraLightBold', Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 23px;
}
.blogPostComment {
  border-bottom: 0.1px #D8D8D8 solid;
  margin-bottom: 15px;
  margin-top: 5px;
  padding-bottom: 15px;
}
.commentHeader {
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  /* novo demibold */
  font-size: 12px;
  line-height: 12px;
}
/*END BLOG*/
.blog .learnMore {
  float: right;
  margin-bottom: 10px;
}
.feature a,
.learnMore a,
a .learn-more,
.call-out-link {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 12px;
  text-transform: uppercase;
}
.feature a::after,
.learnMore a::after,
a .learn-more::after,
.call-out-link::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  padding-left: 8px;
}
.feature a:hover,
.learnMore a:hover,
a .learn-more:hover,
.call-out-link:hover {
  color: #00467f;
  text-decoration: none;
}
.link-no-arrow::after {
  content: none !important;
}
/*resources and documents */
.resourceSection {
  float: left;
  width: 45%;
}
.documentSection {
  float: left;
  width: 45%;
}
.resources-documents div:first-child {
  margin-right: 10%;
}
.fullWidthSection {
  width: 100%;
}
/*Imported By Laws*/
.importedBylaws .titleSection {
  margin: 20px 0 15px;
}
.importedBylaws .titleSection span,
.importedBylaws .titleSection h2 {
  display: inline-block;
}
.importedBylaws .titleSection span {
  background: url("/CNV/Images/layout/help-icon.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
  height: 21px;
  margin: 2px 0 0 5px;
  position: relative;
  top: 4px;
  width: 21px;
}
.importedBylaws .alphabet {
  margin-left: 5px;
}
.importedBylaws .greyBackground strong {
  display: block;
  margin: 20px 0 0;
}
.importedBylaws .buttonFilter {
  margin-right: 15px;
}
.importedBylaws .greyBackground {
  margin-bottom: 1em;
}
.listBylawsResultsContainer {
  margin-top: 30px;
}
.listBylawsResultsContainer h2,
.listBylawsResultsContainer a.back {
  float: left;
}
.listBylawsResultsContainer #filterResults h2.group {
  float: none;
}
.listBylawsResultsContainer a.back + div.greyBackground {
  clear: both;
}
.listBylawsResultsContainer h2.subtitle,
.listBylawsResultsContainer a.back,
.listBylawsResultsContainer strong,
.listBylawsResultsContainer table {
  display: inline-block;
}
.listBylawsResultsContainer a.back {
  font-weight: bold;
  margin: 0 0 0 10px;
  position: relative;
}
.listBylawsResultsContainer table {
  margin: 0 0 0 10px;
  position: relative;
  top: 6px;
}
.listBylawsResultsContainer table input[type="radio"] {
  margin: 0 10px 0 5px;
}
.listBylawsResultsContainer #infoKeywords span {
  font-size: 12px;
}
.listBylawsResultsContainer strong {
  font-size: 10px;
}
.listBylawsResultsContainer .filterHeader {
  padding-bottom: 10px;
}
.listBylawsResultsContainer #filterResults .content {
  padding-left: 0;
}
.listDataItem {
  border-top: 1px solid #C5C5C5 !important;
  margin-top: 12px !important;
  padding-top: 14px !important;
}
.listBylawsResultsContainer #spanSearchTerm {
  font-size: 12px;
}
.listBylawsResultsContainer #currentLetter {
  margin: 15px 0;
  font-weight: bold;
}
.listBylawsResultsContainer .alphabet {
  margin: 10px 0 0 0;
}
.listBylawsResultsContainer .alphabet li:first-child {
  padding-left: 0;
}
.listBylawsResultsContainer .resultsLabel {
  padding-left: 0;
}
/*******TOOLTIP*******/
.qtip-default {
  background-color: #F9F9F9 !important;
  border-color: #999999 !important;
  border-style: solid !important;
  border-width: 1px !important;
}
.qtip-default p {
  font-size: 11px !important;
  line-height: 18px !important;
}
/*Pagination overrides*/
.pagination span,
.pagination a {
  font-size: 14px !important;
  padding: 4px 3px 0 !important;
}
.pagination a.next,
.pagination a.prev,
.pagination .next,
.pagination .prev,
.pagination a.nextset,
.pagination a.prevset,
.pagination .nextset,
.pagination .prevset {
  background-image: none !important;
  height: auto !important;
  padding: 4px 3px !important;
  width: auto !important;
}
a.prev::before {
  content: "\f053";
  color: #438ece;
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 300;
}
a.next::after {
  content: "\f054";
  color: #438ece;
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 300;
}
a.prevset::after {
  content: "\f323";
  color: #438ece;
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 300;
}
a.nextset::after {
  content: "\f324";
  color: #438ece;
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 300;
}
#content-columns {
  margin-bottom: 30px;
}
/* ------------------- */
/*     LOGIN FORM      */
/* ------------------- */
.login-form-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.login-form-container h1 {
  text-transform: capitalize;
}
.login-form {
  margin-top: 15px;
}
.login-form .form-group {
  margin-bottom: 15px;
}
.login-form .form-group input[type="text"].form-control,
.login-form .form-group input[type="password"].form-control {
  padding: 5px 10px;
  width: 220px;
}
.login-form .form-group > label {
  padding: 5px 0px;
  width: 170px;
  display: block;
  float: left;
  margin-right: 10px;
}
.login-form .buttonFilter,
.login-form .scfSubmitButtonBorder input,
.login-form input[type='submit'] {
  background-color: #438ece;
  border: none;
  color: white;
  display: inline-block;
  font-family: 'NovecentowideLightBold', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 12px;
  font-weight: 400;
  padding: 12px 20px;
  text-decoration: none;
  text-transform: uppercase;
}
.login-form div.checkbox {
  margin-bottom: 15px;
}
.login-form .error-message {
  color: #cc0000;
}