@media print {
div:not(.reveal-modal) {
display: inherit !important;
}

#charm-bar,
#top-nav,
#charm-toggle,
#alert {
display:none !important;
}
#top-nav,
#sidenav-col,
#bcrumbs,
#social-media-center,
#goog-gt-tt,
img.footer-logo,
input.submit-btn,
#dynamic-top-nav
{
display:none !important;
}


#page-footer, #page-body{
display:block !important; float:left  !important; clear:both  !important; position:relative  !important;
}

}


::selection {
background: #2f2f2f; /* Safari */
color: #fff;
}
::-moz-selection {
background: #2f2f2f; /* Firefox */
color: #fff;
}



/* force safari mobile devices to not automatically render rounded corners on search iput --------------------------*/

#site-search input,
.site-search input {
-webkit-border-radius: 0 !important;
}

.fontsize a{float:none !important;height:22px; margin:0px 1px 0px 0px !important; text-decoration:underline;}
.fontsize a.selected{text-decoration:none;}
#fontsize0{font-size:1em; /*=10px*/}
#fontsize1{font-size:1.1em; /*=11px*/}
#fontsize2{font-size:1.3em; /*=13px*/}

/*------------.size0 */
.size0{
font-size:.825em;
}
#side-nav.size0 .sf-menu a{
font-size:1em;
}
@media only screen and (min-width: 768px) {
  .top-bar-section.size0 ul.nav-list > li.nav-item h4 a {
    font-size: 1.1em;
  }
  .top-bar-section.size0 ul.nav-list > li.nav-item a {
    font-size: .7em;
  }
}
/*-------------.size1 */
.size1{
font-size:1em;
}

#side-nav.size1 .sf-menu a{
font-size:1.15em;
}

/*-----------.size2 */
.size2{
font-size:1.25em;
}

#side-nav.size2 .sf-menu a{
font-size:1.325em;
}
@media only screen and (min-width: 768px) {
  .top-bar-section.size2 ul.nav-list > li.nav-item h4 a {
    font-size: 1.3em;
  }
  .top-bar-section.size2 ul.nav-list > li.nav-item a {
    font-size: 1.2em;
    display: block;
    height: auto;
    width: 100%;
    margin: 17px 0 1px 0;

  }  

 ul.nav-list.left.size2 .dropdown{
    margin: 0px 0 0 0;
    border-top: 0px solid transparent;
  }


  .top-bar-section.size2 .dropdown li {
    height: 100%;
    line-height: 1.25em;
}

.top-bar-section.size2 ul li > a{ height: 60px;}
 
}
/*------------------------------------------------------------------
--> Foundation Columns
------------------------------------------------------------------*/

/* --> Column Padding --------------------------------------------*/

.row .column, .row .columns {
padding: 0 8px;
}

#page-wrap .row{
margin-right: auto;
margin-left: auto;
}


/******************************************************************
base.css
-------------------------------------------------------------------
Stylesheet: Base Mobile
-------------------------------------------------------------------

Be light and don't over-style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. These styles will be applied across all viewports.

******************************************************************/

/*
------------------------------------------------------------------
--> Foundation Columns
------------------------------------------------------------------*/

/* --> Column Padding --------------------------------------------*/

.row .column, .row .columns {
padding: 0 8px;

}

.no-pad{ padding: 0 !important; margin: 0 !important; }
.left{ float: left; }
.right{ float: right; }
.hider{ visibility: hidden; }


/*
------------------------------------------------------------------
--> Branding Styles
------------------------------------------------------------------*/

/* --> Defaults --------------------------------------------------*/

body {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 62.5% !important; /* Sets base font-size to 10px so 1.0em = 10px */
color: #333 !important;
-webkit-font-smoothing: antialiased !important;
}

#page-wrap{
overflow: hidden;
}


/* Set default font-size to 14px */
p, a, .button {
transition: font-size .3s ease-in-out;
-o-transition: font-size .3s ease-in-out;
-moz-transition: font-size .3s ease-in-out;
-webkit-transition: font-size .3s ease-in-out;
}

/* Make sure that links in paragraphs are not larger */
p a { font-size: inherit; }


/* --> Anchors ---------------------------------------------------*/

a, a:visited {
color: #6286b4;

transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-webkit-transition: color .3s ease-in-out;
}

a:hover, a:focus {
color: #B19D5A;

}

a:active { color: #ff0f0f; }

#page-content a.fbFileNameBoldSmlB {
  font-weight: bold;
}

/* --> Headings --------------------------------------------------*/

/* All headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: 'Open Sans', 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}

h1, .h1 {
font-size: 2.8rem;
}

h2, .h2 {
font-size: 2.75rem;
}

h3, .h3 {
font-size: 2.45rem;
}

h4, .h4 {
font-size: 2.15rem;
}

h5, .h5 {
font-size: 1rem;
font-weight: 400;
}


h6, .h6 {
font-size: 1.825rem;
font-weight: 400;
}


/* --> Tables ----------------------------------------------------*/

table {
background: none;
border: 0;
margin: 0;
}

/* Default scale for <table> elements */
table tr th, table tr td { font-size: inherit; }

/* Override background color from Foundation */
table tr.even, table tr.alt,
table tr:nth-of-type(even) {
background: none;
}


.nopadding { padding: 0 !important; }


#vTable2 span table tr td, #vTable2 table span, #vTable2 table input {
  font-size: 14px!important;
  color: #666;
}

#vTable2 table tr{
  border-bottom: 1px solid #FAF7F7;
}

#jqGalleryDiv {
    font-size: 1.5em;
}
.cv-photo-gallery{
  padding-left: 10px;
}

#scrollable_wrap .img-wrap img{
width: 100%;
height: 100%;
margin: 0;
}

/* Side Navigation Column */
#sidenav-col{ float: right; }



/*
------------------------------------------------------------------
--> Page Header
------------------------------------------------------------------*/

/* --> Header Base -----------------------------------------------*/

#page-header {
width: 100%;
background: #000;
}

#scrolling-alerts {
	width: 100%; 
	max-height: 49px; 
	border: none; 
	position: relative; 
	overflow: hidden; 
	z-index: 1000;"
}


/* --> Header Logo -----------------------------------------------*/
#dynamic-cha-logo { text-align: center; }

#dynamic-cha-logo img {
  max-width: 180px;
}

h5#header-tagline {
color: #eaf6ff;
font-weight: normal;
margin-top: 0;
text-indent: 6px;
cursor: default;
}


.fontsize {
  height: 20px;
  float: none;
  display: table;
  margin:0 auto 15px auto;
}

#temp {
 color: white;
 font-weight: bolder;
 padding: 0 0 10px 0;
}

.fontsize a{
	color: #666;
	padding: 3px 5px;
  line-height: 2em;
}
.fontsize a:hover{
	background-color: #333;
}
.fontsize a.selected {
	background-color: #000;
}
.fontsize a#size0{
	font-size: 1.2em;
}
.fontsize a#size1{
	font-size: 1.8em;
}
.fontsize a#size2{
	font-size: 2.2em;
}

/*
------------------------------------------------------------------
--> Site Search
------------------------------------------------------------------*/

/* --> Search Input ----------------------------------------------*/

#frmSearch {
	margin: 0;
}

#site-search {
margin: -9px 0 0 8px !important;
padding: 0px 0 0 8px;
font-size: 1.3em;
border: none;
outline: none;
font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
font-style: italic;
font-weight: 700;
color: #525252;
letter-spacing: .02em;
height: 40px;
background: rgba(240,240,240,.4);
}

input#site-search:hover {
border-color: #5aabed;
}

input#site-search:focus {
background: #fff;

}

/* --> Search Button ---------------------------------------------*/

a#site-search-btn {
	font-weight: normal;
	font-size: 1.3em;
	line-height: 17px;
	border: none;
	height: 40px;
	width: 30px;
	margin: -9px 0 0 -45px;
	background: url(/img/00/search-btn.png) 0 10px no-repeat transparent;
	box-shadow: none;
	background-position: center;
	-webkit-appearance: none;
	transition: background-color .6s ease-in-out;
	-o-transition: background-color .6s ease-in-out;
	-moz-transition: background-color .6s ease-in-out;
	-webkit-transition: background-color .6s ease-in-out;
}

a#site-search-btn:hover {
text-decoration: none;
background-color: #d3d3d3;
}

a#site-search-btn span { visibility: hidden; }

:-moz-placeholder { /* Firefox 18- */
color: #7d98a9;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #7d98a9;
}

:-ms-input-placeholder {
color: #7d98a9;
}


/*
------------------------------------------------------------------
--> Main Navigation
------------------------------------------------------------------*/
.top-bar-section li a:not(.button){ line-height: inherit !important;}

/* --> Main Navigation Container ---------------------------------*/


section#top-nav {
background-color: #FFFFFF;
  min-height: 57px;
  height: 105px;
  width: 100%;
  border-bottom: 1px solid #000;
}

@media only screen and (min-width: 1030px) {
    nav.main-nav ul.nav-list > li.nav-item {
        width: 20%;
    }
}

/* Navigation Mobile */
@media screen and (max-width:768px){
  section#top-nav{
    height: 94px;
  }
  
  /* The following 3 styles are attempts to fix issues with Mega menus on mobile*/
  /*.top-bar.main-nav.expanded {
    overflow-y: scroll; 
  }*/
  
  /* By default Foundation sets these to visibility: hidden and visible respectively*/
  .top-bar-section .dropdown {
    display: none;
  }
  .top-bar-section .has-dropdown.moved>.dropdown {
    display: block;
  }
}

/* Remove menu padding for mobile */
section#top-nav .nav-row .columns { padding: 0; }

/* Remove Foundation default background color for top-bar */
nav.main-nav, nav.main-nav.expanded {
background: none;
width: 100%;
}

/* Add styling to section-heading */
nav.main-nav li.nav-item .section-heading {
  border-bottom: 2px solid #333;
}
nav.main-nav .has-mega-menu .mega-menu .section-heading a {
  font-weight: 600;
}

/* Fix issue with height set in foundation.css */
.top-bar-section .dropdown li {
  height: auto;
}

#dynamic-top-nav > nav > section > ul > li.nav-item.nav-item-1.nav-item-root.has-dropdown > ul > li.nav-item.nav-item-5.last {
  height: 30px;
}

.top-bar-section ul li > a {
  height: 30px;
}
.top-bar.main-nav.expanded {
  /* Adding extra space on Menu*/
  /*overflow: scroll;*/
}
/* Image in mega menu */
.services-1 #megaimage img.mm-button-img { width: 100%; }
/* undo default navigation item styles */
nav.main-nav ul li.nav-item div.services-1 a:hover { background-color: transparent; }
.top-bar-section li a:not(.button){ padding: 0;  }
/* mega menu feature title */
.services-1 #megaimage .mm-button-txt {
font-family: 'Roboto Condensed', 'Open Sans', Arial, sans-serif;
color: #4cb5c4;
display: block;
font-size: 2em;
font-weight: 400;
border-bottom: 1px solid #eee;
padding: 0 ;
margin: 0;

transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-webkit-transition: color .3s ease-in-out;
}

/* mega menu feature subtext */
.services-1 #megaimage .mm-button-subtxt  {
color: #b4b4b4;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1.75em;

transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-webkit-transition: color .3s ease-in-out;
}

.services-1 #megaimage .mm-button-txt:hover{ color: #197b89; }
.services-1 #megaimage .mm-button-subtxt:hover{ color: #666; }

/* --> Main Navigation Title -------------------------------------*/

/* Show the navigation Title for mobile */
nav.main-nav .name {
display: block;
}


/* --> Main Navigation Item Link ---------------------------------*/
nav.main-nav ul li.nav-item a {
font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
color: #363636;
font-size: 1.15em;
font-weight: 500;
white-space: normal;
background: none;
transition: background-color .6s ease-out, background-image .6s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-o-transition: background-color .6s ease-out, background-image .6s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-moz-transition: background-color .6s ease-out, background-image .6s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-webkit-transition: background-color .6s ease-out, background-image .6s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
padding-left: 10px;
}
nav.main-nav ul li.nav-item a:hover {
text-decoration: none;
background: #fff;
}

/* Active Item Link */
nav.main-nav ul li.active a {
background: #000;
}


/* --> Main Navigation Mobile Styles -----------------------------*/

/* Main Navigation Title */
.main-nav ul.title-area .mainnav-mobile-title {
font-family: 'Oxygen', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
line-height: 40px;
}

.main-nav ul.title-area .mainnav-mobile-title:hover {
background: none;
}

/* Menu collapse/expand link icon */
nav.main-nav .toggle-topbar.menu-icon a {
font-family: 'Oxygen', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4em;
text-indent: -70px;
line-height: 30px;
}

nav.main-nav .toggle-topbar.menu-icon a:hover {
background: none;
}

/* Mobile Display Back Link */
nav.main-nav .dropdown li.title h5 a {
font-size: inherit;
font-weight: bold;
font-size: 18px;
padding: 10px;
}

/* Mobile Display Back Link (Mega-Menu) */
nav.main-nav div.mega-menu li.title h5 a:hover {
background: #eee;
}

/* Mobile-Mode Back Link (Mega-Menu) */
nav.main-nav .mega-menu li.title h5 a {
color: #1a1a1a;
}




/*
------------------------------------------------------------------
--> Main Navigation Menus
------------------------------------------------------------------*/

/* Dropdown Menu Item Link */
nav.main-nav .dropdown li.nav-item a {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: none;
    font-size: 0.8em; 
    line-height: 18px;
    background: none;
    padding: 0;
    border-bottom: 1px solid #444;
    margin: 10px 0 0 15px;
}

nav.main-nav .dropdown li.nav-item a:hover {
background: #666;
}


/* --> Main Navigation Dropdown Container ------------------------*/

nav.main-nav .dropdown {
border: 1px solid #333;
}

/* Dropdown Menu Last Item Link */
nav.main-nav .dropdown li.nav-item.last a {
border-bottom: 0;
}

li.nav-item.nav-item-root.has-dropdown{ margin: 10px 0; }

/* Mobile Home styling like mega menus */
ul.dropdown li.nav-item.show-for-small:nth-child(2) a {
    color: #7095c6;
    font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, sans-serif;
    background: none;
    padding-left: 0;
    /* padding-bottom: 10px; */
    line-height: 24px;
    border-bottom: 1px solid #ccc;
    font-size: 1.2em;
    font-weight: bold;
}

#header-right{
  width: 100%;
  padding-left:12px;
  padding-right:12px;
}
#header-right div:nth-child(1){
  float: right;
  /*width: 100%;*/
}
#header-right div:nth-child(2){
	left: 102%;
	/*display: none;*/
}

#hp-icons{
  top: 10%;
  z-index: 99999;
}

@media only screen and (max-width: 767px) {
  nav.main-nav ul li.nav-item a {
    color: #fff;

  }
  nav.main-nav ul li.nav-item a:hover {
    color: #363636;
  }
  nav.main-nav .dropdown li.nav-item a:hover {
    background-color: #d3d3d3;
    font-weight: 500;
  }

  nav.main-nav .dropdown li.title.back h5 a:hover {
    background-color: #333;
    color: #fff;
  }
  .top-bar-section .has-dropdown>a:hover:after { 
      border-color: transparent transparent transparent #363636;
  }
  nav.main-nav .mega-menu.dropdown {
    background-color: #333;
  }
  nav.main-nav li.nav-item .section-heading a {
    color: #fff;
  }
  nav.main-nav ul.mega-menu-list li.nav-item a {
    color: #fff !important;
  }
  nav.main-nav li.nav-item .section-heading a:hover {
    color: #fff;
    border-color: currentColor !important; 
  }
  nav.main-nav .mega-menu li.title.back h5 a {
    color: #fff;
    margin-bottom: .3em;
    background-color: #333;
  }
  nav.main-nav .mega-menu li.title.back h5 a:hover {
    background-color: #333;
  }

}

/*
------------------------------------------------------------------
--> Side Navigation
------------------------------------------------------------------*/

/* --> Side Navigation Heading -----------------------------------*/

.page-nav-heading {
cursor: default;
margin-top: 5px;
margin-bottom: 0px;
padding: 5px 0 5px 13px;
color: #7095C6;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 2em;
background: #ffffff;
border-bottom: 1px solid #eee;
}


/* --> Side Navigation List ---------------------------------------*/

nav#side-nav ul.side-nav-list {
margin-bottom: 30px;
border: 1px solid #fff;
}


/* --> Side Navigation Item ---------------------------------------*/

nav#side-nav .sf-vertical,
nav#side-nav .sf-vertical li {
width: 100%;
}

nav#side-nav .sf-menu li {
background: #fff;
}


/* --> Side Navigation Item Link ----------------------------------*/

nav#side-nav .sf-menu a {
color: #5c5c5c;
border: 0;
line-height: 20px;
background:#fff;
border-bottom: 1px solid #eee;

transition: background-color .6s ease-out;
-o-transition: background-color .6s ease-out;
-moz-transition: background-color .6s ease-out;
-webkit-transition: background-color .6s ease-out;
}

nav#side-nav .sf-menu a:hover {
background: #eee;
}

/* Last Item Link */
nav#side-nav .sf-menu li.last a {
border-bottom: 0;
}


/* --> Side Navigation Flyout Menu -------------------------------*/

nav#side-nav .sf-menu ul {
left: 100%;
width: 200px;
border: 1px solid #ccc;
}

/* Flyout Indicator (Arrow) */
nav#side-nav .sf-sub-indicator {
top: 14px;
background: url('/inc/public/js/superfish/images/arrows-FFFFFF.png') no-repeat -10px 0px;
}

@media screen and (max-width: 767px) {
  nav#side-nav .sf-menu ul {
    left: 45%;
  }
}

/*
------------------------------------------------------------------
--> BreadCrumbs / System Buttons
------------------------------------------------------------------*/

/* --> Breadcrumbs ----------------------------------------------*/

/* Breadcrumb Span */
section#bcrumbs {
width: 100%;
position: relative;
float: right;
display: block;
background: rgba(208, 166, 58, 0.78);
}

#bcrumbs-content {
background: url('/img/00/grayparency.png') repeat transparent;
position: relative;
width: 100%;
padding: 0;
margin: 0 0 0 0;
}

#bcrumbs-content a { color: #fff;  text-decoration: none; font-size: inherit; }
#bcrumbs-content a:hover { color: #1d1d1d; }

/* Breadcrumb List */
ul.bcrumb-list {
float: left;
list-style: none;
margin:  0;
font-size: 1.4em;
height: 37px;
}

/* Breadcrumb Item */
ul.bcrumb-list li {
float: left;
color: #fff;
font-family: 'Open Sans', 'Roboto', Arial, sans-serif;
font-weight: 400;
font-size: inherit;
margin-right: 10px;
}

/* Breadcrumb Home Item */
ul.bcrumb-list li.home {
/*background: url('/img/00/icons/bcrumb-logo.png') no-repeat 0  -5px;
padding-left: 55px;*/
}

ul.bcrumb-list li.home a{ color: #fff; font-size: inherit;}

/* Breadcrumb Item Arrow & Current Item */
ul.bcrumb-list li.arr,
ul.bcrumb-list li.current {
/*font-size: 1.4em;*/
cursor: default;
}


/* --> System Buttons ----------------------------------------------*/

/* Column that contains the system buttons */
.columns.system-btns-col { margin-top: 10px; }

/* Email, Edit, Print List Container */
ul.system-btns-list {
float: left;
width: 100%;
list-style: none;
margin: 11px 0 0;
}

/* System Button Item */
ul.system-btns-list > li {
float: left;
margin: 0 auto;
width: 50%;
margin-bottom: 15px;
padding: 0 10px;
}

/* System Button Link Text */
ul.system-btns-list li a.button {
font-size: 1.6em;
margin-bottom: 0;
text-align: left;
}


/* System Button Styles */
.button.system-button {
width: 100%;
color: #333;
background-color: #eee;
border-color: #666;
padding: 10px 10px;
box-shadow: none;

transition: background-color .6s ease-out, box-shadow .6s ease-out;
-o-transition: background-color .6s ease-out, box-shadow .6s ease-out;
-moz-transition: background-color .6s ease-out, box-shadow .6s ease-out;
-webkit-transition: background-color .6s ease-out, box-shadow .6s ease-out;
}

.button.system-button:hover,
.button.system-button.hover {
background-color: #fff !important;
box-shadow: 0 0 8px #666;
}

/* System Button Dropdown Menu */
ul.system-menu {
list-style: none;
display: none;
position: absolute;
width: inherit;
background-color: #fff;
margin: 0;
padding: 5px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
box-shadow: 0 4px 6px #666;
z-index: 90;
margin-top: 20px;
}

/* Show dropdown menu on hover */
li:hover ul.system-menu {
display: block;
}

/* System Button Dropdown Menu Item Link */
ul.system-menu li a {
display: block;
font-weight: bold;
padding: 6px 0;
color: #333 !important;
text-indent: 35px;
border: 1px solid transparent;
}

ul.system-menu li a:hover {
color: #0f8cf2;
text-decoration: none;
border-color: #ddd;
border-radius: 6px;
}

/* Email */
#btn-email {
background: transparent url('/img/00/icons/icon-email.png') no-repeat 5px 3px;
padding-left: 40px;
border: none;
/*visibility: hidden;*/
/*display: none;*/

}

/* Edit */
#btn-edit {
background: transparent url('/img/00/icons/icon-edit.png') no-repeat 5px 4px;
padding-left: 40px;
border: none;
margin-top: -8px;
float: right;
color: #fff;
}

/* Print */
#btn-print {
background: transparent url('/img/00/icons/icon-print.png') no-repeat 5px 3px;
padding-left: 40px;
border: none;
/*visibility: collapse;*/

}

/* Alter styles of system buttons that have a dropdown menu */
#btn-email:hover,
#btn-email.hover,
#btn-edit:hover,
#btn-edit.hover {
border-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

/* Send A Link */
ul.system-menu li.send-link {
background: url('/img/00/icons/icon-email-send.png') no-repeat 0 center;
}

/* Contact Us */
ul.system-menu li.contact-us {
background: url('/img/00/icons/icon-email-contact.png') no-repeat 0 center;
}

/* HTML Editor */
ul.system-menu li.html-editor {
background: url('/img/00/icons/icon-edit-html.png') no-repeat 0 center;
}

body.row.edtdiv p {
    font-size: 1.4em;
}

/* Layout */
ul.system-menu li.layout {
background: url('/img/00/icons/icon-edit-layout.png') no-repeat 0 center;
}

/* Navbuilder */
ul.system-menu li.navbuilder {
background: url('/img/00/icons/icon-edit-navbuilder.png') no-repeat 0 center;
}

/* Services */
ul.system-menu li.services {
background: url('/img/00/icons/icon-edit-services.png') no-repeat 0 center;
}

/* Status */
ul.system-menu li.status-not-done,
ul.system-menu li.status-done {
background: url('/img/00/icons/icon-edit-status.png') no-repeat 0 center;
}

/* Site Notes */
ul.system-menu li.site-notes {
background: url('/img/00/icons/icon-edit-notes.png') no-repeat 0 center;
}

/* Issue */
ul.system-menu li.issue {
background: url('/img/00/icons/icon-edit-issue.png') no-repeat 0 center;
}

/* Admin */
ul.system-menu li.admin {
background: url('/img/00/icons/icon-edit-admin.png') no-repeat 0 center;
}



/*
------------------------------------------------------------------
--> Page Body Section
------------------------------------------------------------------*/

#page-body {
width: 100%;
background: #fff;
position: relative;
z-index: 1;
/*background: #eee url('/img/00/noise/light.png') repeat;*/
}

/* All secondary pages have their content wrapped in a row
with either of these classes. */
.content-row{
padding-top: 10px;
}

#page-body > .widget-layout-row
{
padding-top: 30px;
}


/*
------------------------------------------------------------------
--> HTML Content
------------------------------------------------------------------*/

/* --> Page Title ----------------------------------------------*/

h1.content-title {
  margin-top: 0;
  padding-bottom: 0px;
  margin-bottom: 40px;
  border-bottom: 2px solid #d6d6d4;
  cursor: default;
  color: #fff;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 3.5em;
  line-height: 2em;
  color: #7095C6;
}

h1.content-title span{
padding: 5px 10px 5px 10px;
background: #2e3d65;}

/* --> Page Content ----------------------------------------------*/

section#page-content {
margin-bottom: 50px;
background: rgba(255, 255, 255, 1);
padding: 20px;
}



/*
------------------------------------------------------------------
--> Homepage Contents
------------------------------------------------------------------*/

/* --> Home dynamic buttons text --------------------------------------------*/
/*some text rules v*/
p#hp-txt, p#hp-subtxt{ margin: 0; padding: 0; line-height: 1.35em; display:none}
/*parent container v*/

div#dynamic-bg {
position: relative;
background-color: #000;
}

#dynamic-bg a.mm-button-link {
width: 100%;
display: block;
background-size: cover !important;
text-align: center;
}


/*image text and subtext v*/
#dynamic-bg .mm-button-txt-wrap {
margin-top: 0;
padding: 0;
left: 0;
color: #fff;
width: 100%;
position: absolute;
bottom: -3px;
}

#dynamic-bg span.mm-button-txt{
display: inline-block;
font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
font-weight: 100;
background: rgba(0,0,0,0.8);
margin: 0;
padding: 0 10px;
font-size: 1.5em;
}

#dynamic-bg span.mm-button-subtxt{
display: inline-block;
font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
font-weight: 100;
background: rgba(0,0,0,0.8);
margin: 0;
padding: 0 10px;
font-size: 1em;
color: #fff;
}

div#dynamic-bg-rand a#random-1 {
  background-position: center center;
  background-size: cover !important;
  width: 100%;
  height: 70%;
  position: absolute;
}
#dynamic-nivo .nivo-caption h2{
font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
font-style: italic;
font-weight: 300;
color: #345d93;
text-transform: none;
text-align: center;
padding: 0px;
margin: 0;
font-size: 2.725em;
line-height: 1.25em;
cursor: pointer;
}

#dynamic-nivo .nivo-caption .cap_info{
font-family: 'Roboto';
text-transform: none;
padding: 8px;
font-size: 1.6em;
font-style: normal;
line-height: 1.25em;
color: #345D93;
text-align: center;
background: #fff;
margin: 0;
}

#dynamic-nivo .nivo-caption .cap_info p,
#dynamic-nivo .nivo-caption .cap_info a{
font-size: inherit;
}

#dynamic-nivo .theme-default .nivo-controlNav {
display: none;
}

#dynamic-bg .mm-button-txt-wrap {
background: #fff;
}

#dynamic-nivo .nivo-caption{
background: #fff;
bottom: 0;
width: 100%;
padding:1em ;
position: relative;
border:0;
display: block;
}

#dynamic-nivo .theme-default .nivo-directionNav a{
z-index: 11;
opacity: 1;
background: url('/img/00/arrows.png') no-repeat;
}

#dynamic-nivo .theme-default a.nivo-nextNav {
background-position: -30px 0 !important;
right: 15px;
}

.notext {
display: none;
}

/* --> Home Media Buttons ----------------------------------------*/

/* Container that holds all the buttons */
#dynamic-home-btns .mm-buttongen-cont {
margin-top: 30px;
}

/* Wrapper for individual media buttons */
#dynamic-home-btns .mm-button-wrap {
margin-top: 20px;
margin-bottom: 30px;
}

/* Button link wrapper */
#dynamic-home-btns a.mm-button-link {
width: 100%;
float: left;
display: block;
padding-bottom: 10px;
}

#dynamic-home-btns a.mm-button-link:hover {
text-decoration: none;
color: #dd0000;
}

/* Button icon */
#dynamic-home-btns a.mm-button-link img.mm-button-img {
float: left;
width: 50px;

transition: width .3s ease-in-out;
-o-transition: width .3s ease-in-out;
-moz-transition: width .3s ease-in-out;
-webkit-transition: width .3s ease-in-out;
}

/* Button text */
#dynamic-home-btns a.mm-button-link .mm-button-txt {
float: left;
width: 70%;
font-family: 'League Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 2.7em;
text-transform: uppercase;
margin-left: 15px;
margin-top: 8px;
text-shadow: 0 1px 0 #fff;

transition: font-size .3s ease-in-out, margin .3s ease-in-out;
-o-transition: font-size .3s ease-in-out, margin .3s ease-in-out;
-moz-transition: font-size .3s ease-in-out, margin .3s ease-in-out;
-webkit-transition: font-size .3s ease-in-out, margin .3s ease-in-out;
}

/* Sub text on buttons */
#dynamic-home-btns .mm-button-subtxt {
float: right;
font-size: 1.3em;
text-shadow: 0 1px 0 #fff;
}

/* Bottom horizontal border (only visible on mobile) */
#dynamic-home-btns hr.home-btn-sep {
border-color: #999;
}


/* --> Most Popular ----------------------------------------------*/

/* Most Popular list */
section#home-mostpop ul.az-list {
list-style: square;
width: 96%;
padding-left: 5%;
color: #666;
}

/* Most Popular list item */
section#home-mostpop ul.az-list li {
margin-bottom: 5px;
border-bottom: 1px solid #ddd;
}

/* Most Popular list item link */
section#home-mostpop ul.az-list li a {
display: block;
font-size: 1.6em;
font-weight: bold;
padding-bottom: 5px;
text-shadow: 0px 1px 0px #fff;

transition: text-indent .3s ease-in-out;
-o-transition: text-indent .3s ease-in-out;
-moz-transition: text-indent .3s ease-in-out;
-webkit-transition: text-indent .3s ease-in-out;
}

section#home-mostpop ul.az-list li a:hover {
text-indent: 10px;
text-decoration: none;
}

/*
------------------------------------------------------------
Homepage News
------------------------------------------------------------- */
/* news */
article.news-article .news-summary { margin: 10px 0 30px 0; }

.no-news-image{
display: block;
width: 100%;
max-width: 345px;
height: 229px;
margin-bottom: 20px;
background: url(/img/00/cha-default.png) center center no-repeat;
}

.news-img-link, .no-news-image{
  margin-bottom: 20px;
}

#hp-news-slider article.news-article {
margin: 5% 1%;
display: block;
padding: 10px;

}

.bx-viewport { 
  height: auto !important;
  float: right; 
  margin-top: 40px; }

#news-header + .bx-wrapper .bx-viewport {
/*  min-height: 430px !important;*/
}

#hp-headlines .bx-wrapper {
  background: transparent !important;
  margin: 0 auto;
}

li.inner-box {
border-right: 0px solid #fff;
border-left: 0px solid #c1c1c1;
list-style: none;
}

/* News controls */

#hp-headlines .bx-controls-direction {
/*float: right;*/
/*display: none;*/
border: 1px solid transparent;
width: 100px;
height: 50px;
}

#hp-headlines .bx-controls {
height: 50px;
background: #7095c6;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}

#hp-headlines .bx-pager {
height: 50px;
/* background: #197b89; */
width: 548px;
color: #fff;
display: inline-block;
margin-left: 6px;
position: relative;
margin-top: 4px;
display: none;
}

#hp-headlines a.bx-pager-link {
width: 20px;
background: #fff;
float: left;
margin: 11px 15px 0 0;
border-radius: 10px;
height: 20px;
color: #fff;
text-align: center;
/*Hide the number */
font-size: 0;
}

a#bx-pager-link-0 { background: #CCC !important; }
#hp-headlines a.bx-pager-link.active{
  background: #0A535E !important;
  color: #0A535E;
}

/* news scroll right arrow */
#hp-headlines a.bx-next {
visibility: visible !important;
display: block;
width: 40px;
height: 40px;
background: url(/img/00/cha-arrows.png) -57px -83px;
position: absolute;
top: 0;
right: 40%;
}

#hp-headlines a.bx-prev {
  visibility: visible !important;
  display: block;
  width: 40px;
  height: 40px;
  background: url(/img/00/cha-arrows.png) -116px -83px;
  position: absolute;
  top: 0;
  left: 40%;
}


.headline , .headline a {
color: #fff;
font-family:'roboto', Helvetica, sans-serif;
margin: 0;
padding: 0;
}

.headline-red{
color: #f1f1f1;
font-style: italic;
font-family:'roboto', Helvetica, sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
}

.headline{
background: #b28b26;
padding: 0 20px;
margin: 0;
line-height: 1.25em;
font-size: 2.5em;
}

#events-header {
text-align: center;
width: 100%;
float: left;
}

.headline span#events{
padding: 0 20px;
margin: 0;
line-height: 1.25em;
}

div#hp-headlines { background: #ededed; position: relative; }

div#news-header{ 
margin: 50px 0 0 0; 
float: left;
width: 100%;
text-align: center;
}


@media only screen and (max-width: 767px) {
  #hp-headlines a.bx-next{
    right: 32%;
  }
  #hp-headlines a.bx-prev {
    left: 32%;
  }
}
/* --> Icon Tray -----------------------------------------------*/

/*scale zooms out on an element upon hover. making it appear a touch smaller*/
.scale {
transition:All 0.9081s ease-in-out;
-webkit-transition:All 0.9081s ease-in-out;
-moz-transition:All 0.9081s ease-in-out;
-o-transition:All 0.9081s ease-in-out;
transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
}
.scale:hover{
transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px);
}

/*scale forward zooms in on an element when hover over making it a touch larger*/
.scale-forward {
transition:All 1.9733s ease-in-out;
-webkit-transition:All 1.9733s ease-in-out;
-moz-transition:All 1.9733s ease-in-out;
-o-transition:All 1.9733s ease-in-out;
transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
.scale-forward:hover{
transform: rotate(0deg) scale(1.01) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.01) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.01) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1.01) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.01) skew(0deg) translate(0px);
}


/*Homepage Mission Statement wrapper*/
#hp-mission{
overflow: hidden;
/*margin-top: 49px;*/
border-bottom: 3px solid #fff;
position: relative;
}

#hp-mission-bg {
width: 100%;
}


#hp-mission-bg a.mm-button-link {
  display: inline-block;
  max-width: 304px;
  color: #fff;
  height: 149px;
  width: 100%;
  border: 1px solid #fff;
  box-shadow: 2px 5px 10px #666;
  margin: 10px 0.999%;
}

#hp-mission-bg a.mm-button-link:hover{ color: #fff; }

#hp-mission-bg span.mm-button-subtxt {
width: 100%;
font-family: 'Open Sans', Arial, sans-serif;
display: inline-block;
height: 100%;
text-align: center;
vertical-align: middle;
font-weight: 200;
padding: 5%;
line-height: 1.5em;
margin-top: 20px;
font-size: 2.00em;
}

#hp-mission .mm-button-txt-wrap {
  background: rgba(64, 99, 145, 0.75);
  top: 25%;
  text-align: center;
  font-size: 3em;
  text-transform: uppercase;
  padding: 4px;
}

#hp-events-title{ padding: 10px 0;}
#hp-events{
background: url(/img/00/noise/verylight.png) #f1f1f1;
position: relative;
z-index: 1;
}

#hp-events-icon{  }

div#events-btn-wrapper {
padding: 30px;
border-right: 1px solid #fff;
min-height: 500px;
display: block;
position: relative;
}

div#events-cal-wrapper {
padding: 30px;
border-left: 1px solid #dadada;
min-height: 500px;
display: block;
position: relative;
}

#cookies{ text-align: center; }

a#events-view-all {
background: #7095c6;
  color: #fff;
  padding: 10px 15px;
  font-size: 1.75em;
  transition: background-color .6s ease-in-out, color .6s ease-in-out;
  -o-transition: background-color .6s ease-in-out, color .6s ease-in-out;
  -moz-transition: background-color .6s ease-in-out, color .6s ease-in-out;
  -webkit-transition: background-color .6s ease-in-out, color .6s ease-in-out;
}

@media screen and (min-width: 768px) and (max-width: 1145px) {
  a#events-view-all {
    padding: 8px;
    font-size: 1.3em;
  }
}

a#events-view-all:hover {
background: #B28B26;
color: #fff;
}

div#hp-events-icon .mm-button-link {
color: #888888;
font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
font-weight: 300;
text-align: center;
font-size: 3.28em;
width: 100%;
display: block;
padding: 0;
margin-bottom: 50px;
text-shadow: 1px 1px #fff;
}


div#def-icon-tray a {
  color: #b28b26;
}

div#def-icon-tray a:hover{ color: #6286b4; }

/* icon tray image center*/
li.mm-side-icon {
text-align: center;
}

li.mm-side-icon:hover{
  -ms-transform: scale(1.055, 1.55); /* IE 9 */
    -webkit-transform: scale(1.055, 1.055); /* Safari */
    transform: scale(1.055, 1.055);
}

/* icon tray text placement*/
span.desc {
font-size: 1.25em;
display: block;
text-align: center;
width: 100%;
float: left;
font-weight: bold;
}


div#hp-icons { background: #fff;  padding: 20px 0; border-top: 0px solid #F9F9F9 }
/* icon tray prev and next buttons */
#hp-icons .bx-wrapper { margin-top: 9px; }
/* draw a circle around it */
li.mm-side-icon { margin-right: 10px !important; width: 180px !important; }
/* hide the link text */
a.bx-prev span, a.bx-next span{ visibility: hidden; }
/* show the mobile swipe help text */
p.mobile-help{
font-style: italic;
color: #666;
margin: 10px 0 5px 0;
text-align: center;
}

/* hide the icon tray pager buttons */
#def-icon-tray .bx-default-pager{ visibility: hidden; }
#def-icon-tray .bx-controls.bx-has-pager.bx-has-controls-direction { display: none; }

#def-icon-tray a.bx-prev {
background: url(/img/00/cha-arrows.png) 0px -9px no-repeat;
text-decoration: none;
float: left;
border: none;
display: block;
width: 45px;
height: 35px;
visibility: hidden;
}
#def-icon-tray a.bx-prev:hover {
background: url(/img/00/cha-arrows.png) 0px -48px no-repeat;
}

#def-icon-tray a.bx-next {
background: url(/img/00/cha-arrows.png) -48px -9px no-repeat;
float: right;
text-decoration: none;
border: none;
display: block;
width: 45px;
height: 35px;
visibility: hidden;
}
#def-icon-tray a.bx-next:hover {
background: url(/img/00/cha-arrows.png) -48px -48px no-repeat;
}


#hp-map{
background: url(/img/00/CHA-map-sm-1.png) 0 0 no-repeat;
position: relative;
z-index: 1;
height: 323px;
}


#hp-map-text{
background: url(/img/00/cha-map-text-sm.png) center center no-repeat;
background-size: contain;
text-align: center;
height: 200px;
width: 95%;
margin: 0 0 0 3%;
}

#hp-map-btn a {
width: 100%;
text-align: center;
color: #fff;
display: block;
padding: 15px 0px;
background: #cf4340;
border-bottom: 3px solid #000;

transition: background-color .6s ease-out;
-o-transition: background-color .6s ease-out;
-moz-transition: background-color .6s ease-out;
-webkit-transition: background-color .6s ease-out;
}

#hp-map-btn a:hover{ background-color: #dd625c; }


/*------ scroll helper ---------------------------------------------*/

/*hide these for mobile*/
#jump-news, #jump-mission, #jump-events, #jump-map, #jump-top { visibility: hidden; }
#jump-news a, #jump-mission a, #jump-events a, #jump-map a{ display: block; width: 100%; height: 100%; }

#jump-news {
width: 70px;
height: 50px;
z-index: 1000;
position: absolute;
display: none;
font-size: 5em;
text-align: center;
border: 1px solid #000000;
background: url(/img/00/cha-scroll-white.png) top center no-repeat #1d1d1d;
}

#jump-mission {
width: 70px;
height: 50px;
position: relative;
z-index: 2000;
font-size: 5em;
text-align: center;
border: 0px solid transparent;
background: url(/img/00/cha-scroll-blue.png) top center no-repeat transparent;
}

#jump-events {
width: 70px;
height: 50px;
z-index: 1000;
position: absolute;
font-size: 5em;
text-align: center;
border: 0px solid transparent;
bottom: 15px;
background: url(/img/00/cha-scroll-white.png) top center no-repeat transparent;
}

#jump-events a { color: #fff; }

#jump-map {
width: 70px;
height: 50px;
z-index: 1000;
position: absolute;
font-size: 5em;
text-align: center;
border: 0px solid transparent;
bottom: 15px;
background: url(/img/00/cha-scroll-red.png) top center no-repeat transparent;
}

#jump-top {
width: 70px;
height: 50px;
z-index: 1000;
position: absolute;
font-size: 5em;
text-align: center;
border: 0px solid transparent;
bottom: 15px;
background: url(/img/00/cha-scroll-white.png) top center no-repeat transparent;
}

/* --> Events List -----------------------------------------------*/

div#hp-events p {
    font-size: 1.4em;
}

/* Event title */
.event-title {
font-size: 2.325em;
margin: 5px 0;
font-weight: 400;
text-shadow: 1px 1px #fafafa;
}

/* Event Time */
.event-time {
font-size: 1.2em;
color: #7095c6;
margin: 0;
padding: 0;
font-weight: bold;
}

/* Date section heading */
.events-datesection {
font-size: 1.7em;
line-height: 20px;
margin-top: 0;
color: #797979;
margin-bottom: 5px;
font-family: 'roboto condensed', 'open sans', arial, sans-serif;
font-weight: 300;
font-style: italic;
text-shadow: 1px 1px #fafafa;
}

/* Style for 'Today' indicator */
.events-datesection span.today {
color: #666;
font-size: 0.7em;
margin-left: 5px;
}

/* Style on text if there are no events */
.no-events {
color: #666;
font-style: italic;
}

/* Separator between events */
hr.events-sep { margin: 15px 0; }



/*
------------------------------------------------------------------
--> Secondary Pages
------------------------------------------------------------------*/

/* --> Side Buttons ----------------------------------------------*/

/* Side Button Wrapper */
#dynamic-side-btns .mm-buttongen-cont {
float: left;
width: 100%;
padding-left: 10px;
padding-top: 41px;
}

/* Side Button Link Wrapper */
#dynamic-side-btns a.mm-button-link {
display: block;
  width: 100%;
  color: #fff;
  font-weight: 300;
  font-size: 2em;
  margin-bottom: 15px;
  padding-bottom: 5px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  height: auto;
}

/*place the image's zindex and transition effects.*/
#dynamic-side-btns a.mm-button-link img{
position: relative;
z-index: 1;
width: 100%;
-webkit-transition: all .2s ease-in-out;
}

#dynamic-side-btns a.mm-button-link img:hover{ -webkit-transform: scale(1.035); }

/*Pull the text up a touch so the bg sits on top of the image*/
#dynamic-side-btns .mm-button-txt-wrap{margin-top: -3px;}

/*sets the text above the scale effect*/
.mm-button-txt-wrap{
position: relative;
z-index: 3;
}

#dynamic-side-btns span.mm-button-subtxt {
width: 100%;
display: block;
font-size: 1.125em;
}
#dynamic-side-btns > div > div.mm-button-wrap.mm-button-1 > a > div { padding: 5px; background: #7095c6; }
#dynamic-side-btns > div > div.mm-button-wrap.mm-button-2 > a > div { padding: 5px; background: #b28b26; }
#dynamic-side-btns > div > div.mm-button-wrap.mm-button-3 > a > div { padding: 5px; background: #406391; }
#dynamic-side-btns > div > div.mm-button-wrap.mm-button-4 > a > div { padding: 5px; background: #68691c; }


h5.event-title a {
  color: #B28B26;
}

h5.event-title a:hover {
  color: #7095c6;
}


/*
------------------------------------------------------------------
--> Page Footer
------------------------------------------------------------------*/
/* Footer typography ---------------------------------------------*/
h3.footer-heading {
display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  padding: 0;
  font-size: 2.5em;
  color: #FFFFFF;
}

p.footer-contact-title{
margin: 0;
text-shadow: 1px 1px #f18781;
color: #2f2f2f;
font-size: 1.75em;
font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
font-weight: 400;
}
p.footer-address, p.footer-phone-numbers{
margin: 0;
text-shadow: 1px 1px #f18781;
color: #2f2f2f;
font-size: 1.5em;
line-height: 1.3em;
font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
font-weight: 400;
}
p.footer-phone-numbers{ margin: 10px 0 0 0; }


/* --> Footer Base -----------------------------------------------*/

footer#page-footer {
background-color: #fff;
position: relative;
z-index: 1;
color: #fff;
}

#cha-contact-info{
width: 100%;
background: #7095c6;
}

#live-graphic, #apply-graphic, #learn-graphic, #contact-graphic {
position: relative;
width: 100%;
height: 200px;
margin: 0 auto;
}

div.middleman {
max-width: 200px;
margin: 0 auto;
}

.round-overlay {
width: 100%;
max-width: 200px;
height: 200px;
position: absolute;
float: left;
z-index: 1000;
background: url('/img/00/round-overlay.png') top left no-repeat;
top: 0;
margin: 0 auto;
}

/* --> Footer Links -----------------------------------------*/
.footer-links ul{
font-family: 'Open Sans',  Arial, sans-serif;
font-weight: 300;
font-style: normal;
text-align: center;
list-style-type: none;
list-style: none;

font-size: 1.25em;
line-height: 1.75;
}

.cha-red a{ color:#ef625a; }
.cha-blue a{ color: #6cb9c4; }
.cha-green a{ color: #c3e77e; }
.cha-purple a{ color: #7f95d2; }

.footer-links ul li a:hover{ color:#fff; background-color: #282828; }


/*-->Footer Social Media Icons ------------------------------------------------*/
#footer-social-cont {
background: #7095C6;
}

#footer-social-cont a.mm-button-link {
border: 1px solid #fff;
  width: 100%;
  max-width: 280px;
  height: 100%;
  display: inline-block;
  padding: 12px;
  background-position: 240px center !important;
  color: #fff;
  font-size: inherit;
  background-color: #d0a63a !important;
  text-align: left;
  font-size: 1.75em;
  font-weight: 600;
}

#footer-social-cont .mm-button-wrap.mm-button-1 {
  text-align: center;
}

/*--- Footer E Newsletter Sign Up ---------------------------------*/
input#sEmail2 {
  height: 35px;
  background: #FFFFFF;
  border-bottom: 1px solid #A8C9F4;
  border-right: 1px solid #5B87BE;
  border-left: 1px solid #5B87BE;
  border-top: 1px solid #6790C6;
  -moz-box-shadow: inset 0 0 10px #777777;
  -webkit-box-shadow: inset 0 0 10px #777777;
  box-shadow: inset 0 0 10px #777777;
  margin: 0 auto;
  padding: 0 0 0 10px;
  color: #5B87BE;
  font-size: 1.425em;
}

input#sEmail2:focus{ background-color: #ACCBF4; }
input#sEmail2:hover{ background-color: #ACCBF4; }

::-webkit-input-placeholder { color: #2f2f2f; }
:-moz-placeholder { color: #2f2f2f; }
::-moz-placeholder { color: #2f2f2f; }
:-ms-input-placeholder { color: #2f2f2f; }

#emError2 span{ background-color: red; padding: 5px; }



input#newsletter-sub {
height: 40px;
width: 100%;
display: block;
color: #fff;
text-shadow: 0px 1px #51a4b0;
background: #6cb9c4;
border-bottom: 5px solid #51a4b0;
border-right: 1px solid #ef625a;
border-left: 1px solid #ef625a;
border-top: 1px solid #ef625a;
margin: 0;
padding: 0;
font-size: 1.425em;
}

input#newsletter-sub:hover{
border-bottom: 1px solid #ef625a;
-moz-box-shadow: inset 0 0 10px #2C737E;
-webkit-box-shadow: inset 0 0 10px #2C737E;
box-shadow: inset 0 0 10px #2C737E;
}

a.signupbut{
  text-align: center;
  height: 36px;
  display: block;
  color: #fff;
  text-shadow: 0px 1px #406391;
  background: #406391;
  border-bottom: 5px solid #406391;
  padding: 13px 0 0 0;
  font-size: 1.325em;
  width: 280px;
  margin: 10px auto;
}

a.signupbut:hover{
border-bottom: 1px solid #ef625a;
-moz-box-shadow: inset 0 0 10px #2C737E;
-webkit-box-shadow: inset 0 0 10px #2C737E;
box-shadow: inset 0 0 10px #2C737E;
}

input.newsletterform{
  color: #fff;
  width: 280px;
}
div#footer-newsletter-cont {
  margin: 20px 10% 0  10%;
}

/* Back To Top */

.linking-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #b28b26 url('/img/00/cd-top-arrow.png') no-repeat center 50%;
visibility: hidden;
opacity: 0;
z-index: 690;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}

.linking-top.linking-is-visible, .linking-top.linking-fade-out, .no-touch .linking-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.linking-top.linking-is-visible {
visibility: visible;
opacity: 1;
}
.linking-top.linking-fade-out {
opacity: .5;
}
.no-touch .linking-top:hover {
background-color: #b28b26;
opacity: 1;
}


/*-->Footer Utilities ------------------------------------------------*/
div#footer-utilities-cont {
padding-top: 30px;
background: #7095C6;
}
.temperature-span{
	font-size: 1.6em;
}
.forcast-link{
	display: inline-block;
	bottom: -10px;
	position: relative;
	margin-left: 8px;
}


/*-->Footer Legal ------------------------------------------------*/

#footer-legal .az-list a{
  color: #416391;
}

#footer-legal{
  background-color: #fff;
  display: inline-block;
  width: 100%;
}
#footer-legal ul li{
float: left;
list-style-type: none;
margin-right: 20px;
}
#footer-legal a{
color: #7f7e7e;
font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 1.5em;
line-height: 3.25em;
}
#footer-legal a:hover{ color: #fff; background-color: #282828;}

#footer-legal .nopad {
    width: auto;
    float: right;
}

/*--> Footer Low Graphics fixer ------*/
#footer-legal ul.az-list {
float: left;
}
/*--> footer contact card ---*/
#contact-card {
  background: #a8c9f4 url("/img/00/noise/light.png") repeat;
  border-bottom: 1px solid #a8c9f4;
  -moz-box-shadow: inset 5px 3px 7px #5884BD;
  -webkit-box-shadow: inset 5px 3px 7px #5884BD;
  box-shadow: inset 5px 3px 7px #5884BD;
  display: block;

  float: none;
  margin: 15px auto;
}

#contact-card p{
  font-size: inherit;
    margin: 0;
}

#contact-card p a{
	font-size: 15px !important;
}

#PageContacts a{
  color: #254774;
  font-family: 'roboto condensed', arial, sans-serif;
  font-size: 1.25em;
  font-weight: 300;
  margin-top: 5px;
  display: block;
  }

#PageContacts a:hover{color: #000;}


#PageContacts td {
  font-size: 15px;
  line-height: 1.25em;
  color: #254774;
  font-family: 'roboto', arial, sans-serif;
  margin: 0;
  padding: 5px;
}

/* --> Google Translate ------------------------------------------*/
#google_translate_element {
width: 100%;
max-width: 280px;
margin: 0 auto;
}

.goog-te-gadget .goog-te-combo {
margin: 11px 0 !important;
  background-color: #FFFFFF;
  color: #406391;
border: 0px solid;
}

select.goog-te-combo { padding: 5px; }
#google_translate_element .goog-te-gadget { color: transparent; }
#google_translate_element .goog-te-gadget a.goog-logo-link { color: transparent; display: none; }


/* --> Divider (Mobile only)--------------------------------------*/
hr.footer-divider {
border-color: #0099ff;
box-shadow: 0 1px 4px #000;
}


/* --> Powered by Civica -----------------------------------------*/

/* 'Powered by' text */
span.powered-by-civica {
display: block;
color: #fff;
font-size: 1.3em;
margin-bottom: 5px;
}

/* Civica logo */
#civica-foot-logo { display: block; width: 100%; text-align: center; }


/* --> Copyright -------------------------------------------------*/

/* Copyright span background */
#copyright-span { background-color: #222; }

/* Copyright text */
#copyright-span p.copyright {
text-align: center;
color: #eee;
margin: 10px 0;
}


/* CHA RFP Bids Styles */
div#rfp-detail-title{
display: inline-block;
font-size: 24px;
line-height: 24px;
z-index: 10;
margin-top: 0px;
color: #EF625A;
margin-bottom: 10px;
}

/* give the td's a little width */
td#vendor-search{ width: 60%; }
td#vendor-select{ width: 40%; }

/* stuff the labels next to thier input/select */
label.stuffer {
font-size: 1.5em;
color: #666;
font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
font-weight: 600;
display: inline-block;
width: 60px;
height: 30px;
float: left;
margin-right: 12px;
padding-top: 8px;
}

input#filter {
float: left;
font-size: 1.5em;
position: relative;
display: block;
width: 280px;
height: 30px;
padding: 0;
margin: 0;
}

select#vendor-select {
float: left;
width: 252px;
height: 30px;
padding: 0;
margin: 0;
}


/*
------------------------------------------------------------------
--> Map Alerts
------------------------------------------------------------------*/

/* Alert Box */

#alert_block {
background: #e2f3ff;
border: 1px solid #8fb2c9;
padding: 10px;
margin-bottom: 20px;
}

#alert_block #status_headline {
font-family: 'Abadi', sans-serif;
font-size: 3.4em;
margin-bottom: 10px;
}

#alert_block #status_description {
margin: 0;
}


/* Alert Aggregate Page */

.date_formatted {
display: block;
font-weight: bold;
margin-bottom: 5px;
}

.Status .entry-name {
font-family: 'Abadi', sans-serif;
font-size: 2.4em;
margin-bottom: 5px;
}

.StatusDiv .Status {
padding-bottom: 5px;
margin-bottom: 30px;
border-bottom: 1px solid #ccc;
}



/*
------------------------------------------------------------------
--> Additional
------------------------------------------------------------------*/



/* Foundation tooltip styles */
.tooltip { font-size: 1.4em; }

/* Foundation Reveal modal - Close 'X' */
.reveal-modal .close-reveal-modal { font-size: 2.0em; }




/*  Photobook Styles  */

.PhotoBG {
/*background-image: url('/custom/photomanager/images/gallery_set_Background.png');*/
background:#fff;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
width: 150px;
height: 150px;
}

.floater{ float:left; margin: 0;}

.Photosizer img{
overflow: hidden;
max-height: 150px;
max-width:150px;
}

/* Search result Pagination Style */
a.youreHere{
cursor: default;
font-weight: bold;
}

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


#page-last-updated{clear:both;}
#media-bucket-0 .galleria-read-more {display:none;}

#dynamic-bg .galleria-thumbnails-container { display: none; }

/**Project Map CSS**/

#projectMap {position:relative;height:auto;}

#projectMap .hide-for-small {
display: block;
height: 95%;
left: 2%;
position: absolute;
top: 2%;
width: 74%;}

#projectMap #Picture1{width: 74%;}

#projectMap .hide-for-small a{ position:absolute;line-height:0px;}
#projectMap .hide-for-small img{margin:0px;width:100%;height:100%; }
#projectMap .hide-for-small a:hover{ position:absolute;border:1px dashed #366647; text-decoration:none;}

#projectMap .hide-for-small a.parking{    height: 2.6%;left: 17.8%;top: 19.5%;width: 2.3%;}
#projectMap .hide-for-small a.current_ops{    height: 5%;left: 80%;top: 80%;width: 5%;}
#projectMap .hide-for-small a.parking_improv{    height: 1.2%;left: 41.5%;top: 58.4%;width: 2.5%;}
#projectMap .hide-for-small a.retail{    height: 9.5%;left: 39%;top: 28%;width: 4.5%;}





/*SITE WIDE ALERT*/

#alert
{
background: url("/img/00/noise/light.png") repeat scroll 0 0 #9C2800;
border: 1px solid #691A00;
font-size: 1.4em;
font-weight: normal;
height: 5%;
line-height: 25px;
margin: 0;
transition: background-color 0.6s ease-in-out 0s;
max-width:100%;
width:100%;
position: relative;
z-index: 999;
}


#alert .title{font-size:0.8em; color:#efefef; line-height:1em;}

#alert .title img { margin-top:0; }

#alert .title span{ position:relative; top:-10px; font-size:1.1em;}

#alert .body a{
background: none repeat scroll 0 0 #580300;
color: #FECA00;
display: block;
font-size: 0.85em;
margin-bottom: 0.2%;
margin-top: 0.2%;
width: 90%;
padding-left:1%;
-webkit-box-shadow: inset 0px 0px 5px 0px #360100;
box-shadow: inset 0px 0px 5px 0px #360100;
}

#alert div{
    margin:0 auto;
    float:none;
}

#alert .body .date {font-size:1em;color:#DBB900;}

/** Imported from R.Sapp's CSS**/


#pm-gallery-sml00 .scrollable div.img-wrap {
height: 60px;
border-bottom: 1px solid #000;
}


ul.faq-upper-links {
list-style:none;
}

ul.faq-upper-links a:hover {
text-decoration:none;
}

.auto-height{height:auto;}

input.submit-btn{
font-weight: normal;
font-size: 1.4em;
color:#fff;
height: 40px;
border: 1px solid #691a00;
margin: 0;
line-height: 36px;
background: #9c2800 url('/img/00/noise/light.png') repeat;
box-shadow: 0 0 8px #bbb;
transition: background-color .6s ease-in-out;
-o-transition: background-color .6s ease-in-out;
-moz-transition: background-color .6s ease-in-out;
-webkit-transition: background-color .6s ease-in-out;
}

input.submit-btn:hover{
text-decoration: none;
background-color: #18679a;
border-color: #104466;
cursor:pointer;
}

.invisible{
display:none;
}


#hp-mission-bg .mm-buttongen-cont {
    width: 90%;
    height: 220px;
    text-align: center;
    margin: 0 auto;
}
#hp-mission-bg .mm-button-wrap {
    width: 100%;
    display: inline-block;
    float: left;
}
/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
Shared Styles
----------------------------------------- */
/* Mobile */
@media only screen and (max-width: 767px) {


section#page-content {
margin-bottom: 50px;
background: rgba(255, 255, 255, 1);
padding: 5px;
}

button{ margin-right:5px;}

#sfmQuestionForm fieldset legend {

font-size:1.5em !important;
font-weight: normal;
background: none

}



table.responsive { margin-bottom: 0; }

.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }

div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable { margin-left: 35%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }



/*
------------------------------------------------------------------
--> Photo Manager and Photo Book Styles
------------------------------------------------------------------*/
#jqGalleryDiv{
width: 100%;
}

#img-wrap{
margin-bottom: 10px;
}

#image_wrap img{
cursor: default;
width: 200px;
padding-bottom: 10px;
padding-left:5px;
}

#image_wrap_g img{
cursor: default;
/*width: 200px;*/
padding-bottom: 10px;
padding-left:5px;
}

.img-wrap{
float: left;
width: 20%;
height: 50px;
margin: 8px;
overflow: hidden;
}

#galBackOuter {
margin: 15px 0 0 5px;
}



}