@media print{ 

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

#charm-bar,
#top-nav,
#charm-toggle,
#alert {
display:none !important;
}

#dynamic-bg,
#header-right,
#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;
}

}


/* 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{float:none !important;height:22px; margin:0px 5px 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;
}



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

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

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

#home-homepage {
padding: 0 15px;
}

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

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

body {
font-family: 'Droid Sans', sans-serif;
font-size: 62.5%; /* Sets base font-size to 10px so 1.0em = 10px */
color: #333;
}

/* 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: #279830;
font-weight: bold;
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: #30b83b;
text-decoration: none;
}

a:active { color: #30b83b; }

/* --> Button and Cancel Button style -----------------------------*/
.button, .button:visited{
background-color: #279830;
border-color: #279830;
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: #30b83b;
border-color: #30b83b;
}

.button:active{
background-color: #30b83b;
border-color: #30b83b;
}

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

.button-cancel:hover{
background-color: #30b83b;
border-color: #30b83b;
}

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

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

/* All headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: 'Fanwood Text', serif;  
font-weight: normal;
color: #272727;
}

h1, .h1 {
font-size: 3.6em;
color: #0b7fc4;
}

h2, .h2 {
font-size: 3.2em;
color: #23408f;
}

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

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

h5, .h5 {
font-size: 1.425em;
font-weight: bold;
font-family: 'Droid Sans', sans-serif;
}

h6, .h6 {
font-size: 1.25em;
font-weight: bold;
font-family: 'Droid Sans', sans-serif;
}


/* --> 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 #279830;
font-family: 'Fanwood Text', serif; 
color: #fff;
text-align: left;
padding: 10px 15px;
line-height:20px;
font-size: 1.3em;
}

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:20px 0;
}


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

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

.colorcon {
display: inline-block;
}

.resetcolor {
display: none;
}

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

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

header#page-header {
width: 100%;
position: relative;
z-index: 56;
background: rgba(255,255,255,0.9);
}

#header-left {
padding: 0 0 0 15px;
width: 100%;
margin-top: 1.5em;
}

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

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

a#header-logo {
display: inline-block;
width: 100%;
position: relative;
}

.city-logo{
position: relative;
display: inline-block;
position: relative;
vertical-align: top;
z-index: 55;
}

.steal {
position: relative;
width: 66px;
padding-right: 6px;
z-index: 55;
}

h3.caption {
margin: 0;
}

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

ul.head-links {
list-style: none;
margin: 0;
display:block;
padding-top: 0;
}

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

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

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

a.head-link {
display: inline-block;
color: #161616;
margin-right: 10px;
margin-bottom: 0;
font-size: 1.3em;
font-weight: normal;
}

a.head-link:hover{
color: #212492;
}

.head-links .fontsize {
margin-right:10px;
top: -6px;
position: relative
}

.googleTrans {
position: relative;
top: -2px;
}

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

#google_translate_element {
width: 100%;
margin-bottom: 0;
position: relative;
top: -2px;
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;
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; }

/* --> Header Weather ----------------------------------------------*/

span.temperature{
color: #161616;
font-size: 1.4em;
}

.weather-cont {
margin-right: 17px;    
position: relative;
top: -2px;
}

.weather-cont img{
width: 22px;
height: 22px;
float: left;
display: block;
margin-right: 5px;
}

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

#search-box-wrap form {margin: 0;}

#search-button-wrap {
position: absolute;
right: 0;
width: 57px;
}

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

input#site-search,
input.site-search {
margin: 0;
padding: 0 0 0 8px;
font-size: 1.3em;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: 1px solid #b6b6b6;
border-right: 0;
margin-bottom: 0;
outline: none;
height: 32px;
border-radius: 0;

-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: box-shadow .6s ease-in-out; 
-o-transition: box-shadow .6s ease-in-out; 
-moz-transition: box-shadow .6s ease-in-out; 
-webkit-transition: box-shadow .6s ease-in-out;
}

input#site-search:hover,
input.site-search:hover {
border-color: #279830;
}

input#site-search:focus,
input.site-search:focus {
border-color: #279830;
}


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

a#site-search-btn,
a.site-search-btn {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
font-size: 1.4em;
line-height: 11px !important;
height: 32px;
position: absolute;
right: 0; 
padding-top: 9px !important;
background-color: #40ae49;
border: 1px solid #2f8036;
border-radius: 0;
text-transform: uppercase;
font-weight: bold !important;

box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance: none;
}

a#site-search-btn:hover {
text-decoration: none;
color: #fff;
background-color: #46bd50;
border-color: #348c3b;
}

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

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

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

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

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

section#top-nav {
background-color: transparent;
min-height: 50px;
z-index: 55;
position: relative;
}

.top-bar.expanded .title-area,
.top-bar .title-area {
background: #23408f;   
}


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


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

nav.main-nav ul li.nav-item a {
font-size: 1em;
font-weight: normal;
white-space: normal;
background: transparent;
font-family: 'Fanwood Text', serif; 

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;
background: #0d89d1;
}

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

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

/* Main Navigation Title */
.main-nav ul.title-area .mainnav-mobile-title {
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-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;
}

/* 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;
font-family: 'Droid Sans', sans-serif;
border-bottom: 1px solid #444;
}

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


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

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

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

.page-nav-heading {
cursor: default;
font-size: 3.5em;
text-shadow: 0 1px 0 #fff;
padding: 10px 20px 0 20px;
margin: 0px;
}

#sidenav-col {
background: #fbfbfb;
margin-bottom: 20px;
border:1px solid #ccc;
}

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


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

nav#side-nav .sf-menu a {
color: #333;
border: 0;
padding:12px 39px 12px 20px;
line-height: 18px;
font-weight: normal;
transition: background-color .6s ease-out, padding .6s ease-out;
-o-transition:  background-color .6s ease-out, padding .6s ease-out;
-moz-transition:  background-color .6s ease-out, padding .6s ease-out;
-webkit-transition:  background-color .6s ease-out, padding .6s ease-out;
}

nav#side-nav .sf-menu a:hover,
nav#side-nav .sf-menu a:focus {
background: #f7f7f7;
padding-left: 20px;
}

/* 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;
box-shadow: none;
}

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

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

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

/* Breadcrumb Span */
section#bcrumbs {
width: 100%;
background: #f0f0f0;
padding: 15px 0;
}

#crumbs,
#editor {
padding: 0;
}

section#bcrumbs .addthis_button_compact {
padding-top: 5px;
}

/* Breadcrumb List */
ul.bcrumb-list {
float: left;
font-family: 'Fanwood Text', serif;
list-style: none;
margin: 0;
font-size: 1.8em;
}

ul.bcrumb-list a{
color: #292929;
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: #23408f;
}

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

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

/* Email, Edit, Print List Container */
ul.system-btns-list {
float: left;
width: 100%;
list-style: none;
margin: 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.15em;
margin-bottom: 0;
text-align: left;
}

/* System Button Styles */
.button.system-button {
width: 100%;
color: #7e538a;
margin:0;
background-color: #f0f0f0;
border: 1px solid #f0f0f0;
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;
width: inherit;
background-color: #fff;
margin: 0;
padding: 5px;
right:0px;
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;
}

.addthis_toolbox {
position: relative;
padding: 0;
margin: 0;
}

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

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

/* Print */
#btn-print {
background: #f0f0f0 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;
}

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

#body-wrapper {
position: relative;
background: #f0f0f0;
padding-bottom: 3em;
width: 100%;
padding: 0 15px;
}

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

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

.pgtitle {
padding: 0;
}

h1.content-title {
font-size: 4em;
background: #23408f;
padding: 12px 20px 8px 20px;
margin-top: 0;
margin-bottom: 0;
cursor: default;
color: #fff;
line-height: 47px;
}

#full-view .pgtitle {
padding: 0;
background: #fbfbfb;
}

#full-view h1.content-title {
margin-bottom: 20px;
}

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

section#page-content {
margin-bottom: 50px;
padding: 0;
border: 1px solid #ccc;
}

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

/* --> Home Slideshow --------------------------------------------*/

/* Background area color */
#home-slideshow-span {
border-bottom: 1px solid #273238;
}

#home-slideshow-span img{width: 100%;}

.orbit-bullets{
text-align: center; 
width: 100%;
padding: 15px 0;
margin: 0;
background: #263238;
top: 0;
}

.orbit-container{ background:#04284c; }
.orbit-slides-container li.active {
opacity: 1.0;
}
.orbit-slides-container li {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: .6;
}

.orbit-bullets li{
float: none;
display: inline-block; 
border: solid 2px #fff;
background: transparent;
}

.orbit-bullets li.active{
background: #fff;
}

/*	Hide news dates */
#home-homepage .news-date {
	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-weight: bold;
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.2em;
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 {
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 Blocks -------------------------------------------*/

/* Block container */
.home-block {
float: left;
width: 100%;
margin-bottom: 30px;
background-color: #fff;
box-shadow: 0px 3px 8px #ccc;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}

/* Block heading */
.home-block h2.block-head {
margin-top: 0;
background-color: #232323;
padding: 10px 10px 10px 15px;
color: #fff;
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: #279830; }

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

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

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

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

#icons-wrap {padding-bottom: 15px;}

#icons-wrap .owl-item {
padding: 0 1%;
position: relative;
}

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

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

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

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

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

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

#icons-wrap .owl-buttons {display: none;}

#icons-wrap .mm-button-subtxt {
position: absolute;
display: table;
vertical-align: middle;
background: rgba(35,64,143,0.8);
opacity: 0;
color: #fff;
font-family: 'Fanwood Text', serif; 
top: 0;
left: 0;
overflow: visible;
font-size: 1.4em;
padding:0 20px;

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

#icons-wrap .mm-button-subtxt-middle {
display: table-cell;
vertical-align: middle;
position: relative;
height: 173px;
width: 173px;
margin: 0;
padding: 0;
}

#icons-wrap a .mm-button-subtxt {
color: white;
font-weight: normal;
}

#icons-wrap .mm-button-subtxt:hover {
opacity: 1;
}

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

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

#col2Content {
float: left;
}

#page-content {
background: #fbfbfb;
}

#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-family: 'Fanwood Text', serif;
font-weight: 500;
display: inline-table;
width: 100%;
font-size: 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: 87px;
text-decoration: none;
}

#dynamic-side-btns .mm-button-txt-wrap {
height: 87px;
width: 100%;
padding: 0 15px;
text-align: center;
vertical-align: middle;
display:  table-cell;
background: rgba(35,64,143,0.3);

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

#dynamic-side-btns .mm-button-txt-wrap:hover{  background: rgba(35,64,143,0); }

/* 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: #339bdc 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: #39aef7;
opacity: 1;
}

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

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

footer#page-footer {
background: #23408f;
color: #fff;
padding: 30px 15px 30px 15px;
text-align: center;
position: relative;
}

a#footer-logo {
padding-bottom: 10px;
display: inline-block;
width: 100%;
position: relative;
}

#footer-left {padding-bottom: 20px;width: 100% }
#footer-middle { padding-bottom: 20px;width: 100%; }
#footer-right { padding-bottom: 20px; width: 100%; }

.footer-seal{margin-right: 2.5%;}

.footer-seal,
.footer-address {
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
text-align: center;
}

.footer-address-bottom {font-size: 1.1em !important;}

.footer-address-top {
padding-bottom: 10px;
}

.footer-address {
font-size: 1.1em;
}

.footer-address p {
margin: 0;
font-size: inherit;
line-height: 16px;
}

.footer-address a {
font-size: inherit;
font-weight: normal;
color: white;
}

.signup_title{
color: white;
margin: 0;
display: block;
text-align: center;
font-size: 1.8em;
font-weight: bold;
}

.social_title {
font-size: 2em;
color: white;
font-weight: bold;
margin: 0;
}

#email_signup_div {
margin-top: 10px;
display: inline-block;
width: 100%;
height: 42px;
position: relative;
}

a.signup {
background: #f4d25f;
font-size: 1.8em;
display: inline-block;
padding: 13px;
text-align: center;
color: #23408f;
text-decoration: none;
width: 80%;
font-family: 'Fanwood Text', serif; 

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

a.signup:hover{
background: #ffcb1a;
}

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

/* Navigation list */
nav.foot-nav ul.foot-nav-list {
list-style: none;
margin-left: 10px;
}

/* Navigation list item */
nav.foot-nav ul li { margin-bottom: 3px; }

/* Navigation list item link */
nav.foot-nav ul.foot-nav-list li a {
color: #fff;
font-size: 1.5em;
}

#dynamic-social-btns {
display: inline-block;
width: 100%;
position: relative;
margin-bottom: 15px;
}

#dynamic-social-btns .mm-button-wrap {
display: inline-block;
position: relative;
padding-right: 1%;
}

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

#civica-foot-logo { 
display: inline-block;
width: 100%;
text-align: center;
padding-top: 20px;
padding-left: 0;
}

/* Civica logo */
#civica-foot-logo a{
text-align: center;
margin: 10px 0;
display: inline-block;
width: 163px;
opacity: 0.8;
}

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

/* Approval System */

#divWorkFlowMenuOptions ul {
list-style: none;
margin: 0;
position: absolute;
top: 1em;
right: 11em;
z-index: 1;
}

#divWorkFlowButton .button.system-button {
padding: 0 2px;
}

#divWorkFlowMenuOptions ul li {
display: inline-block;
vertical-align: top;
}

#divWorkFlowMenuOptions ul li a {
padding: 0 5px;
}


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

/*------------------------------------------------------------------
--> Charm Bar
------------------------------------------------------------------*/

#portal-charms .favsicon {display: none;}

#charm-toggle {
position: absolute;
color: #fff;
right: 0;
top: 10px;
padding: 5px 10px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border: 2px solid #23408f;
border-right: 0;
background: #23408f;
font-size: 1.0em;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
z-index: 500;

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

#charm-toggle .fa-long-arrow-left {
font-size: 1em;
}

#charm-toggle:hover {
text-decoration: none;
background: #0b7fc5;
border-color: #0b7fc5;
}

#charm-toggle span {
display: inline-block;
vertical-align: middle;
font-size: 1.5em;
}

#charm-bar {
display: none;
position: absolute;
right: 0;
width: 100%;
height: 100%;
background: rgba(35, 64, 143, 0.9);
z-index: 500;
}

/* --> Charms ----------------------------------------------------*/

#close-charms {
position: fixed;
top: 25px;
right: 4%;
color: #fff;
font-size: 1.5em;
background: #003261;
border-radius: 9999px;
padding: 8px 10px;
border: 1px solid #003261;
z-index: 555;
transition: background .6s ease-in-out
-moz-transition: background .6s ease-in-out;
-webkit-transition: background .6s ease-in-out;
}

#close-charms:hover {
text-decoration: none;
background: #006edb;
}

#dynamic-charms {
margin-top: 20px;
}

#static-charms {
margin-top: 20px;
}


/* Link wrapper */
#dynamic-charms .mm-button-link,
#static-charms .mm-button-link,
#dynamic-charms .portal-myIcon-wrap,
#portal-charms .portal-myIcon-wrap,
#portal-charms #btn-fav {
display: inline-block;
width: 100%;
color: #fff;
font-weight: normal;
border-radius: 50%;
background: #0b7fc5;
padding: 20px 0;
margin-bottom: 8px;
height: 75px;
width: 75px;
border:0;
line-height: inherit;

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

#dynamic-charms .mm-button-link:hover,
#static-charms .mm-button-link:hover,
#dynamic-charms .portal-myIcon-wrap:hover,
#portal-charms .portal-myIcon-wrap:hover {
background-color: #0b95e8;
text-decoration: none;
}

/* Charm icon image */
#dynamic-charms .mm-button-img,
#static-charms .mm-button-img,
#dynamic-charms .portal-myIcon-img,
#portal-charms .portal-myIcon-img {
height: 32px;
width: 32px;
}

#charm-bar .mm-button-wrap {
margin: 10px;
display: inline-block;
width: 42%;
position: relative;
text-align: center;
}

#dynamic-charms .mm-button-txt,
#static-charms .mm-button-txt,
#dynamic-charms .portal-myIcon-text,
#portal-charms .portal-myIcon-text {
color: #fff;
font-size: 1.4em;
font-weight: bold;
text-align: center;
display: inline-block;
vertical-align: top;
line-height: inherit;
width: 100%;
font-family: 'Fanwood Text', serif;
}

/*------------------------------------------------------------------
--> Press Release
------------------------------------------------------------------*/

tr.prHeadline {
background: #279830;
}

.prHeader {
margin: 0;
color: #fff;
}

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

a#phone-search-btn {
color: #fff;
height: 33px;
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;}
#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_title{
background: red;
padding: 15px !important;
margin: 0;
cursor: pointer;
z-index: 10000;
}

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

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

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

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

/*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: #279830;
border: 1px solid #279830;
}

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


/* 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) {

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