@media print{

    /** {border:1px solid #000000 !important;}*/
    div:not(.reveal-modal) {
    display: inherit !important;
    }

    @page {
    margin: 0;
    }

    #content-row
    {
    border: 0;
    }
    a.city-logo img {
    width: 100% !important;
    max-width: 239px !important;
    }

    .news-links-img {display: none !important;}

    h1#header-logo a{
    text-decoration: none !important;
    }

    #hgroup#logo-header {
    padding: 0 !important;
    margin:0 !important;
    height: 100px !important;
    }

    #homepage-top,
    #homepage-icons,
    #homepage-news,
    #twitter-wrapper,
    #event-wrapper .calendar,
    #html-container .tab-list {
        display: none !important;
    }
    
    #panel-wrapper {
    border:0 !important; 
    }

    .edtdiv{
    margin-bottom: 0 !important;
    }

    #logo-header {height: 75px !important;padding: 0 !important; margin:0 !important;}
    #page-body, #content-row{padding: 0 !important; margin:0 !important;}

    #search_inbox,
    #search_button,
    a[href]:after,
    #header-top,
    #civica-foot-logo,
    #side-buttons,
    #utilities-row,
    #media-bucket-0 {
        display:none !important;
    }

    .nav-item a,
    .mega-menu,
    .dropdown
    .dropdown li,
    .mega-menu-list li,
    .back{
    display:none !important;
    visibility:hidden !important;
    list-style:none !important;
    }
    #navImage1,#navImage2,#navImage3,#navImage4,#navImage5,#navImage6 {
        display: none !important;
    } 
    #calendar-list {
        height: auto !important;
    }
    #titlebg{
    min-height: 100% !important;
    }

    #top-nav {
    border-bottom: 2px solid #412412 !important;
    }

    #page-content {padding: 0 15px;}

    #titlebg-wrap .pgtitle h1.content-title{
    color: #412412 !important;
    }

    #dynamic-bg,
    #header-right,
    #sidenav-col,
    #bcrumbs,
    #social-media-center,
    #goog-gt-tt,
    img.footer-logo,
    input.submit-btn,
    #dynamic-top-nav,
    #at20mc, #at15s, #at16pcc, #at16lb,
    #at20mc div, #at15s div, #at16pcc div, #at16lb div {
        visibility:hidden !important;
        display:none !important;
    }

    #page-footer, #extra-links-bottom, #copyright-span{
    display: none !important;
    }

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

}


/* This is the hilight color when you select text on the website. */
::selection {
background: #232323; /* Safari */
color: #fff;
}
::-moz-selection {
background: #232323; /* 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{padding:0 2px !important;float:none !important;height:22px; margin: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;
}



/*-------------.size1 */
.size1{
font-size:1em;
}

#side-nav.size1 .sf-menu a{
font-weight: normal;
}

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

#side-nav.size2 .sf-menu a{
font-size:1.325em;
}


/******************************************************************
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;
}

#page-wrap .row {
margin-right: auto;
margin-left: auto;
max-width: 1300px;
}

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

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

body {
font-family: 'Lato', sans-serif;
font-size: 62.5%; /* Sets base font-size to 10px so 1.0em = 10px */
color: #000;
background: #f7f7f7;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Set default font-size to 14px */
p, a, .button {
font-size: 1.4em;

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: #d86018;
font-weight: 700;

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 {
color: #000;
}

 a:focus {
 color: #d86018;
 }

a:active { color: #000; }

/* --> Button and Cancel Button style -----------------------------*/
.button, .button:visited{
background-color: #d86018;
border-color: #d86018;
border-radius: 4px;

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

.button:hover{
background-color: #000;
border-color: #000;
color: #fff;
}

.button:active{
background-color: #000;
border-color: #000;
color: #fff;
}

.button-cancel, .button-cancel:visited {
background-color: #d86018;
border-color: #d86018;
border-radius: 4px;
}

.button-cancel:hover{
background-color: #000;
border-color: #000;
color: #fff;
}

.button-cancel:active{
background-color: #000;
border-color: #000;
color: #fff;
}

.resetcolor {display: none;}
.colorcon {display: inline-block;}

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

/* All headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: 'Lato', sans-serif;
font-weight: normal;
color: #5c5655;
}

h1, .h1 {
font-size: 3.0em;
color: #000;
}

h2, .h2 {
font-size: 2.5em;
color: #716a5c;
}

h3, .h3 {
font-size: 2em;
}

h4, .h4 {
font-size: 1.7em;
}

h5, .h5 {
font-size: 1.5em;
font-weight: bold;
}

h6, .h6 {
font-size: 1.35em;
font-weight: bold;
}


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

table {
background: none;
border: 0;
margin: 0;
width: 100%;
font-size: 1.4em; 
}

table table,
table tr td span,
table tr td font {
font-size: inherit;
}

/* Default scale for <table> elements */
table tr th { 
font-size: inherit;
background: none repeat scroll 0 0 #78ae4a;
color: #fff;
text-align: left;
padding: 10px 15px;
line-height:20px;
font-size: inherit;
}

table tr th.vertical-text {
padding: 10px 2px;
text-align: center;
} 

table tr th.vertical-text strong {
transform: rotate(-90deg);
display: block;
line-height: 17px;
transform-origin: center center 0;
} 

table tr td { 
font-size: inherit;
padding: 10px 15px;
}

table tr td p,
table tr td a {
font-size: inherit;
margin: 0;
}

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

hr {
display: inline-block;
width: 100%;
margin:30px 0;
}

/* --> Calendar  -------------------------------------------------*/
font.short, font.long { visibility:hidden; }

/*for calendar event layout 1 */
font.caltime { float: right;}
table.caltable { border-bottom: 2px solid #F2F2F2; }

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

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

header#page-header {
width: 100%;
background: #ffffff;
position: relative;
z-index: 5;

-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.20);
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.20);
}

#header-top {
background: #716a5c;
padding: 0;
}

#header-bottom {
background: #ffffff;
padding: 15px 0 0 0;
}

 #header-top-left {width:100%;text-align: center;}
 #header-top-right { width: 100%;text-align: center;padding: 0 0 15px 0;}

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

/* --> Header Logo -----------------------------------------------*/

a.city-logo img {width: 100%; max-width: 239px;}
a.city-logo-footer img {width: 100%; max-width: 244px;}

h3.caption {
margin: 0;
}

/* --> Header Links ----------------------------------------------*/

ul.head-links {
list-style: none;
margin: 0;
display:none;
vertical-align: middle;
padding-top: 0;
margin-bottom: 15px;
}

ul.head-links li {
display: inline-block;
vertical-align: middle;
}

span#header-date {
color: #fff;
cursor: default;
}

#header-right a.city_site {
display: none;
}

a.head-link {
display: inline-block;
color: #fff;
margin-right: 5px;
padding: 5px 10px;
margin-bottom: 0;
font-size: 1.3em;
font-weight: 700;
transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-o-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-moz-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-webkit-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
}

a.head-link:hover{
color: #fff;
background-color: #000;
}

.head-links .fontsize {
top: -3px;
position: relative
}

.translate-icon {
vertical-align: middle;
padding-right: 10px;
}

ul.secondary-link {
list-style: none;
margin: 0;
display:block;
padding:5px 0;
}

ul.secondary-link li {
display: inline-block;
vertical-align: middle;
}

ul.secondary-link a.head-link  {
display: inline-block;
vertical-align: middle;
color: #fff;
margin-right: 5px;
padding: 5px 10px;
margin-bottom: 0;
font-size: 1.4em;
font-weight: 700;
transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-o-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-moz-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-webkit-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
}


ul.secondary-link a.head-link:hover {
background-color: #000;
color: #fff;
}

/* --> Google Translate ------------------------------------------*/

#google_translate_element {
width: 100%;
margin-bottom: 0;
background: url('/img/00/layout/translate.png') no-repeat top left;
}

.goog-te-gadget-simple{
background:none !important;
border:0 !important;
display: block !important;
font-size: inherit !important;
padding: 0 !important;
}

.goog-te-gadget-simple .goog-te-menu-value span{
border:0 !important;
color: transparent !important;
font-size: .7em;
font-family: 'Lato', sans-serif;
text-decoration: underline !important;
}

.goog-te-gadget-simple img{display: none;}
select.goog-te-combo { padding: 5px;  border:none; }
#google_translate_element .goog-te-gadget { color: #fff; }
#google_translate_element .goog-te-gadget a.goog-logo-link { color: #eaf6ff; }

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

.galleria-play {
  background: none repeat scroll 0 0 transparent;
  display: block;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  z-index: 3;
  font-size:0em;
}    
                                                                          
.galleria-play.play {
  background:url('/img/00/galleria-play.png') no-repeat top center transparent;
}

.galleria-play.pause {
  background:url('/img/00/galleria-play.png') no-repeat bottom center transparent;
}
/*------------------------------------------------------------------
--> Site Search
------------------------------------------------------------------*/
div#addsearch-results {
    overflow: scroll;
}

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

#search-box form {
margin: 0;
}

#search-box {width:100%;padding: 0;}

.searchlist {
width: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
padding: 0;
}

input#site-search,
input.site-search {
margin: 0;
padding: 0 0 0 15px;
font-size: 1.3em;
border-radius: 0;
border: 0;
font-weight: 700;
border-right: 0;
outline: none;
height: 42px;
color: #fff;
background: #7ab03e;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;

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

input#site-search:hover,
input.site-search:hover {
background: #4a453b;
}

input#site-search:focus,
input.site-search:focus {
background: #4a453b;
}

input#site-search::selection { background: #76B048; } 
input#site-search::moz-selection { background: #76B048; }

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

#search-button {
/*float: left;*/
position: absolute;
top: 0;
right: 0;
width: 50px;
padding: 0;
}

#site-search-btn,
.site-search-btn {
font-weight: normal;
font-size: 1.3em;
line-height: 17px!important;
height: 42px;
padding-top: 9px!important;
background: url(/img/00/layout/searchicon-lib.png) no-repeat center center #da5e00;
border: 0;
margin: 0;
border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance: none;
color: transparent;
}

#site-search-btn:hover {
text-decoration: none;
background-color: #4a453b;
}

input::-webkit-input-placeholder {
color: white;
}
 
input:-moz-placeholder { 
color: white;  
}
 
input::-moz-placeholder {
color: white;  
}
 
input:-ms-input-placeholder {  
color: white;  
}

input#site-search:focus::-webkit-input-placeholder { color:transparent; }
input#site-search:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input#site-search:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input#site-search:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


/*------------------------------------------------------------------
--> Icon Tray For Widgets
------------------------------------------------------------------*/

#icons_home p.mobile-help {
text-align: center;
width: 100%;
display: inline-block;
margin-top: 2em;
}

#icons_home .mm-spacer,
#icons_home .icon-item a {
margin-bottom: 15px;
display: inline-block;
width: 100%;    
}

#icons_home {padding-bottom: 15px;}

#icons_home .owl-item {
padding: 0 1%;
}

.owl-next.disabled img {opacity: .5;}

#icons_home .icon-item {
text-align: center;
padding:0;
}

#icons_home .owl-pagination {display: none !important;}

#icons_home .icon-item {
text-align: center;
padding: 3em 0px 3em 0;
}

#icons_home span.desc {
color: #232323;
font-size: 1.6em;
font-weight: bold;
text-align: center;
display: inline-block;
vertical-align: top;
width: 100%;
}

#icons_home .owl-theme .owl-controls .owl-page span {
background: transparent;
width: 50px;
opacity: 1;
height: 50px;
}

#icons_home .owl-theme .owl-controls .owl-page.active span {
background: #0f3da8;
}

#icons_home .owl-nav {display: none;}

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

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

section#top-nav {
background-color: #ffffff;
min-height: 47px;
}

.top-bar .name h1 a,
.top-bar .toggle-topbar.menu-icon a {color: #6c6463;}

.top-bar .toggle-topbar.menu-icon a span {
-webkit-box-shadow: 0 10px 0 1px #6c6463, 0 16px 0 1px #6c6463, 0 22px 0 1px #6c6463;
box-shadow: 0 10px 0 1px #6c6463, 0 16px 0 1px #6c6463, 0 22px 0 1px #6c6463;
}

.top-bar.expanded .title-area {background: #d6d2c4;}
nav.main-nav .dropdown li.title h5 a {background: #6c6463;}
.top-bar-section .divider {border-top: 0;}

/* 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%;
}

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

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

.top-bar-section .has-dropdown>a {padding-right: 0 !important;}

/* --> Main Navigation Item Link ---------------------------------*/

nav.main-nav ul li.nav-item a {
font-size: 1.3em;
font-weight: normal;
white-space: normal;
background: #fff;
color: #000;
line-height: 20px;

transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-o-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-moz-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-webkit-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
}

nav.main-nav ul li.nav-item a:hover {
text-decoration: none;
color: #fff;
background: #000;
}

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

.top-bar .toggle-topbar.menu-icon {left: 0;right: auto;padding-left: 13px;}
.top-bar .toggle-topbar.menu-icon a span {left:0;}

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

/* Main Navigation Title */
.main-nav ul.title-area .mainnav-mobile-title {
text-transform: none;
line-height: 40px;
display: none;
}

.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-size: 1.4em;
text-indent: 22px;
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;
}

/* 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 {
text-transform: none;
font-size: 0.9em;
line-height: 18px;
background: none;
padding: 10px 15px;
/*border-bottom: 1px solid #444;*/
}

nav.main-nav .dropdown li.nav-item a:hover {
background: #000;
padding-left: 30px;
color: white;
}


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

nav.main-nav .dropdown {
border: 0;
background: #fff;
}


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

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

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

.page-nav-heading {
cursor: default;
margin-bottom: 5px;
margin-top:0px;
color: #6c6463;
font-weight: 700;
padding: 0 20px;
font-size: 2.5em;
letter-spacing: -1px;
}


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


/* --> 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: #333;
border: 0;
line-height: 20px;
padding: 5px 20px;
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,
nav#side-nav .sf-menu a:focus {
background: #000;
color: #fff;
}

/* 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: 0;
width: 100%;
border: 1px solid #ccc;
position: relative;
display: inline-block;
}

/* Flyout Indicator (Arrow) */
nav#side-nav .sf-sub-indicator {
left: 91%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color:  #d86018;
border-left-color:transparent;
border-width: 5px;
margin-top: -5px;
display: block;
background: transparent;
}

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

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

/* Breadcrumb Span */
section#bcrumbs {
width: 100%;
margin-bottom: 30px;
background: #d6d2c4;
}

section#bcrumbs .row {position: relative;}

.system-btns-col {background: #cfcbbe;}

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

ul.bcrumb-list a{
color: #d86018;
font-weight: normal;
font-size: inherit;
}

/* Breadcrumb Item */
ul.bcrumb-list li {
float: left;
font-size: inherit;
margin-right: 5px;
font-weight: normal;
}

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

ul.bcrumb-list li.arr {
color: #000000;
}

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

/* Column that contains the system buttons */
.columns.system-btns-col { padding: 0; }

#at15s .at-label {line-height: 24px;}

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

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

/* System Button Link Text */
ul.system-btns-list li a.button {
font-size: 1.4em;
margin-bottom: 0;
font-weight: bold !important;
text-align: left;
margin-top: 5px;
border: 0;
}

/* System Button Styles */
.button.system-button {
width: 100%;
color: #000;
margin:0;
background-color: #d6d2c4;
border: 1px solid #d6d2c4;
padding: 10px 10px;
box-shadow: none;

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

.button.system-button:hover,
.button.system-button.hover {
background-color: #fff !important;
border: 1px solid #ccc;
box-shadow: none;
color:#430232;
}

/* System Button Dropdown Menu */
ul.system-menu {
list-style: none;
display: none;
position: absolute;
background-color: #fff;
margin: 0;
padding: 5px;
left: 0px;
width: 180px;
border-radius: 6px;
border: 1px solid #ccc;
box-shadow: none;
top:30px;
z-index: 10000084;
}

/* 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;
text-indent: 35px;
border: 1px solid transparent;
}

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

section#bcrumbs .addthis_toolbox {
position: relative;
padding: 10px 15px 8px 15px;
background: #cfcbbe;
display: inline-block;
vertical-align: middle;
}
section#bcrumbs .addthis_toolbox img {vertical-align: middle;}
section#bcrumbs .addthis_toolbox a {margin-bottom:  0;}

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

/* Edit */
#btn-edit {
background: #cfcbbe url('/img/00/icons/icon-edit.png') no-repeat 5px 4px;
padding-left: 40px;
}

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

/* Alter styles of system buttons that have a dropdown menu */
#btn-email:hover,
#btn-email.hover,
#btn-edit:hover,
#btn-edit.hover {
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;
}

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

/* 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;
}

#divWorkFlowButton a {
padding: 7px 2px;
}

#divWorkFlowButton {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin-bottom: 0;
margin-left: 0;
padding: 0;
}

#divWorkFlowMenu {
display: inline-block;
vertical-align: middle;
margin: 0;
position: relative;
}

/* Approval System */

ul.system-aproval {
list-style: none;
margin: 0;
position: relative;
}

ul.system-aproval li {
display: inline-block;
vertical-align: top;
padding: 0 5px;
}

ul.system-aproval li a {
padding: 0 5px;
}

#divWorkFlowButton img {width: 25px;}


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

#page-body {
width: 100%;
background: #f7f7f7;
}

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

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

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

.pgtitle {
padding: 0 20px;
}

h1.content-title {
font-size: 4em;
color:#000000;
padding-bottom: 35px;
margin-top: 0;
border-bottom: 2px solid #cccccc;
cursor: default;
/*line-height: 30px;*/
line-height: 50px;
}

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

section#page-content {
margin-bottom: 50px;
padding: 0;
}

#sidenav-col {padding: 0 15px}

#side-nav {
background: #fff;
border: 1px solid #d6d6d6;
padding: 20px 0;
margin-bottom: 20px;
display: inline-block;
width: 100%;
}

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

#homepage-wrapper {background: #f7f7f7;}

#homepage-top {
padding: 20px;
display: inline-block;
width: 100%;
vertical-align: top;
background: #d6d2c4;
text-align: center;
}

#homepage-bottom {
padding: 20px;
display: inline-block;
width: 100%;
text-align: center;
background: #f7f7f7;
vertical-align: top;
margin-bottom: 25px;
}

#homepage-icons {background: #f7f7f7;}

#homepage-top .grid .mm-button-wrap {
position: relative;
vertical-align: top;
display: inline-block;
overflow: hidden;
margin: 0 8px 4px 0;
width: 100%;
height: auto;
text-align: center;
cursor: pointer;
background: transparent;

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

#homepage-top #dynamic-bottom-btns .mm-button-wrap {padding:30px 20px;}
#homepage-top #dynamic-bottom-btns .mm-button-wrap.hasimage {padding: 0;}
#homepage-top #dynamic-bottom-btns .mm-button-wrap.hasimage a {min-height: 207px;}

#homepage-top .grid .mm-button-wrap.hasimage a {
font-size: inherit;
background-position: center !important;
background-size: cover !important;
min-height: 208px;
display: inline-block;
vertical-align: top;
width: 100%;

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

.widget-htmlbox-wrap.widget-wrap.subscribe-wrapper.subscribe-wrapper a.subscribe {
width:100%;
}

a.subscribe {
padding: 15px 32px;
text-align: center;
text-decoration: none;
font-size: 16px;
display: inline-block;
cursor: pointer;    
border-radius: 5px;
border: 2px solid #d86018;
background-color: #d86018;
color: white;

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

a.subscribe:hover {
background-color: white;
color: black;
border: 2px solid #d86018;
}

/* Sunnvale Button Add Colors */
a.subscribe.yellow {color: #000;background: #fdc64f;border: 2px solid #fdc64f;}
a.subscribe.yellow:hover {border: 2px solid #fdc64f;background-color: white;}
a.subscribe.violet {background: #934e8d;border: 2px solid #934e8d;}
a.subscribe.violet:hover {border: 2px solid #934e8d;background-color: white;}
a.subscribe.blue {background: #0f86b3;border: 2px solid #0f86b3;}
a.subscribe.blue:hover {border: 2px solid #0f86b3;background-color: white;}
a.subscribe.lightgreen {background: #78af49;border: 2px solid #78af49;}
a.subscribe.lightgreen:hover {border: 2px solid #78af49;background-color: white;}
a.subscribe.sand {color: #000;background: #D6D2C4;border: 2px solid #D6D2C4;}
a.subscribe.sand:hover {border: 2px solid #D6D2C4;background-color: white;}
a.subscribe.darkgreen {background: #257226;border: 2px solid #257226;}
a.subscribe.darkgreen:hover {border: 2px solid #257226;background-color: white;}

a.buttonlink {
padding: 10px 15px;
margin-top: 15px;
text-align: center;
display: inline-block;
text-decoration: none;
font-size: 14px;
cursor: pointer;    
border-radius: 5px;
border: 2px solid #d86018;
background-color: #d86018;
color: white;

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

a.buttonlink:hover {
background-color: white;
color: black;
border: 2px solid #d86018;
}

#homepage-top .mm-button-wrap.hasimage a:hover .mm-button-txt-wrap,
#homepage-top .mm-button-wrap.hasimage a:hover .mm-button-txt-wrap h2 {background: #000;color: #fff !important;}

#homepage-top .grid .mm-button-wrap a {font-size: inherit;}

#homepage-top .mm-button-wrap.hasimage .mm-button-txt-wrap {
position: absolute;
bottom: 10px;
left: 0;
text-align: center;
background: rgba(255,255,255,0.9);
width: 100%;
display: inline-block;
vertical-align: middle;
padding: 10px 20px;
}

#homepage-top .mm-button-wrap.hasimage .mm-button-txt-wrap h2 {
color: #000;
font-size: 2.6em;
line-height: 26px;
margin: 0;
}

#homepage-top #colorbackgrounds .mm-button-wrap.white,
#homepage-top #colorbackgrounds .mm-button-wrap.yellow,
#homepage-top #colorbackgrounds .mm-button-wrap.violet,
#homepage-top #colorbackgrounds .mm-button-wrap.blue, 
#homepage-top #colorbackgrounds .mm-button-wrap.terracotta,
#homepage-top #colorbackgrounds .mm-button-wrap.sand, 
#homepage-top #colorbackgrounds .mm-button-wrap.darkgreen,
#homepage-top #colorbackgrounds .mm-button-wrap.gray {
max-width: 100%;
min-width: 100%;
padding:30px 20px;
}

.event-list {padding-top: 35px;}

#homepage-top  #colorbackgrounds .mm-button-link a {
font-size: inherit;
color: #000;
font-weight: normal;
}

#homepage-wrapper .grid .mm-button-wrap .mm-button-subtxt {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
text-transform: uppercase;
color: #000;
font-size: 1.8em;
margin: 0;
}

#homepage-top  #colorbackgrounds a .mm-button-subtxt {font-weight: normal;}

#homepage-top #colorbackgrounds .mm-button-txt,
#homepage-top .mm-button-wrap .mm-button-txt-wrap h2  {
font-size: 3em;
color: #000;
margin: 0;
font-weight: normal;
line-height: 35px;
}

#homepage-top #colorbackgrounds .mm-button-wrap.blue .mm-button-txt,
#homepage-top #colorbackgrounds .mm-button-wrap.violet .mm-button-txt,
#homepage-top #colorbackgrounds .mm-button-wrap.green .mm-button-txt,
#homepage-top #colorbackgrounds .mm-button-wrap.terracotta .mm-button-txt,
#homepage-top #colorbackgrounds .mm-button-wrap.gray .mm-button-txt,
#homepage-top #colorbackgrounds .mm-button-wrap.darkgreen .mm-button-txt {
color: white;
}

#homepage-wrapper .grid .mm-button-wrap.violet .mm-button-txt-wrap h2,
#homepage-wrapper .grid .mm-button-wrap.violet .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.violet .mm-button-txt-wrap .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.green .mm-button-txt-wrap h2,
#homepage-wrapper .grid .mm-button-wrap.green .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.green .mm-button-txt-wrap .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.blue .mm-button-txt-wrap h2,
#homepage-wrapper .grid .mm-button-wrap.blue .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.blue .mm-button-txt-wrap .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.terracotta .mm-button-txt-wrap h2,
#homepage-wrapper .grid .mm-button-wrap.terracotta .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.terracotta .mm-button-txt-wrap .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.gray .mm-button-txt-wrap h2,
#homepage-wrapper .grid .mm-button-wrap.gray .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.gray .mm-button-txt-wrap .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.darkgreen .mm-button-txt-wrap h2,
#homepage-wrapper .grid .mm-button-wrap.darkgreen .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.darkgreen .mm-button-txt-wrap .mm-button-txt {
color: #fff;
}

#homepage-wrapper .grid .mm-button-wrap.white {background: #fff;} 
#homepage-wrapper .grid .mm-button-wrap.violet {background: #934e8d;} 
#homepage-wrapper .grid .mm-button-wrap.green {background: #78af49;} 
#homepage-wrapper .grid .mm-button-wrap.yellow {background: #fdc64f;} 
#homepage-wrapper .grid .mm-button-wrap.blue {background: #0f86b3;} 
#homepage-wrapper .grid .mm-button-wrap.terracotta {background: #dc6226;} 
#homepage-wrapper .grid .mm-button-wrap.darkgreen {background: #257226;}
#homepage-wrapper .grid .mm-button-wrap.sand {background: #D6D2C4;}
#homepage-wrapper .grid .mm-button-wrap.gray {background: #6C6463;}

/* Background Hover */
#homepage-wrapper .grid .mm-button-wrap.white:hover {background: #000;} 
#homepage-wrapper .grid .mm-button-wrap.violet:hover  {background: #000;} 
#homepage-wrapper .grid .mm-button-wrap.green:hover  {background: #000;} 
#homepage-wrapper .grid .mm-button-wrap.yellow:hover  {background: #000;}
#homepage-wrapper .grid .mm-button-wrap.blue:hover  {background: #000;} 
#homepage-wrapper .grid .mm-button-wrap.terracotta:hover  {background: #000;}
#homepage-wrapper .grid .mm-button-wrap.darkgreen:hover {background: #000;}
#homepage-wrapper .grid .mm-button-wrap.sand:hover {background: #000;}
#homepage-wrapper .grid .mm-button-wrap.gray:hover {background: #000;}

/* Text Hover */
#homepage-wrapper .grid .mm-button-wrap.white:hover .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.white:hover .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.yellow:hover .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.yellow:hover .mm-button-subtxt, 
#homepage-wrapper .grid .mm-button-wrap.blue:hover .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.blue:hover .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.terracotta:hover .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.terracotta:hover .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.darkgreen:hover .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.darkgreen:hover .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.sand:hover .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.sand:hover .mm-button-subtxt,
#homepage-wrapper .grid .mm-button-wrap.gray:hover .mm-button-txt,
#homepage-wrapper .grid .mm-button-wrap.gray:hover .mm-button-subtxt{
color: #fff !important;
}

/* --> Homepage Blocks -------------------------------------------*/

#homepage-icons .icon .mm-button-wrap {
position: relative;
vertical-align: top;
display: inline-block;
width: 50%;
height: auto;
text-align: center;
cursor: pointer;
padding: 0 15px;
padding-bottom: 25px;

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

#homepage-icons {padding: 5px 0 10px 0;background: #f7f7f7;text-align: center;}

#homepage-icons a.mm-button-link {
margin-bottom: 15px;
display: inline-block;
width: 100%;
color: #fff;
font-weight: normal;
border-radius: 50%;
background: #f7f7f7;
border:2px solid #6c6463;
padding: 20px 0;
height: 108px;
width: 108px;
}

#homepage-icons span.mm-button-txt {
font-size: 1.7em;
color: #000000;
margin-top: 10px;
}

.title-home {
display: inline-block;
vertical-align: middle;
padding: 10px 0 20px 0;
width: 100%;
position: relative;
}

.title-sub-home {
display: inline-block;
vertical-align: middle;
padding: 0 0 15px 0;
text-align: left;
width: 100%;
position: relative;
margin-left: -10px; 
}

.title-sub-home h3 {
font-size: 2em;
margin: 0;
color: #4c4746;
font-weight: 700;
}

.title-home:before {
content:""; 
background: #000;
width: 100%;
height: 1px;
position: absolute;
top: 54px;
left: 0;
text-align: center;
display: inline-block;
}

.title-home h1 {
font-size: 3em;
color: #000000;
background: #f7f7f7;
padding: 15px 30px;
position: relative;
margin: 0 0 10px 0;
display: inline-block;
}

.feature {
display: inline-block;
width: 100%;
position: relative;
text-align: left;
vertical-align: top;
padding: 0;
}

.list {
display: inline-block;
width: 100%;
position: relative;
text-align: left;
vertical-align: top;
padding: 0 15px;
}

.viewall {
position: relative;
padding-top: 15px;
display: inline-block;
width: 100%;
text-align: left;
}

#homepage-news h3.article-head {
font-size: 1.1em;
color: #4c4746;
line-height: 22px;
padding-left: 10px;
}

#homepage-news article.news-article:before {
content: "\f105";
color: #d86018;
position: absolute;
left: -10px;
font-weight: bold;
padding-top: 5px;
font-size: 1.4em;
font-family: FontAwesome;
}

#homepage-news h3.article-head a {
font-size: inherit;
font-weight: 600;
color: #4c4746;
}

#homepage-news .list article.news-article {margin-bottom: 5px;}

#homepage-news .feature article.news-article:before {display: none;}
#homepage-news .feature article.news-article {padding: 0;}
#homepage-news .feature article.news-article img.news-img {max-width: 100%;padding: 0;}
#homepage-news .feature article.news-article .news-info-cont {width: 100%; padding:15px 20px 0 20px}
#homepage-news .feature h3.article-head {padding-left: 0;line-height: 23px;}
#homepage-news .feature .news-summary {margin-bottom: 4.5em;}
#homepage-news .feature h3.article-head a {font-weight: 600;color: #4c4746;}
#homepage-news .feature article.news-article .news-date { margin-bottom: 5px;}

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

.title-head {
display: inline-block;
width: 100%;
padding-top: 6em;
padding-bottom: 2em;
position: relative;
text-align: center;
}

.title-head h1 {
font-size: 3.6em;
font-style: italic;
}

/* --> Events List & Calendar  -----------------------------------------------*/

#event-wrapper,
#twitter-wrapper {
display: inline-block;
width: 100%;
vertical-align: top;
position: relative;
}

/* --> Homepage Blocks -------------------------------------------*/

/* Block container */
.home-block {
float: left;
width: 100%;
margin-bottom: 30px;
padding-bottom: 17px;
background-color: #fff;
position: relative;
box-shadow: 0 2px 4px rgba(108, 100, 99, 0.5);
}

.twitter-wrap {
float: left;
width: 100%;
background: #fff;
margin-bottom: 20px;
padding-bottom: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}

/* Block heading */
.home-block h2 {
margin-top: 0;
padding: 10px 10px 10px 15px;
color: #4c4746;
font-weight: bold;
font-size: 2em;
text-transform: uppercase;
cursor: default;

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;
}

/* Block heading - alternate color 1 */
.home-block h2.block-head.alt-color { background-color: #d86018; }

/* Block heading - alternate color 2 */
.home-block h2.block-head.alt-color2 {  }

/* Inner wrapper for blocks */
.block-contents {
padding: 0 15px 15px 15px;

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

#dynamic-social-footer {
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
}

#dynamic-social-footer .mm-button-wrap {
display: inline-block;
vertical-align: top;
margin-right: 10px;
width: 34px;
height: 34px;
}

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

#side-buttons {
float: left;
vertical-align: top;
clear: left;
margin-bottom: 15px; 
}

#col2Content {
float: left;
}

#mainbox{
display: inline-block;
position: relative;
width: 100%;
}

.code_snippet_box{
margin-bottom: 0;
width: 100%;
margin-right: 0;
float: left;
}

.details_box {
width: 100%;
margin-top: 0;
padding-top: 20px;
}

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

#mainbox .details_box h2 a {
color:#222;
font-size: inherit;
text-transform: uppercase;
}

#mainbox .details_box p {
clear: both;
padding-top: 5px;
}

#mainbox .details_box span {
text-transform: uppercase;
font-weight: bold;
}

#mainbox .details_box ul {
list-style: none;
margin-left: 0;
font-size: 1.2em;
}

#mainbox .details_box ul li {
margin-bottom: 5px;
}


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

/* Side Button Wrapper */

#dynamic-side-btns .mm-buttongen-cont {
float: left;
width: 100%;
text-align: center;
}

#dynamic-side-btns .mm-button-wrap{
width: 100%;
position: relative;
max-width: 100%;
display: inline-block;
margin-left: 0;
}

/* Side Button Link Wrapper */
#dynamic-side-btns a.mm-button-link {
font-weight: 500;
display: inline-table;
width: 100%;
font-weight: 500;
letter-spacing: -1px;
font-size: 2.3em;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
color:#fff;
margin-bottom: 20px;
text-align: center;
background-size: cover !important;
height: 62px;
text-decoration: none;
}

#dynamic-side-btns .mm-button-txt-wrap {
height: 62px;
width: 100%;
padding: 0 15px;
text-align: center;
vertical-align: middle;
display:  table-cell;
background: #78af49;
border: 1px solid #334a1f;

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

/* Sunnvale Add Colors */
#dynamic-side-btns a.yellow {color: #000;text-shadow:none;}
#dynamic-side-btns .yellow .mm-button-txt-wrap {background: #fdc64f; border-color: #d4a542}
#dynamic-side-btns .yellow .mm-button-txt-wrap:hover{  color: #fff;}
#dynamic-side-btns .violet .mm-button-txt-wrap {background: #934e8d; border-color: #472645}
#dynamic-side-btns .blue .mm-button-txt-wrap {background: #0f86b3; border-color: #0d79a1}
#dynamic-side-btns .terracotta .mm-button-txt-wrap {background: #dc6226; border-color: #c25721}
#dynamic-side-btns .darkgreen .mm-button-txt-wrap {background: #257226; border-color: #1c571d}
#dynamic-side-btns .gray .mm-button-txt-wrap {background: #6C6463; border-color: #544e4d}
#dynamic-side-btns a.white {color: #000;text-shadow:none;}
#dynamic-side-btns .white .mm-button-txt-wrap {background: #fff; border-color: #d6d6d6}
#dynamic-side-btns .white .mm-button-txt-wrap:hover{  color: #fff;}
#dynamic-side-btns a.sand {color: #000;text-shadow:none;}
#dynamic-side-btns .sand .mm-button-txt-wrap {background: #D6D2C4; border-color: #9c998f}
#dynamic-side-btns .sand .mm-button-txt-wrap:hover{  color: #fff;}

#dynamic-side-btns .mm-button-txt-wrap:hover{  background: #000; border-color: #000; }

/* Back To Top */

.civica-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: #716a5c 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;
}

.civica-top.civica-is-visible, .civica-top.civica-fade-out, .no-touch .civica-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;
}
.civica-top.civica-is-visible {
visibility: visible;
opacity: 1;
}
.civica-top.civica-fade-out {
opacity: .5;
}
.no-touch .civica-top:hover {
background-color: #575146;
opacity: 1;
}

/*------------------------------------------------------------------
--> Page Footer
------------------------------------------------------------------*/

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

footer#page-footer {
color: #000;
background:#d6d2c4;
text-align: center;
display: inline-block;
width: 100%;
padding: 0;
}

#footer-left {
background: #77ae49;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 0;
text-align: center;
}

#footer-right {
background: #d6d2c4;
display: inline-block;
vertical-align:top;
width: 100%;
padding: 0;
}

.footer-nav-top{
display: inline-block;
width: 100%;
vertical-align: top;
position: relative;
padding-bottom: 20px;
}

.footer-nav-bottom {
display: inline-block;
padding-top:8px ;
width: 100%;
vertical-align: top;
position: relative;
}

.padding-wrapper {padding:45px 25px;}

/* --> Footer Navigation -----------------------------------------*/

/* Navigation list */
nav.foot-nav ul.foot-nav-list {
list-style: none;
display: inline-block;
vertical-align: top;
width: 100%;
margin-left: 10px;
}

/* Navigation list item */
nav.foot-nav .link_list { margin-bottom: 3px;width: 100%; float: left; }


/* Navigation list item link */
nav.foot-nav ul.foot-nav-list li a {
color: #000;
font-weight: 700;
display: inline-block;
vertical-align: top;
font-size: 1.8em;
width: 100%;
}

.footer-address {
display: inline-block;
width: 100%;
position: relative;
text-align: center;
padding-left: 22%;
padding-top: 1%;
}

.footer-address p {
color: white;
text-align: left;
margin: 0;
}

.footer-address .footer-address-bottom {display: none;}

.footer-nav-bottom ul.az-list {
list-style: none;
display: inline-block;
vertical-align: top;
width: 100%;
margin-left: 10px;
}

.footer-nav-bottom ul.az-list li {
display: inline-block;
vertical-align: top;
width: 100%;
}

.footer-nav-bottom ul.az-list li a {
color: #88857c;
font-weight: 700;
display: inline-block;
vertical-align: top;
font-size: 1.3em;
}

/* --> Divider (Mobile only)--------------------------------------*/

hr.footer-divider {
border-color: #0099ff;
box-shadow: 0 1px 4px #000;
}


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

.civica-foot-logo,
.footer-links { 
display: inline-block;
vertical-align: middle;
text-align: center;
width: 100%;
}

/* Civica logo */
.civica-foot-logo a{
text-align: center;
margin: 10px 0;
display: inline-block;
width: 140px;
}


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

/* Copyright span background */
#copyright-span { background-color: #222;padding: 10px 0;}

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

/*------------------------------------------------------------------
--> Press Release
------------------------------------------------------------------*/
tr.prHeadline {
border-bottom: 3px solid #d86018;
}

.prHeader {
margin: 0;
}

table.pressRTable p {
padding: 0;
margin: 0;
}

/*------------------------------------------------------------------
--> Jobs 
------------------------------------------------------------------*/

h3.jobTitle {
margin: 0;
}

/*------------------------------------------------------------------
--> Phone Directory Phone Book
------------------------------------------------------------------*/

input#phone-search {
height: 35px;
font-size: 1.4em;   
}

#phone-search-btn {
color: #fff;
height: 35px;
font-size: 1.4em;
}

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

/* Alert Box */

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

#alert_block #status_headline {
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-size: 2.4em;
margin-bottom: 5px;
}

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



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

/* Galleria slideshows require a defined height */
#galleria { 
height: 300px; 
height: auto;
background: #232323;
border: 0px solid transparent;
}

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

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


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

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

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

/** Imported from M.Segura's CSS**/

#page-last-updated{clear:both;padding: 20px;}
#media-bucket-0 .galleria-read-more {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%;} 

/*HOMEPAGE ALERT*/

/*------------------------------------------------------------------
--> Homepage Alerts
------------------------------------------------------------------*/

#alert_overlay {
position: fixed;
right: auto;
bottom: -170px;
margin-top: 0px;
z-index: 100;
width: 100%;
    
transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
}

#alert_overlay a{color: white;}

#alert-overlay-inner {
border: 1px solid #cd6900;
background: rgba(0, 0, 0, 0.8);
height: 100%;
padding: 0;
margin: 0;
display: inline-block;
position: relative;
}

#alert-overlay-inner .alert_title{
background: red;
padding: 15px !important;
margin: 0;
cursor: pointer;
z-index: 10000;
}

#alert-overlay-inner .alert_title:before, #alert-overlay-inner .alert_title:after {
position: absolute;
top: 100%;
content: '';
width: 50%;
height: 25px;
}

#alert-overlay-inner .alert_title:before {
left: 0;
background: linear-gradient(to left bottom, red 50%, transparent 50%);
}

.#alert-overlay-inner .alert_title:after {
right: 0;
background: linear-gradient(to bottom right, red 50%, transparent 50%);
}

.alert_body{
padding: 33px 15px 30px 15px !important;
margin: 0;
text-align: center;
font-size: 1.4em;
}

.alert_body span {
font-size: inherit; 
font-weight: bold;
display: inline-block;
position:relative;
padding-bottom: 10px;
}

.alert_body p{
margin: 0;
line-height: 20px;
font-size: inherit;
}


.alert_body a{
font-size: inherit;
}

#alert-overlay-inner h3{
font-size: 1.6em;
color: white;
margin: 0;
padding: 0;
font-weight: bold;
text-align: center;
}

#alert_overlay img.close{
position: absolute;
top: -14px;
right: -7px;
left: auto;
cursor:pointer;
opacity: 1;
z-index:140000;
transition: opacity .6s ease-in-out;
-o-transition: opacity .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-webkit-transition: opacity .6s ease-in-out;
}

#alert_overlay img.active{
opacity: 0;
}

/*SITE WIDE ALERT*/

/*------------------------------------------------------------------
--> Site Wide Alerts
------------------------------------------------------------------

#alert p { 
font-size: inherit; 
margin:0;  
display: inline-block; 
}

#alert {
background: red;
border-bottom: 3px solid #691A00;
box-shadow: 0 0 8px #BBBBBB;
font-size: 1.4em;
font-weight: normal;
padding: 10px;
line-height: 25px;
margin: 0;
transition: background-color 0.6s ease-in-out 0s;
max-width:100%;
width:100%;  
}
                                                              
#alert .title {
font-size:0.8em; 
color:#efefef; 
text-align:center;
margin: 0 auto;
margin-bottom: 10px;
}

#alert .title img { display: inline-block; }

#alert .title h3{ 
position: relative;
display: inline-block;
margin-left: 8px;
color:#fff;
vertical-align: top;
font-size: 1.4em;
}

#alert .body a {
color: #fff;
display: block;
text-align: center;
font-size: 1em;
padding: 10px;
border:2px solid #cc0000;
background: #e50000;
}
#alert .body span, 
#alert .body p,
#alert .body a ,
#alert .body strong,
#alert .body font {font-family: 'Lato', sans-serif !important;}

#alert .body .date {
font-size:1em;
font-weight: bold;
color:#fff; 
display: inline-block;   
padding-right: 10px;
}

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


/*------------------------------------------------------------------
--> Site Wide Alerts - Option 1
------------------------------------------------------------------

#alert p { 
    font-size: 1rem;
    margin: 0;
    float: right;
    display: block;
    width: 80%;
    color: #ffc845;
}

#alert {
background: #D86018;
border-bottom: 3px solid #691A00;
box-shadow: 0 0 8px #BBBBBB;
font-size: 1.4em;
font-weight: normal;
padding: 10px;
line-height: 25px;
margin: 0;
transition: background-color 0.6s ease-in-out 0s;
max-width:100%;
width:100%;  
}
                                                              
#alert .title {
font-size:0.8em; 
color:#efefef; 
text-align:center;
margin: 0 auto;
margin-bottom: 10px;
}

#alert .title img { display: none; }

#alert .title h3{ 
    position: relative;
    display: inline-block;
    margin: 0 0 0 8px;
    color: #FFC845;
    vertical-align: top;
    font-size: 1.5rem;
    padding: 0px;
}

#alert .body {
background: #983f0b;
position: relative;
}

#alert .body a {
color: #FFC845;
font-weight: normal;
}

#alert .body span, 
#alert .body p,
#alert .body a ,
#alert .body strong,
#alert .body font {font-family: 'Lato', sans-serif !important;}

#alert .body .date {
font-size:1em;
font-weight: bold;
display: inline-block;   
padding-right: 10px;
}

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

/*------------------------------------------------------------------
--> Site Wide Alerts - Option 2
------------------------------------------------------------------

#alert p { 
font-size: 1rem;
    margin: 0;
    float: right;
    display: block;
    width: 80%;
    line-height: 1rem;
    color: #000;
    padding: 0 0 20px 0;
}

#alert {
    background: #70695b;
    border-bottom: 3px solid #70695b;
box-shadow: 0 0 8px #BBBBBB;
font-size: 1.4em;
font-weight: normal;
padding: 10px;
line-height: 25px;
margin: 0;
transition: background-color 0.6s ease-in-out 0s;
max-width:100%;
width:100%;  
}
                                                              
#alert .title {
    background: #fdc64f;
    font-size: 0.8em;
    color: #efefef;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 0;
}

#alert .title img {
    display: none;
    float: left;
    width: 30px; 
}

#alert .title h3{ 
    position: relative;
    display: inline-block;
    margin: 0;
    color: #000;
    vertical-align: top;
    font-size: 1.25rem;
    padding: 0px;
    font-weight: bold;
    text-align: left;
    width: 100%;
    border-bottom: 1px dotted #c1912a;
    float: left;
}

#alert .body {
background: #fdc64f;
position: relative;
}

#alert .body a {
color: #000;
font-weight: normal;
}

#alert .body span, 
#alert .body p,
#alert .body a ,
#alert .body strong,
#alert .body font {font-family: 'Lato', sans-serif !important;}

#alert .body .date {
font-size: 1rem;
font-weight: bold;
display: inline-block;
padding-right: 0;
}

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

/*------------------------------------------------------------------
--> Site Wide Alerts - Option 3
------------------------------------------------------------------*/


#alert p {font-size: 1rem;margin: 0;float: right;display: block;width: 84%;line-height: 1rem;color: #565145;padding: 0 0 15px 5px; float: left;}

#alert {background: #da4100;border-bottom: 3px solid #da6000;box-shadow: 0 0 8px #BBBBBB;font-size: 1.4em;font-weight: normal;padding: 10px;line-height: 25px;margin: 0;transition: background-color 0.6s ease-in-out 0s;max-width:100%;width:100%;}
                                                              
#alert .title {
    background: #ffffff;
    font-size: 0.8em;
    color: #934e8d;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 0;
}

#alert .title img {
    display: none;
    float: left;
    width: 30px; 
}

#alert .title h3 a{
    position: relative;
    display: inline-block;
    margin: 0;
    color: #da5f02;
    vertical-align: top;
    padding: 0px;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px dotted #d6d2c5;
    font-size: 1.5rem;
}

#alert .title a.alertHeadline {
    display: block;
    font-size: 1.3rem;
    margin: 2px 0;
    width: 100%;
    border-bottom: 1px dotted #d6d2c5;
}

/*#alert .title h3 a:hover { color: #000; text-decoration: underline; }*/

#alert .body p a { color: #d85f19; }
#alert .body p a:hover { color: #000; }

#alert .body {background: #ffffff;position: relative;}

#alert .body span, 
#alert .body p,
#alert .body a ,
#alert .body strong,
#alert .body font {font-family: 'Lato', sans-serif !important;}

#alert .body .date {font-size: 1rem;font-weight: bold;display: inline-block;padding-right: 0;color: #565145; float: left; line-height: 1rem;}

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

/*------------------------------------------------------------------
--> Simple Forms Styles
------------------------------------------------------------------*/
/*remove border around fieldset*/
fieldset{ border: 0px solid transparent; }
/* normalize table based form */
div#sfmQuestionForm td { background-color: #fcfcfc !important; }

/*Option and Check Boxes*/
td.sFoption{
width: 5%;
}

.border{ border: 5px solid red; }

div#sfmQuestionForm .button{ 
font-size: 1em;
font-weight: normal;
margin: 0 20px 0 0;
}

div#sfmQuestionForm .button{ 
font-size: 1em;
font-weight: normal;
margin: 0 20px 0 0;
}

div#sfmQuestionForm .button.sfReset {
background: #d86018;
border: 1px solid #d86018;
}

/*------------------------------------------------------------------
--> faqs
------------------------------------------------------------------*/
h3.newsheader { font-size: inherit; }   

/*------------------------------------------------------------------
--> faqs
------------------------------------------------------------------*/

span.faqarrow {
font-size: 1.425em;
margin: 0 15px 0 0;
padding: 0;
line-height: 0; 
text-decoration: none !important;
}       

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;
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;
}

/*------------------------------------------------------------------
--> Photo Manager and Photo Book Styles
------------------------------------------------------------------*/

#jqGalleryDiv table tr.even, 
#jqGalleryDiv table tr.alt, 
#jqGalleryDiv table tr:nth-of-type(2n) {
background: none;
}

#pm-gallery00 {
height:auto !important;
position: relative;
}

/*  Photobook Styles  */
.Photosizer{
position: relative;
overflow: hidden;
}

.PhotoBG {
width: 100%;
max-width: 250px;
height: 100%;
-webkit-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
box-shadow: 0px 0 5px rgba(0,0,0,0.40);
}

/*  Photobook Styles  */

.Photosizer img {
overflow: hidden;
}

#jqGalleryDiv {margin: 30px;}

#jqGalleryDiv span.caption_text{
display: inline-block;
position: absolute;
background: rgba(0, 0, 0, 0.7);
color: #fff319;
bottom: 1px;
font-size: 1.4em !important;
padding: 20px;
width: 100%;
}

#jqGalleryDiv h2{
padding: 20px;
color: #fff319;
position: absolute;
width: 100%;
bottom: 4px;
background: rgba(0, 0, 0, 0.7);
z-index: 10;
}

#jqGalleryDiv h2 span {
color: #fff319;
font-size: inherit;
}

#pm-gallery00 .scrollable {
position:relative;
overflow:hidden;
width: 84%;
height:120px;
padding-left: 10px;
display: inline-block;
}

#pm-gallery00 .scrollable .items {
width:20000em;
position:absolute;
clear:both;
}

#pm-gallery00 .items div {
float:left;
display: block;
}

#pm-gallery00 .scrollable div.img-wrap {
margin: 29px 5px 29px 5px;
padding:0px;
}

#pm-gallery00 .scrollable img {
border: 3px solid #fff;
-webkit-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
box-shadow: 0px 0 5px rgba(0,0,0,0.40);
margin: 0;
opacity: .5;

-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

#pm-gallery00 .scrollable img:hover{
opacity: 1;
border: 3px solid #0b67a5;   
}

#image_wrap img{
cursor: default;
margin:0;
border: 0;
-webkit-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 0 5px rgba(0,0,0,0.40);
box-shadow: 0px 0 5px rgba(0,0,0,0.40);
}

#galBackOuter > div {
margin-left: 10px;
margin-top: 20px;
}

#image_wrap_g img{
cursor: default;
padding-bottom: 15px;
width: 100%;
max-width: 815px;
}

.cv-photo-gallery .img-wrap {
display: inline-block;
padding: 5px;
} 

#image_wrap_g {
position: relative;
}

.img-wrap:hover{
cursor:pointer;
}

#pm-gallery00 .scrollable .active {
border: 3px solid #0b67a5;
position:relative;
cursor:default;
opacity: 1;
}

#gallery-wrap{
position: relative;
display: block;
padding: 0 5px;
}

#caption_wrap{
position: relative;
width: 100%;
bottom: 6px;
padding: 10px 10px 20px 10px;
background:#11374e;
border-top: 1px solid #0b67a5;
}

#caption_wrap .title {
color: #fff;
}

#pm-gallery00 .scrollable {
float:left; 
}


#pm-gallery00 a.browse {
background:url('/custom/photomanager/hori_large.png') no-repeat;
display:block;
width: 4%;
height:30px;
float:left;
margin:40px 5px;
cursor:pointer;
font-size:1px;
}

#pm-gallery00 a.right           { background-position: 0 -40px; clear:right; margin-right: 5px;}
#pm-gallery00 a.right:hover     { background-position:-30px -40px; }
#pm-gallery00 a.right:active    { background-position:-60px -40px; } 
#pm-gallery00 a.right.disabled  {opacity: .5}

}
#pm-gallery00 a.left            { margin-left: 10px; } 
#pm-gallery00 a.left:hover      { background-position:-30px 0; }
#pm-gallery00 a.left:active     { background-position:-60px 0; }
#pm-gallery00 a.left.disabled   {opacity: .5}

#pm-gallery00 #image_wrap {
width:100%;
margin:0;
position: relative;
}

#pm-gallery00 #image_wrap_g {

width:100%;
min-height:400px;
height:100% ;
margin:0;
}

#pm-gallery00 #scrollable_wrap {
width: 100%;
padding: 0;
}

#pm-gallery00 #text_wrap {
width: 100%;
margin:0 10px;
color: white;
}

#pm-gallery00 h1, #pm-gallery00 h2, #pm-gallery00 h3 {
margin: 0 10px 0 10px;
color: white;
}

#pm-gallery00 #overlay
{
width: 300px;
height: 240px;
background: #e4e2e3;
display: none;
font: normal normal normal 13px/125% tahoma,sans-serif;
color: #000;
}

#pm-gallery00 #overlay #edtdiv
{
font: normal normal normal 13px/125% tahoma,sans-serif;
color: #c00;
}

#pm-gallery00 #overlay #title font
{
font: normal normal bold 27px/33px Garamond, Times, serif;
color:#b4b08c;
display:block;
font-variant: small-caps;
}

/*Start: Code Snippet Custom Side Columns*/
#pageHTML { position: relative; }
.edt-main-content{ float: left; padding: 10px !important; }

.edt-side-content{
background: #f5f5f5;
float: right;
padding: 10px !important;
}

.edt-side-content-custom{
background: #00747e;
color: #fff;
float: right;
padding: 10px !important;
}

/*End: Code Snippet Custom Side Columns*/

.smlCal002_wrap .long, .smlCal002_wrap .short {
display: none;
visibility: visible;
}


/* Image Captions Defualt --------------------------------------------------------------------------*/

.caption_left{
float: left;
display: block;
position: relative;
padding: 0 18px;
margin: 0 0 20px 0;
}

.caption_right{
float: left;
display: block;
position: relative;
padding: 0 18px;
}

.caption_right img,
.caption_left img {
margin: 0 !important;
}

span.caption_text{
display: block;
position: relative;
background: transparent;
color: #333;
bottom: 8px;
font-size: 1.4em !important;
padding: 10px 15px 10px 15px;
}

/* Image Captions Full --------------------------------------------------------------------------*/

.caption_full{
float: left;
display: block;
position: relative;
padding: 0;
margin: 0 0 20px 0;
}

.caption_full img {
margin: 0 !important;
}

.caption_full span.caption_text{
padding: 20px;
color: #fff;
font-size: 1.4em !important;
position: absolute;
width: 100%;
bottom: 6px;
background: rgba(0, 0, 0, 0.7);
}

.edtdiv .rightimg p {
margin: 0 15px 15px 15px;
font-size: 0.8em;
line-height: 18px !important;
}

/* HTML Tabs --------------------------------------------------------------------------*/

#html-container .tab-list {
margin: 0;
padding: 0;
}

#html-container .tab {
display: inline-block;
zoom: 1;
width: 100%;
text-align: center;
padding: 1.5% 3%;
margin: 0;
background: #eee;
border: solid 1px #d6d6d6;
border-bottom: none;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}

#html-container .tab a {
color: #959595;
display: inline-block;
width: 100%;
position: relative;
}

#html-container .tab.active a {color: #000;}

#html-container .tab.active {
background: #fff;
position: relative;
border-color: #d6d6d6;
z-index: 1;
}

#html-container #panel-wrapper {
display: inline-block;
width: 100%;
top: -2px;
position: relative;
background: #fff;
border: 1px solid #d6d6d6;
padding: 20px;
min-height: 270px;
-moz-border-radius: 0 4px 4px 4px;
-webkit-border-radius: 0 4px 4px 4px;
}

.accordion-container{
position: relative;
height: auto;
width: 100%;
display: inline-block;
margin: 20px auto;
}
.accordion-container > h2{
text-align: center;
color: #fff;
padding-bottom: 5px;
margin-bottom: 30px;
}

.set{
position: relative;
width: 100%;
height: auto;
background: #fff;
border: 1px solid #d6d6d6;
margin-bottom: 5px;
}

.set ul li.contact-details {margin-bottom: 5px;}
.set ul:last-child li {margin-bottom: 0;}

.set ul {
margin: 0 !important;
padding-left: 15px;
}

.set .columns.name {padding: 0 10px 0 0;}
.set .columns.phone {padding: 0 0 0 10px;}

li.contact-details {
    list-style: none;
}

.set ul li {

/* Commented Out per client request Case # 00463628 | 08/04/17 | KS 
list-style: none; */
}

.set > a{
display: block;
padding: 10px 25px 10px 15px;
text-decoration: none;
color: #666;
font-weight: 600;

-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.set > a:before {
content: "\f067";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #666;
font-size: 13px;
padding-right: 0.5em;
position: absolute;
top: 12px;
right: 10px;
}

.set > a.active{
background-color:#000;
border-color: #000;
color: #fff;
}
.set > a.active:before {
content: "\f068";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
font-size: 13px;
padding-right: 0.5em;
position: absolute;
top: 12px;
right: 10px;
}
.content{
position:relative;
width: 100%;
padding: 20px;
height: auto;
background-color: #fff;
border-bottom: 1px solid #ddd;
display:none;
}
.content p{
padding: 0 0 10px 0;
margin: 0;
color: #333;
}

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

/* -----------------------------------------
Shared Styles
----------------------------------------- */
/* Mobile */

@media only screen and (max-width: 767px) {

    /*h1.content-title {
        line-height: 50px;
    }*/

    table.responsive {
        margin-bottom: 0;
    }
    .scrollable.swipeMsg::before {
        background: rgba(255, 200, 0, 0.2) none repeat scroll 0 0;
        border: 1px solid #ffcc00;
        border-radius: 5px;
        color: #666;
        content: "<< Swipe for more content >>";
        display: block;
        font-size: 0.8em;
        margin: 0.3em 0;
        padding: 0.2em;
        text-align: center;
        width: 100%;
    }
    .pinned {
        background: #fff none repeat scroll 0 0;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        left: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        position: absolute;
        top: 0;
        width: 35%;
    }
    .pinned table {
        border-left: medium none;
        border-right: medium none;
        width: 100%;
    }
    .pinned table th, .pinned table td {
        white-space: nowrap;
    }
    .pinned td:last-child {
        border-bottom: 0 none;
    }
    div.table-wrapper {
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
    }
    div.table-wrapper div.scrollable {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    table.responsive td, table.responsive th {
        overflow: hidden;
        position: relative;
        white-space: nowrap;
    }

}


.smlCal002_wrap .long, .smlCal002_wrap .short {
display: none;
visibility: visible;
}

/*------------------------------------------------------------------
--> Accessibility
To used with text that should be hidden on the screen, but still available to screen readers
------------------------------------------------------------------*/
.hiddenAccessible {
display: inline-block;
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/* -----------------------------------------
Div Table
----------------------------------------- */

.rTable {
display: table;
width: 100%;
font-size: 1.4em;
}

.rTableRow {
display: table-row;
}

.rTableRow:nth-of-type(2n) {
background: #e8e8e8;
}

.rTableCell, .rTableHead {
display: table-cell;
padding:10px 15px;
}

.rTableHeading {
display: table-header-group;
background-color: #78ae4a;
font-weight: bold;
color: #fff;
}

.rTableBody {
display: table-row-group;
}

div.mm-col.megaimage ul li a {height: auto !important;text-align: left !important;color: #d86018;}
div.mm-col.megaimage ul li a:hover {color: #000;}
div.mm-col.megaimage ul {font-size: 14px;}
div.mm-col.megaimage span.mm-button-txt {margin: 10px 0 !important; font-size: 1.45em !important;}