@media print{
/*-------------------------------------------------
@Font-face makes some printer/IE combinations not work, set this to default font.
--------------------------------------------------*/
*{font-family:Arial, Sans-serif !important; border: 0px solid transparent !important; }

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,
#big-bg-image,
#hp-welcome,
.hidden,
ul.month-pickers,
footer#page-footer,
#copyright-span,
.cvCalendar3 #widget-sidebar,
#cal3hi-postback-bucket,
#cal3hi-ShowEventsPicker,
div.faq-layout-cont
{
display:none !important;
}

#page-body{
display:block !important; 
float:left  !important; 
clear:both  !important; 
position:relative  !important;
}
/*disable url display */
a[href*="/"]:after, a[href*="/"]:before, a[href*="/"]:visited:after {content: normal;}

/*homepage elements*/
#hp-welcome, #hp-news, #news-scroll, #hp-popular,#pop-bg, section#hp-calendar, #hp-buttons-wrapper, #hp-list, .mm-button-wrap { height: auto !important; }
/*hp dynamic buttons*/
#hp-buttons a.mm-button-link, #hp-buttons span.mm-button-txt { height: 70px !important; }
#hp-buttons span.mm-button-subtxt{ display: block !important;}
/*slideshow*/
#hp-slides .galleria-info { color: #fff !important; background: rgba( 0, 0, 0, .8) !important;}

/*footer modal styling*/
#modal-pollution, #cvOvrlyWrapper, #cvOvrlyShim { display: none !important;} 

/*secondary pages*/
div#content-row{ border: 0px solid #fff !important; }

/*print logo*/
#city-logo, #city-logo a.mm-button-link{ display: none !important; margin: 0; padding: 0; }
.invisible {display: block !important; margin: 0; padding: 0; }


}


/* This is the hilight color when you select text on the website. */
::selection {
background: #013c6e ; /* Safari */
color: #fff;
}
::-moz-selection {
background: #013c6e ; /* Firefox */
color: #fff;
}

/* Force Safari and mobile apple devices to stop rounding corners  */
input#site-search{
  -webkit-appearance: none !important;
  -webkit-border-radius: 0;
}


.fontsize a{float:none !important;height:22px; margin:0px 5px 0px 0px !important; text-decoration:underline;}
.fontsize a.selected{
text-decoration:none; 
text-decoration: none;
font-weight: 600;
color: #0966A3;
}
                                    
#fontsize0{font-size:1em; margin-top: 4px;}                           
#fontsize1{font-size:1.1em; margin-top: 2px;}
#fontsize2{font-size:1.3em; /*=13px*/}



/*------------.size0 */   
.size0{
font-size:.825em !important;
}
#side-nav.size0 .sf-menu a{
font-size:.825em !important;
}

/*-------------.size1 */
.size1{
font-size:1.325em !important;
}

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

/*-----------.size2 */
.size2{
font-size:1.6em !important;
}

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



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



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

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

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


/* 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: #1A75BE ;

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: #00B8FF;
text-decoration: underline;
}

a:active { color: #ff0f0f; }


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

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

h1, .h1 {
font-size: 3.6em;
}

h2, .h2 {
font-size: 3.2em;
}

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

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

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

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


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

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

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

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

.invisible{ display: none; }
/*
------------------------------------------------------------------
--> Website background images
------------------------------------------------------------------*/

/* background image wrapper */
#big-bg-image {
/*position: fixed;*/
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
overflow: hidden;
}

/* Background image - Left side  */
#dynamic-bg-left{ 
position: absolute;
top: 0;
left: 0;
width: 50.999%;
background: url(/img/00/bgslice.jpg) repeat-x #51B0D0;
}

/* Background image - Right side  */
#dynamic-bg-right{
position: absolute;
top: 0;
right: 0;
width: 50%;  

background: url(/img/00/bgslice.jpg) repeat-x #035784;
}

/* Left Background Image Overlay */
div#lbg-overlay {
display: block;
width: 1400px;
height: 1080px;
position: absolute;
top: 0;
right: 0;
background: url(/img/00/bg-overlay.png) 0 0 no-repeat;
}

/* Right Background Image Overlay */
div#rbg-overlay {
display: block;
width: 1400px;
height: 1080px;
position: absolute;
top: 0;
left: 0;
background: url(/img/00/bg-overlay.png) 0 0 no-repeat;
}

/* Left Background Image */
#dynamic-bg-left .mm-button-link {
width: 1400px;
display: block;
height: 1080px;
max-height: 1080px;
background-size: contain !important;
float: right;
}

/* Right Background Image */
#dynamic-bg-right .mm-button-link {
width: 1400px;
display: block;
height: 1080px;
max-height: 1080px;
background-size: contain !important;
float: left;
}


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

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

/* header .. obvi */
header#page-header { width: 100%; }

/* Right element in header */
#header-right { 
margin-bottom: 10px;
margin-top: 10px;
/*width:100%;*/
} 

#header-left {
/*width:100%;*/
}

/* Dynamic Header Logo */
#city-logo {
width: 318px;
height: 80px;
display: block;
}

/* Logo Link */
#city-logo a.mm-button-link {
width: 318px;
height: 76px;
display: block;
/* margin-top: 10px; */
}


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

ul.head-links {
list-style: none;
margin: 0;
display: inline-block;
width: 68%;
min-width: 225px;
vertical-align: top;
margin-top: 3px;
}

ul.head-links li {
float: left;
}

.head-link {
float: left;
}

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

a.head-link {
float: left;
display: block;
color: #fff;
margin: 5px 12px 0 0;
}

.head-links .fontsize {
margin-right: 11px;
}

#header-social{
display: inline-block;
width: 31%;
text-align: right;
margin-bottom: 5px;
}

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

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

input#site-search {
margin: 0;
font-family: 'Open Sans Condensed', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #00688f;
background: #D0E7F3;
padding: 0 0 0 8px;
font-size: 1.8em;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: 1px solid #fff;
border-right: 0;
/*margin-bottom: 15px;*/
outline: none;
height: 25px;
-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 {
border-color: #D0E7F3;
}

input#site-search:focus {
box-shadow: 0 0 16px #fff;
-moz-box-shadow: 0 0 16px #fff;
-webkit-box-shadow: 0 0 16px #fff;
}


/* --> Search Button ---------------------------------------------*/
#header-right form { margin: 0; }

a#site-search-btn {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
margin: 0;
font-weight: normal;
font-size: 1.3em;
line-height: 17px;
height: 27px;
padding-top: 3px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance: none;

background: #008cde; /* Old browsers */
background: -moz-linear-gradient(top, #008cde 0%, #013c6e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008cde), color-stop(100%,#013c6e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #008cde 0%,#013c6e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #008cde 0%,#013c6e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #008cde 0%,#013c6e 100%); /* IE10+ */
background: linear-gradient(to bottom, #008cde 0%,#013c6e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008cde', endColorstr='#013c6e',GradientType=0 ); /* IE6-9 */
}

a#site-search-btn:hover {
text-decoration: none;
background: #008cde;
}

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

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

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


/* Header Social Icons */
#header-social .mm-buttongen-cont {
position: relative;
display: block;
padding: 2px 0;
height: 35px;
width: 130px;
}

#header-social .mm-button-wrap {
float: left;
margin-right: 5%;
}

#header-social a.mm-button-link{
height: 35px;
width: 35px;

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

#header-social a.mm-button-link img {
border-radius: 30px;
box-shadow: 0px -3px 3px #197D9C;

}


#header-social a.mm-button-link:hover{opacity: .7;}

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

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

section#top-nav {
background-color: #002A61;
border-top: 1px solid #444;
border-bottom: 1px solid #ccc;
min-height: 47px;
}

/* 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-family: 'Open Sans Condensed', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4em;
font-weight: normal;
/*text-transform: uppercase;*/
white-space: normal;
background: none;

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: #666;
}

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


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

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

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

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

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

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

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

.mainnav-mobile-title{ visibility: hidden; }
.top-bar.expanded .title-area { background: none; }
.top-bar-section ul { background: #045391; }
.top-bar-section .divider {
border-bottom: solid 1px #5B819B;
border-top: solid 1px #0B3852;
}



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

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

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


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

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

/* 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 {
color: #fff;
cursor: default;
text-shadow: 0 1px 3px #013c6e;
margin: 0;
font-size: 3.5em;
padding: 0 0 0 10px;
border-bottom: 1px solid #0094EB;
}

/* Side Navigation wrapper */

/*#sidenav-col{ width: 100%; }*/

/* navigation wrapper */
#dynamic-side-nav-wrapper{
border-radius: 8px;
width: 100%;
height: inherit;
position: relative;
border: 1px solid #008cde;
border: 0px solid #008cde \9;
display: inline-table;


background: -moz-linear-gradient(top, #008cde 0%, #013c6e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008cde), color-stop(100%,#013c6e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #008cde 0%,#013c6e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #008cde 0%,#013c6e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #008cde 0%,#013c6e 100%); /* IE10+ */
background: linear-gradient(to bottom, #008cde 0%,#013c6e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008cde', endColorstr='#013c6e',GradientType=0 ); /* IE6-9 */
}

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

nav#side-nav ul.side-nav-list {
margin-bottom: 30px;
}


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

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

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


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

nav#side-nav .sf-menu a {
color: #FFF;
border: 0;
line-height: 15px;
border-bottom: 0px dashed #013c6e; 

background: -moz-linear-gradient(left,  rgba(1,60,110,0) 0%, rgba(0,140,222,0.19) 26%, rgba(0,134,213,0.23) 32%, rgba(1,60,110,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(1,60,110,0)), color-stop(26%,rgba(0,140,222,0.19)), color-stop(32%,rgba(0,134,213,0.23)), color-stop(100%,rgba(1,60,110,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(1,60,110,0) 0%,rgba(0,140,222,0.19) 26%,rgba(0,134,213,0.23) 32%,rgba(1,60,110,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(1,60,110,0) 0%,rgba(0,140,222,0.19) 26%,rgba(0,134,213,0.23) 32%,rgba(1,60,110,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(1,60,110,0) 0%,rgba(0,140,222,0.19) 26%,rgba(0,134,213,0.23) 32%,rgba(1,60,110,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(1,60,110,0) 0%,rgba(0,140,222,0.19) 26%,rgba(0,134,213,0.23) 32%,rgba(1,60,110,0) 100%); /* W3C */


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 {
border-top-left-radius:4px; 	
background: -moz-linear-gradient(left,  rgba(1,60,110,1) 0%, rgba(1,60,110,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(1,60,110,1)), color-stop(100%,rgba(1,60,110,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(1,60,110,1) 0%,rgba(1,60,110,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(1,60,110,1) 0%,rgba(1,60,110,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(1,60,110,1) 0%,rgba(1,60,110,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(1,60,110,1) 0%,rgba(1,60,110,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013c6e', endColorstr='#94013c6e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

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

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

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

background: #008cde; /* Old browsers */
background: -moz-linear-gradient(top, #008cde 0%, #013c6e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008cde), color-stop(100%,#013c6e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #008cde 0%,#013c6e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #008cde 0%,#013c6e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #008cde 0%,#013c6e 100%); /* IE10+ */
background: linear-gradient(to bottom, #008cde 0%,#013c6e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008cde', endColorstr='#013c6e',GradientType=0 ); /* IE6-9 */
}

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



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

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

/* Breadcrumb Span */
section#bcrumbs { 
width: 100%;
background: #a6d6f4;
padding: 5px;
margin-bottom: 10px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}

 div#crumby-wrap {
background: red;
margin-left: 5px;
margin-right: 5px;
border-top: 1px solid #D3EFFF;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

background: #bfe7ff; /* Old browsers */
background: -moz-linear-gradient(top,  #bfe7ff 0%, #a6d6f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfe7ff), color-stop(100%,#a6d6f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bfe7ff 0%,#a6d6f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bfe7ff 0%,#a6d6f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bfe7ff 0%,#a6d6f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bfe7ff 0%,#a6d6f4 100%); /* W3C */


}

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

/* Breadcrumb Item */
ul.bcrumb-list li {
float: left;
margin-right: 10px;
text-shadow: 0 1px 0 #E4E4E4;
font-weight: 600;
font-family: 'Open Sans', Arial, sans-serif;
}

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

/* Breadcrumb Item link */
ul.bcrumb-list li.home a , ul.bcrumb-list li a, ul.bcrumb-list li.arr { color: #5193B9 } 
ul.bcrumb-list li.home a:hover, ul.bcrumb-list li a:hover{ color: #0C6BA3 } 

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


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

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

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

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

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

/* System Button Styles */
.button.system-button {
width: 100%;
color: #fff;
background-color: #0C7FAC;
border: none;
padding: 10px 10px;
box-shadow: none;
border-radius: 4px;

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

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

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

/* 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: #0FB2F2;
text-decoration: none;
border-color: #ddd;
border-radius: 6px;
}

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

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

/* Print */
#btn-print {
background: #74B6DD 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-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

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

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

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

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

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

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

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

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

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

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



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

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

/* wrapper that holds the content */
div#content-row {
background: #fff;
border-radius: 10px;
border: 3px solid #0a3955;
overflow: hidden;
box-shadow: 0 20px 48px #0A3955;
}

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


/*
------------------------------------------------------------------
--> HTML Content
------------------------------------------------------------------*/
/* Page Title Wrapper */
.pgtitle{
height: 100px; 
border: 1px solid #a4c9e4;
position: relative;
margin-bottom: 30px;
border-radius: 8px;
overflow: hidden;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ceeafe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ceeafe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ceeafe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ceeafe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ceeafe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ceeafe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ceeafe',GradientType=0 ); /* IE6-9 */
}

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

h1.content-title {
font-size: 3em;
color: #00688f;
cursor: default;
position: absolute;
bottom: 0;
padding: 0 0 5px 10px;
text-shadow: 1px 1px 2px #fff;
z-index: 10;
width: 100%;
margin: 0;
opacity: .8;
line-height: 1em;
background: rgba( 255, 255, 255, .8);
}

/* Dynamic Titlebar Image */
#titlebar-image .mm-button-link {
width: 387px;
height: 100px;
float: right;
opacity: .65;
z-index: 1;
}

/* Titlebar Image Fade Overlay */
#tb-overlay{
width: 387px;
height: 100px;
position: absolute;
top: 0;
right: 0;
background-image: url(/img/00/titlebar-overlay.png);
display: block;
z-index: 9;
}


/* --> Page Content ----------------------------------------------*/
.html-content {
float: Left !important;
}

section#page-content {
margin-bottom: 50px;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 3px 12px #ccc;
}



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

/* Homepage headline styles */
.hp-headlines{
display:  block;
padding-left: 10px;
text-transform: uppercase;
color: #003567;
font-size: 3.5em;
width: 100%;
border-bottom:1px solid #AAD7F5;
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

span.first-word{ color: #047fa8; }

/* homepage welcome text */
#hp-welcome {
margin: 10px 0 0 0;
padding: 0 15px 0 15px;
position: relative;
/*height: 380px;*/
}

/* fade bar wrapper */
#bottom-wrap{
position: absolute;
bottom: 0;
left: 0;
height: 80px;
padding-right: 15px;
width: 100%;
z-index: 1;
}

/* dynamic homepage text */
#pageHTML {
position: relative;
z-index: 3;
}

/* fade bar elements */
.bottom-fade {
margin-bottom: 5px;
width: 100%;
display: block;
height: 15px;

background: -moz-linear-gradient(45deg,  rgba(192,220,235,0) 0%, rgba(192,220,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(192,220,235,0)), color-stop(100%,rgba(192,220,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(192,220,235,0) 0%,rgba(192,220,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(192,220,235,0) 0%,rgba(192,220,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(192,220,235,0) 0%,rgba(192,220,235,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(192,220,235,0) 0%,rgba(192,220,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c0dceb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* welcome text */
#hp-welcome p { text-align: justify; }

#hp-content-wrap {
/*background: #fff;
background: url(/img/00/whiteparency.png);*/
border-radius: 10px;
box-shadow: 0px 5px 10px #092F46;
padding: 10px 5px; 

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgb(255,255,255) 0%, rgb(186,203,214) 50%, rgb(255,255,255) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(255,255,255)), color-stop(50%,rgb(186,203,214)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgb(255,255,255) 0%,rgb(186,203,214) 50%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgb(255,255,255) 0%,rgb(186,203,214) 50%,rgb(255,255,255) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgb(255,255,255) 0%,rgb(186,203,214) 50%,rgb(255,255,255) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgb(255,255,255) 0%,rgb(186,203,214) 50%,rgb(255,255,255) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

div#hp-buttons-wrapper {
width: 100%;
border: 3px solid #0a3955;
height: 225px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 10px;
border-radius: 8px;
box-shadow: 0px 5px 10px #092F46;
}

/* Top buttons on homepage */
#hp-buttons .mm-button-wrap {
width: 33.333%;
height: 221px;
float: left;
display: block;
}

#hp-buttons a.mm-button-link {
width: 100.5%;
height: 221px;
display: block;
position: relative;
background-size: cover !important;
color: #fff;

}

#hp-buttons a.mm-button-link:hover {
color: #5CCBFF;
text-shadow: 1px 1px 5px #033957;
}

/* Center buttons gets white borders as spacers */
#hp-buttons .mm-button-wrap.mm-button-2 {
border-left: 4px solid #fff;
border-right: 4px solid #fff;
}

/* Button Title */
#hp-buttons span.mm-button-txt {
width: 100%;
display: block;
font-size: 1.5em;
text-align: center;
font-family: 'Open Sans Condensed';
margin: 0;
position: absolute;
bottom: -2px;
background: url(/img/00/btn-txt-bg.png) repeat-x;
height: 69px;
padding: 0 0 0 10px;
z-index: 2;
}

#hp-buttons span.mm-button-subtxt {
position: absolute;
top: 30%;
background: url(/img/00/bluparency.png) 0 0;
display: block;
width: 100%;
margin: 0;
padding: 10px;
font-family: 'Open Sans', Arial, sans-serif;
color: #fff;
font-size: 1.175em;
height: 100%;
z-index: 1;
line-height: 1.325em;
display: none;
}


/* Homepage Slideshow goodies */
#hp-slideshow-wrapper{
height: 440px;
padding-left: 15px;	
}

/* Galleria slideshows require a defined height */
#galleria { height: 300px; }

/* position galleria thumbs to right of container */
.galleria-thumbnails { float: right; }

/* galleria read more text */
.galleria-read-more { display: none; }

.galleria-info-close{ top: -50px; }
.galleria-thumbnails .galleria-image {
height: 40px ;
width: 40px }

/*LM homepage changes */
#hp-slides .galleria-stage{bottom: 10px;}
#hp-slides .galleria-thumbnails-container{ display: none; height: 0px ; visibility: collapse ;}
#hp-slides .galleria-info { bottom: 10px;}
#hp-slides .galleria-info-link{ display: none; }
/* secondary page slideshow */
.edtdiv .galleria-container{ 
	background: #fff;
	box-shadow: none !important;
}
.edtdiv .galleria-thumbnails .galleria-image { border: 1px solid #fff; }
.edtdiv .galleria-info-text{ margin-left: 5px; }
.edtdiv .galleria-info-title{ font-size: 1.25em !important;  }
.edtdiv .galleria-info-link{ top: 0; }
.edtdiv .galleria-info-close { left: 20px; }

#slide-welcome{ margin-bottom: 20px; }

/* News News News */
section#hp-news a.read-more{ background-color: #15578B; }

#news-pop-cal-wrapper{ margin: 20px 0;}

section#hp-news {
height: 303px;
overflow: hidden;
position: relative;
}

section#hp-news img.news-img {
width: 100px;
margin: 0 10px 0 0;
padding: 0;
border-bottom: 1px solid #fff !important;
border-left: none !important;
border-right: none !important;
border-top: 1px solid #666 !important;
box-shadow: 0px 2px 2px #9E9E9E;
}

article.news-article a.alt-link {
display: none !important;
visibility: hidden;
margin: 0;
padding: 0;
}

/* div that contains a gradient so the text looks like it fades in, dude.*/
.news-faded{
width: 98%;
position: absolute;
bottom: 0px;
height: 100px;
/*
background: -moz-linear-gradient(top,  rgba(241,242,244,0) 0%, rgba(241,242,244,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,242,244,0)), color-stop(100%,rgba(241,242,244,1))); 
background: -webkit-linear-gradient(top,  rgba(241,242,244,0) 0%,rgba(241,242,244,1) 100%); 
background: -o-linear-gradient(top,  rgba(241,242,244,0) 0%,rgba(241,242,244,1) 100%); 
background: -ms-linear-gradient(top,  rgba(241,242,244,0) 0%,rgba(241,242,244,1) 100%); 
background: linear-gradient(to bottom,  rgba(241,242,244,0) 0%,rgba(241,242,244,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f2f4', endColorstr='#f1f2f4',GradientType=0 ); */
}

a#news-archive {
position: absolute;
top: 35px;
right: 10%;
}

#news-scroll {
display: block;
height: 238px;
padding: 0 15px 0 5px;
}

/* Calendar Calendar Calendar */
#events-cal .calday.small-2.columns { width: 50px; }
.ev-row{ display: inline-block; width: 100%; height: 100%; max-height: 100px; margin-bottom: 20px; padding: 0 0 0 0 ; border-bottom: 1px solid #ccc; }

section#hp-calendar {
/*margin: 25px 15px 0 0;*/
padding: 0 15px;
width: 100%;
height: 500px;
/*
background: -moz-linear-gradient(top,  rgba(241,242,244,0) 0%, rgba(241,242,244,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,242,244,0)), color-stop(100%,rgba(241,242,244,1))); 
background: -webkit-linear-gradient(top,  rgba(241,242,244,0) 0%,rgba(241,242,244,1) 100%); 
background: -o-linear-gradient(top,  rgba(241,242,244,0) 0%,rgba(241,242,244,1) 100%); 
background: -ms-linear-gradient(top,  rgba(241,242,244,0) 0%,rgba(241,242,244,1) 100%); 
background: linear-gradient(to bottom,  rgba(241,242,244,0) 0%,rgba(241,242,244,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f2f4', endColorstr='#f1f2f4',GradientType=0 ); */
}

section#hp-calendar a#cal-archive {
position: absolute;
top: 35px;
right: 10%;
}


section#hp-calendar #hp-list{ 
height: 368px; 
width: 100%;
}

section#hp-calendar .ev-row.row {
margin-bottom: 20px;
/* border-bottom: 1px solid #ddd; */
padding: 10px 5px 0 10px;

}

section#hp-calendar span.caltitle {
display: block;
width: 100%;
font-size: 1.225em;
font-family: 'Open Sans' , 'Open Sans' , Arial, sans-serif;
margin-bottom: 8px;
}

section#hp-calendar span.caltime {
font-size: 1.25em;
font-weight: 600;
margin-bottom: 5px;
display: block;
}

section#hp-calendar span.caldesc {
font-size: 1.425em;
font-family: 'Open Sans' , 'Open Sans' , Arial, sans-serif;
}

section#hp-calendar .calday.small-2.columns {
float: left;
width: 40px;
background: #d1d1d1;
color: #fff;
font-size: 1.5em;
text-align: center;
padding: 1px;
}

section#hp-calendar span.month {
width: 100%;
display: block;
background: #035782;
font-size: 1em;
}

section#hp-calendar span.day {
display: block;
width: 100%;
background: #fff;
color: #035782;
font-size: 1.5em;
padding: 2px;
}

section#hp-calendar .calbody.small-10.columns {
margin: 0;
padding: 0;
}

/* calendar title link hover */
h2#cal-title a:hover{ text-decoration: none; }

/* calendar date */
#events-cal .calday.small-2.columns {
width: 50px;
}

/* calendar event wrapper  */
#events-cal .calbody.small-10.columns {
float: left;
margin-left: 10px;
}

/* event wrap */
#hp-cal .ev-wrap {
height: 375px;
}

/* Service Buttons HP */
#dynamic-service-btn {
width: 100%;
height: 80px;
}

#dynamic-service-btn .mm-button-wrap {
width: 48%;
border: 1px solid #E6E6E6;
float: left;
display: block;
height: 80px;
margin-right: 1%;
margin-left: 1%;
border-radius: 8px;
padding: 3px;
box-shadow: 0px 5px 7px #9E9E9E;
font-family: 'Open Sans Condensed', 'Open Sans', Arial, sans-serif;
font-size: 1.725em;
}

#dynamic-service-btn #mm-wrap-1 {
background: #016194;
background-image: url(/img/00/bars-right.png) top right no-repeat;

}

#dynamic-service-btn #mm-wrap-2 {
background: #008896;
}

#dynamic-service-btn #button-1 .mm-button-txt-wrap {
width: 100%;
height: 100%;
border-radius: 4px;
border-bottom: 1px solid #15578B;
border-left: 1px solid #15578B;
border-right: 1px solid #15578B;
padding-left: 8px;
background: -moz-linear-gradient(top,  rgba(35,111,160,0) 0%, rgba(35,111,160,0.99) 99%, rgba(35,111,160,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,111,160,0)), color-stop(99%,rgba(35,111,160,0.99)), color-stop(100%,rgba(35,111,160,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(35,111,160,0) 0%,rgba(35,111,160,0.99) 99%,rgba(35,111,160,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(35,111,160,0) 0%,rgba(35,111,160,0.99) 99%,rgba(35,111,160,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(35,111,160,0) 0%,rgba(35,111,160,0.99) 99%,rgba(35,111,160,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(35,111,160,0) 0%,rgba(35,111,160,0.99) 99%,rgba(35,111,160,1) 100%); /* W3C */
}

#dynamic-service-btn span.mm-button-txt.has-no-subtext { padding-left: 20px; }

#dynamic-service-btn #button-2 .mm-button-txt-wrap {
width: 100%;
height: 100%;
border-radius: 4px;
border-bottom: 1px solid #107175;
border-left: 1px solid #107175;
border-right: 1px solid #107175;
padding-left: 8px;
background: -moz-linear-gradient(top,  rgba(26,168,183,0) 0%, rgba(26,168,183,0.99) 99%, rgba(26,168,183,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,168,183,0)), color-stop(99%,rgba(26,168,183,0.99)), color-stop(100%,rgba(26,168,183,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(26,168,183,0) 0%,rgba(26,168,183,0.99) 99%,rgba(26,168,183,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(26,168,183,0) 0%,rgba(26,168,183,0.99) 99%,rgba(26,168,183,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(26,168,183,0) 0%,rgba(26,168,183,0.99) 99%,rgba(26,168,183,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(26,168,183,0) 0%,rgba(26,168,183,0.99) 99%,rgba(26,168,183,1) 100%); /* W3C */

}

/* Buttons Subtext */
#dynamic-service-btn .mm-button-subtxt {
font-size: .6em !important;
width: 100%;
display: none;
background: url(/img/00/bars-right.png) 24px 6px no-repeat;
padding-left: 15px;
height: 35px;
}

/* button 1 link text behaviour */
#dynamic-service-btn .mm-link-1 { color: #fff; }
#dynamic-service-btn .mm-link-1:hover { 
background: rgb(15, 50, 73) !important;
text-decoration: none;
display: block;
border-radius: 4px;
}

/* button 2 link text behaviour */
#dynamic-service-btn .mm-link-2 { color: #fff; }
#dynamic-service-btn .mm-link-2:hover { 
background: rgb(12, 69, 71) !important;
text-decoration: none;
display: block;
border-radius: 4px;
}


/**/

/* Most popular link list */

/* container */
#pop-bg{
/*height: 275px;*/
display: block; 
background: url(/img/00/popular-bg.png) top right no-repeat;
}

/* ul styles */
#pop-bg ul.az-list {
/*list-style-image: url(/img/00/list-arrow.png);*/
/*margin-left: 40px;*/
list-style: none;
}

/* popular list LI style  */
#pop-bg ul.az-list li {
border-bottom: 1px dashed #fff;
font-size: 1.125em;
font-weight: 400;
font-family: 'Open Sans', Arial, sans-serif;
margin-bottom: 10px;
}


#pop-bg ul.az-list li a {
width: 100%;
display: inline-block;
background: url(/img/oldarrow.png) no-repeat 0px -3px;
padding-left: 28px;
line-height: 1.655em;
}

#pop-bg ul.az-list li a:hover { 
/*background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0) 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(1%,rgba(255,255,255,0.99)), color-stop(100%,rgba(255,255,255,0))); 
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); 
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); 
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );*/

background: url(/img/oldarrow.png) no-repeat -979px -3px;
}


/* Photo Gallery */
#dynamic-photo-btn { position: relative; }

#dynamic-photo-btn img {
-ms-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
border: 4px solid #fff;
box-shadow: 0px 2px 12px #666;
width: 120px;
}

#dynamic-photo-btn .mm-button-txt-wrap{
width: 50%;
display: block;
position: absolute;
top: 10px;
right: 0;
}

#dynamic-photo-btn .mm-button-txt {
font-size: 1.225em;
font-weight: 600;
text-shadow: 1px 2px 1px #fff;
padding: 5px 0;
margin-bottom: 5px;
display: block;
}

#dynamic-photo-btn .mm-button-subtxt {
padding-left: 0;
font-size: 1em;
font-weight: 400;
text-shadow: 1px 2px 1px #fff;
padding: 5px 0;
color: #666;
}





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

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

/* Side Button Wrapper */
#dynamic-side-btns {
display: block;
width: 100%;
height: 340px;
margin-top: 20px;
margin-bottom: 0;
}

#dynamic-side-btns .mm-button-wrap {
width: 100%;
height: 150px;
display: block;
border: 2px solid #0a3955;
border-radius: 8px;
margin-bottom: 20px;
box-shadow: 0px 5px 6px #666;
overflow: hidden;
max-width: 300px;
float: left;
margin: 20px 20px 20px 0;
}

#dynamic-side-btns .mm-button-wrap:hover{ box-shadow: 0px 5px 6px #4DA2CA; border-color: #fff; }

#dynamic-side-btns .mm-button-txt-wrap {
background: url(/img/00/grayparency.png);
font-family: 'Open Sans Condensed', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 2.225em;
padding: 10px 5px;
}

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

/* Side Button Link Wrapper */
#dynamic-side-btns a.mm-button-link {
display: block;
width: 100%;
height: 150px;
text-shadow: 1px 1px 4px #000;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
color: #fff;
background-size: cover !important;
background-position-x: center !important;
}

#dynamic-side-btns a.mm-button-link:hover { 
color: #0094EB !important;
} 

div#enews-wrapper {
width: 100%;
height: 200px;
display: block;
border: 2px solid #0a3955;
border-radius: 8px;
margin-bottom: 20px;
box-shadow: 0px 5px 6px #666;
overflow: hidden;
}


/*
------------------------------------------------------------------
--> Page Footer
------------------------------------------------------------------*/
.footer-title a { color: #A1E6FF; }

.footer-title a:hover{ text-decoration: underline; color: #fff; }

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

footer#page-footer {
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}


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


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

#google_translate_element {
width: 100%;
max-width: 300px; 
overflow: hidden;
margin: 0 auto;
}

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


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

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


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

a#civica-foot-logo {
    width: 66px;
    margin: 0 auto;
}

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

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

.surf-conditions, #translate {
text-align: center;
}

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

/* Copyright span background */
#copyright-span { box-shadow: 0 0px 110px #073C6D; }

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

/* Surf Conditions */
h4.surf-text{
color: #fff;
display: block;
width: 100%;
border-bottom: 1px solid #12537C;
text-transform: uppercase;
margin: 0;
padding: 0;
}
/* Conditions Text */
h4.surf-text span { color: #a6d6f4; }

/* Surf Conditions UL LI A's */
.surf-conditions ul { list-style: none; }
.surf-conditions a {
color: #fff;
margin: 0;
padding: 0;
text-decoration: none;
}

.surf-conditions a:hover { color: #a6d6f4; }

/* Page Contacts */
#PageContacts p {
color: #fff;
margin: 0;
padding: 0;
}

span.shim{ 
display: block;
height: 33px;
}

/* Footer Link Lists */
#page-footer ul.az-list { list-style: none;  text-align: center; margin:0; padding: 0;  } 
#page-footer ul.az-list li a{ color: #fff; text-decoration:none; }
#page-footer ul.az-list li a:hover{ color: #a6d6f4; }

.footer-links-r{  border-right: 1px solid #0C649E; }

/* PG Contacts Image */
td.photo {
margin: 0;
padding: 0;
border-bottom: 1px solid #a6d6f4;
}

p.footer-title {
	display: none;
}

a.footer-mail{ color: #fff;}
a.footer-mail:hover{ color: #a6d6f4; }

.footer-image .photo img { width: 100%; max-width: 270px;}

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

/* Alert Box */

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

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

#alert_block #status_description {
margin: 0;
}


/* Alert Aggregate Page */

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

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

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



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

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

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




/*  Photobook Styles  */

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

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

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

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

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

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

/*SITE WIDE ALERT*/

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

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

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

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

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


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

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


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


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

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

.auto-height{height:auto;}

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

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

.invisible{
display:none;
}


/***************************************************************************
Overlay
/**************************************************************************/

div#cvOvrlyContainer{ 
position: relative;
width: 100%;		
height: auto;	
}

div#cvOvrlyShim {
width: 100%;
height: 100%;
}

iframe#cvOvrlyIFrame{
background: #ffffff;
width:75% !important;
min-height: 560px;
}

@media screen and (max-width: 767px) {
	iframe#cvOvrlyIFrame{
	min-height: 640px;
	}	
}

#cvOvrlyContainer table#cvOvrlyTable{
width: 100%;
height: 100%;
}

#cvOvrlyContainer td.tl{
width:65px;
height:61px;
}

#cvOvrlyContainer td.t{
height:61px;
}

#cvOvrlyContainer td.tr{
width:65px;
height:61px;
}

#cvOvrlyContainer td.l{
width:65px;
}

#cvOvrlyContainer td.c{
background: black;
}

#cvOvrlyContainer td.r{
width:65px;

}

#cvOvrlyContainer td.bl{
width:65px;
height:20px;
}

#cvOvrlyContainer td.b{
height:20px;
}

#cvOvrlyContainer td.br{
width:65px;
height:20px;
}

.overlay-forms * { 
font-size: 11px;
line-height: 13px;
vertical-align: middle;
}

.overlay-forms fieldset { 
margin: 0; 
width: auto; 
}

.overlay-forms label { 
width: 70px; 
float: left; 
text-align: right; 
}
.overlay-forms label.error { 
float: none; 
color: red; 
padding-left: 95px; 
vertical-align: top; 
text-align: left; 
width:550px; 
margin:0;
font-size: 10px;
}

.overlay-forms label.sub { 
color: #777; 
float: left; 
font-weight:normal; 
font-size: 80%;
width: 300px; 
margin-left: 164px;
text-align: left; 
}
.overlay-forms p { 
margin: 2px auto;
}

.overlay-forms p.error{ 
margin: 5px auto;
display: block;
height: 13px;
}

.overlay-forms .error span{ 
margin-left: 23px;
color: red;
font-weight: bold;
}
.overlay-forms .submit {}
.overlay-forms em{
display:inline-block; 
width: 20px; 
font-weight: bold; 
vertical-align: top;
}
.overlay-forms input.text, .overlay-forms textarea{
width: 565px;
float: right;
}

.overlay-forms span.captcha{	
height: 22px;
border: solid 1px #8e8e8e;
display: inline-block;
margin-right: 5px;
}

.overlay-forms span.sub{
color: #777; 
font-weight:normal; 
font-size: 80%;
margin-left: 5px;
text-align: left; 
}

.overlay-forms input.captcha{
margin-right: 330px; 
}

input#StartDate, input#EndDate{ margin-top: 8px; }


a.hideoverlay {
position: absolute;
top: 7px;
right: 15px;
color: #fff;
text-decoration: none;
}



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

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

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

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



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

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

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

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

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

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



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

}

.external{}

.edtdiv .Table_Center td:first-child{ padding: 0 5px 0 0; text-align: center; }
.edtdiv .Table_Center td {
	text-align: left;
  padding:0;
	white-space: normal;
}

table.mceItemTable {
width: 100% !important;
}


#open-hours {
	float: left;
	margin-top: .2em;
	color: #eee;
	padding-left:6px;
	line-height: 150%;
	font-size: 1em;
}
#translate {
	margin-top: .5em;
	text-align: left;
}

#google_translate_element {
	margin: 0;
}