﻿/*--
Gold : #FEA900		
Blue : #002d59
--*/

@media print 
{ 
  div:not(.reveal-modal) {
    display: inherit !important;
  }
  a[href]::after {
    content: "";
    display: none;
	}
                                    
  #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;
  }
  
}


.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:1.2em;
}
#side-nav.size0 .sf-menu a{
  font-size:1.1em;
}
.top-bar-section .nav-list.size0{
font-size:1.4em;
}


/*-------------.size1 */
.size1{
  font-size:1.4em;
}

#side-nav.size1 .sf-menu a{
  font-size:1.0em;
}
.top-bar-section .nav-list.size1{
font-size:1.6em;
}

/*-----------.size2 */
.size2{
font-size:1.6em;
}

#side-nav.size2 .sf-menu a{
  font-size:1.1em;
}
.top-bar-section .nav-list.size2{
font-size:1.8em;
}



/******************************************************************
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-left: auto;
    margin-right: auto;
}

/*
------------------------------------------------------------------
--> Branding Styles
------------------------------------------------------------------*/

/* --> Defaults --------------------------------------------------*/

body {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight:100;
    font-size: 62.5%; /* Sets base font-size to 10px so 1.0em = 10px */
    color: #333;
		background:#ebebeb;
}

/* Set default font-size to 14px */
p, a, span, .button {
	/*font-family:'museo_sans', 'Lato', Helvetica, Arial, sans-serif; */
    font-family:'Lato', Helvetica, Arial, sans-serif; 
    font-size: 1.5em;

    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;
}
font{
	/*font-family:'museo_sans', 'Lato', Helvetica, Arial, sans-serif; */
	font-family:'Lato', Helvetica, Arial, sans-serif; 
	font-size: inherit;
}  

/* Make sure that links in paragraphs are not larger */
p a { font-size: inherit; }


/* --> Anchors ---------------------------------------------------*/

a, a:visited {
    color: #08518C;

    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: #0d7dd9;
    text-decoration: underline;
}

a:active { color: #ff0f0f; }


/* --> Headings --------------------------------------------------*/

/* All headings */
h1, .h1, h2, h2 a, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

h1, .h1 {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    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;
}

#dynamic-bg{
		display: none;
}
/*
------------------------------------------------------------------
--> Page Header
------------------------------------------------------------------*/

/* --> Header Base -----------------------------------------------*/

header#page-header {
    width: 100%;
    background:url('/img/00/header_bg.png') repeat-x 0 0 transparent;
		position:relative;
		z-index:100;
}

#header-left #city_logo {
  display: block;
  height: 100%;
  text-align: center;
  width: 100%;
}

#header-right {
    margin-top: 10px;
    margin-bottom: 0px;
		padding:0px;
}

#header-right .search-row .columns{
		padding:0px;
}


/* --> Header Logo -----------------------------------------------*/

h1#header-logo {
    color: #fff;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 0;
    letter-spacing: 1px;
    font-size: 6.0em;
    cursor: default;
}

h1#header-logo a {
    font-size: inherit;
    color: inherit;
    text-shadow: 0px 2px 4px #042540;

    transition: color .6s ease-in-out, text-shadow .6s ease-in-out;
    -o-transition: color .6s ease-in-out, text-shadow .6s ease-in-out;
    -moz-transition: color .6s ease-in-out, text-shadow .6s ease-in-out;
    -webkit-transition: color .6s ease-in-out, text-shadow .6s ease-in-out;
}

h1#header-logo a:hover {
    text-decoration: none;
    color: #afdbff;
    text-shadow: 0px 2px 12px #042540;
}

h5#header-tagline {
    color: #eaf6ff;
    font-weight: normal;
    margin-top: 0;
    text-indent: 6px;
    cursor: default;
}


.store-icons-wrap {
		color:#333;
		font-size:0.8em;
		text-align:center
}
		.store-icons-wrap p {margin:15px 0;}

		.store-icons-wrap span,
		.store-icons-wrap span div{
				display: inline-block;
		}
		.store-icons a {
			background: none repeat scroll 0 0 #555;
			border-radius: 3px;
			margin: 5px;
			padding: 0.2em 0.1em 0.4em;
		}.store-icons a:hover {
			background: none repeat scroll 0 0 #333;}

		.store-icons a img {
			margin: 0 5px;
			opacity: 0.75;
			position: relative;
			top: 5px;
		}
		.store-icons a:hover img {
			opacity: 1;
			}


/* --> Header Links ----------------------------------------------*/

ul.head-links {
    list-style: none;
    margin: 0;
}

ul.head-links li {
    float: none;
    display: inline-block;
    vertical-align: top;width: auto;
}

.head-link {
    float: left;
}

span#header-date {
    color: #fff;
    cursor: default;
}

a.head-link {
    float: left;
    display: block;
    color: #333;
		margin:0px;
		font-size:1.2em;
}

.head-links .fontsize {
    margin-right: 0px;
		font-size:0.86em;
    color: #333;
		display:inline-block

}

.head-links .fontsize .fontsize-links{
		display: inline-block;
		margin-top:-5px;
}
.head-links .fontsize .fontsize-links a{color: #333;}

#header-row .row .row
{
		margin: 0px 10px;
}

/*
------------------------------------------------------------------
--> Site Search
------------------------------------------------------------------*/
.search-row{
		margin-top: 5px;
}

/* --> Search Input ----------------------------------------------*/

input#site-search {
		font-style:italic;
    margin: 0;
    padding: 0 0 0 8px;
    font-size: 1.3em;
    border: 0px solid #FEA900;
    border-bottom: 3px solid #FEA900;
    margin-bottom: 15px;
    outline: none;
    height: 30px;
		-moz-opacity: 0.80;
		-khtml-opacity: 0.80;
		opacity: 0.80;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
}

input#site-search:hover {
    border-color: #5aabed;
}

input#site-search:focus {
    box-shadow: 0 0 16px #92d3ff;
    -moz-box-shadow: 0 0 16px #92d3ff;
    -webkit-box-shadow: 0 0 16px #92d3ff;
}


/* --> Search Button ---------------------------------------------*/

a#site-search-btn {
    font-weight: normal;
    font-size: 0em;
    line-height: 17px;
    height: 30px;
    border: 0px solid #666;
    background:url(/img/00/search.png) no-repeat center center transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
}

a#site-search-btn:hover {
    text-decoration: none;
    background:url(/img/00/search.png) no-repeat center center #0B6EBF;
}

:-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: #333;
    min-height: 40px;
}

/* 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-root > a{
				font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;		}

nav.main-nav ul li.nav-item a {
   /* font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-size: 1em;
    font-weight: 100;
    text-transform: uppercase;
    white-space: normal;
    background: none;
		line-height:1em;
		padding:1em;

    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: 'Lato', '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: 'Lato', '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;
}




/*
------------------------------------------------------------------
--> Main Navigation Menus
------------------------------------------------------------------*/

/* Dropdown Menu Item Link */
nav.main-nav .dropdown li.nav-item a {
    /*font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    text-transform: none;
    font-size: 0.55em;
    line-height: 18px;
    background: none;
    padding: 10px 15px;
    border-bottom: 1px solid #444;
}

nav.main-nav .dropdown li.nav-item a:hover {
	color: #007acc;
    background: #aaa;
    background: rgba(200, 200, 220, 0.9);
    padding-left: 15px;
}


/* --> 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
------------------------------------------------------------------*/
#sidenav-col{
		padding:0;
		margin-bottom:20px;
}

.side-nav-wrap .body{
		padding:10px 5px;
		background-color: #002d59;
		background-color:rgba(0, 70, 140, 0.9);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
/* --> Side Navigation Heading -----------------------------------*/

.page-nav-heading {
		border-bottom:2px solid #FEA900;
		color:#FEA900;
    cursor: default;
		font-size:2em;
		font-weight:100;
    margin-bottom: 5px;
    margin-top:0px;
		text-transform:uppercase;

}


/* --> Side Navigation List -------------------------------------

nav#side-nav ul.side-nav-list {
    margin-bottom: 30px;
    border: 1px solid #ccc;
}--*/


/* --> Side Navigation Item ---------------------------------------*/

nav#side-nav .sf-vertical,
nav#side-nav .sf-vertical li {
    width: 100%;
}

nav#side-nav .sf-menu li {
    background:transparent;
}


/* --> Side Navigation Item Link ----------------------------------*/

nav#side-nav .sf-menu a {
    color: #ebebeb;
    border: 0;
    line-height: 15px;
    border-bottom: 0px solid #ccc;

    transition: background-color .6s ease-out; 
    -o-transition: background-color .6s ease-out; 
    -moz-transition: background-color .6s ease-out; 
    -webkit-transition: background-color .6s ease-out;
}

nav#side-nav .sf-menu a:hover {
    background: #001c48;
}

/* 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;
}

/* 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;
}

.side-nav-flyout{
		background-color: #002d59;
		background-color: rgba(0,45,90,0.95);
}




/*
------------------------------------------------------------------
--> BreadCrumbs / System Buttons
------------------------------------------------------------------*/

/* --> Breadcrumbs ----------------------------------------------*/

/* Breadcrumb Span */
section#bcrumbs {
    width: 100%;
    padding:0px 10px !important;
}

/* Breadcrumb List */
ul.bcrumb-list {
    float: left;
    list-style: none;
    margin: 25px 0;
}

/* Breadcrumb Item */
		ul.bcrumb-list li{
				float: left;
				margin-right: 5px;
				font-weight: 100;
				font-size: 1.2em;
		}

		ul.bcrumb-list li a{
				float: left;
				margin-right: 0px;
				font-weight: 100;
				font-size: 1em;
		}

/* Breadcrumb Home Item */
ul.bcrumb-list li.home {
}

/* Breadcrumb Item Arrow & Current Item */
ul.bcrumb-list li.arr,
ul.bcrumb-list li.current {
    font-size: 1.2em;
    cursor: default;
	/*font-family:'museo_sans', 'Lato', Helvetica, Arial, sans-serif; */
    font-family:'Lato', Helvetica, Arial, sans-serif; 
}

.addthis_button_compact > img{
		float: right;
		margin-top:5px;
}
/* --> 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.6em;
    margin-bottom: 0;
    text-align: left;
}

/* System Button Styles */
.button.system-button {
    width: 100%;
    color: #333;
    background-color: #eee;
    border-color: #666;
    padding: 10px 10px;
    box-shadow: none;

    transition: background-color .6s ease-out, box-shadow .6s ease-out;
    -o-transition: background-color .6s ease-out, box-shadow .6s ease-out; 
    -moz-transition: background-color .6s ease-out, box-shadow .6s ease-out; 
    -webkit-transition: background-color .6s ease-out, box-shadow .6s ease-out;
}

.button.system-button:hover,
.button.system-button.hover {
    background-color: #fff !important;
    box-shadow: 0 0 8px #666;
}

/* System Button Dropdown Menu */
ul.system-menu {
    list-style: none;
    display: none;
    position: absolute;
    width: inherit;
    background-color: #fff;
    margin: 0;
    padding: 5px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: 0 4px 6px #666;
    z-index: 90;
}

/* 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: #0f8cf2;
    text-decoration: none;
    border-color: #ddd;
    border-radius: 6px;
}

/* Email */
#btn-email {
    background: #eee url('/img/00/icons/icon-email.png') no-repeat 5px 3px;
    padding-left: 40px;
}

/* Edit */
#btn-edit {
    background: #eee url('/img/00/icons/icon-edit.png') no-repeat 5px 4px;
    padding-left: 40px;
}

/* Print */
#btn-print {
    background: #eee 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
------------------------------------------------------------------*/
#InTheRightPlace{
	display:block;
	width:100%;
	background-color:rgba(0,70,140,0.9);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	border:1px solid #FEA900;
	padding: 10px 5px;
	text-align:center;
	margin:0 0 1em;
	border-radius:5px;
	color:#fff;
	line-height:1.2;
}#InTheRightPlace a{
	font-size:inherit;
	color:#FEA900;
	text-decoration:underline;
 }
#page-body {
	width: 100%;
	position: relative;

}

/* All secondary pages have their content wrapped in a row
   with either of these classes. */
.content-row{
    padding-top: 0px;
}

#page-body > .widget-layout-row
{
    padding-top: 0px;
}


/*
------------------------------------------------------------------
--> HTML Content
------------------------------------------------------------------*/

/* --> Page Title ----------------------------------------------*/


.pgtitle{
		background-image:none !important;
		background-color: #002d59;
		background-color: rgba(0, 70, 140, 0.9);
		padding:0 !important;
		width:100%;
		float:left;
}
h1.content-title {
		background:url(/img/00/titlebar.png) no-repeat center right transparent;
    font-size: 5em;
    margin-top: 0;
    margin-bottom: 0px;
    border-bottom: 7px solid #FEA900;
    cursor: default;
		color:#FEA900;
		padding:0 0 0 10px;
		font-weight:100;
}


.pgtitle h1.fire{
		background:url(/img/00/branded/fire-Logo.png) no-repeat center right transparent;
}

.cvCalendar3 {
  border-top: 1px solid #FEA900;
  padding: 10px 0 !important;
}

.cvCalendar3 #left{
  padding-right: 0px;
}

section#page-content > div, 
section#bcrumbs  {
		background-image:url(/img/00/page_content.png);
		background-repeat:repeat-y;
		background-size:contain;
		padding:0 15px 0;
		margin:0;
		float:left;
		width:100%;
}

section#page-content > iframe{
  background-image: url("/img/00/page_content.png");
  background-repeat: repeat-y;
  background-size: contain;
  margin: 0;
  padding: 0 15px;
	float:left;
}
/* --> Page Content ----------------------------------------------*/

section#page-content {
    margin-bottom:0px;
    background-color: transparent;
    padding:0px;

		/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);*/
}


section#page-content:after{
		background:url(/img/00/page_bottom.png) no-repeat top center transparent;
		background-size:cover;
		width:100%;
		display:block;
		height:30px;
		content: "";
		float:left;
}



/*
------------------------------------------------------------------
--> Homepage Contents
------------------------------------------------------------------*/

#home-top > .columns{
		padding: 0px;
}

#home-top > .large-4{
		padding:10px 15px;
		background-color: #002d59;
		background-color:rgba(0, 70, 140, 0.9);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		margin-bottom:10px;
}

/* --> Home Slideshow --------------------------------------------*/

/* Background area color */
#home-slideshow-span {
    background: #999 url('/img/00/noise/light.png') repeat;
    border-bottom: 1px solid #777;
}


/* --> Home Media Buttons ----------------------------------------*/

/* Container that holds all the buttons */
#dynamic-home-btns .mm-buttongen-cont {
    margin-top: 30px;
}

/* Wrapper for individual media buttons */
#dynamic-home-btns .mm-button-wrap {
    margin-top: 20px;
    margin-bottom: 30px;
}

/* Button link wrapper */
#dynamic-home-btns a.mm-button-link {
    width: 100%;
    float: left;
    display: block;
    padding-bottom: 10px;
}

#dynamic-home-btns a.mm-button-link:hover {
    text-decoration: none;
    color: #dd0000;
}

/* Button icon */
#dynamic-home-btns a.mm-button-link img.mm-button-img {
    float: left;
    width: 50px;

    transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -webkit-transition: width .3s ease-in-out;
}

/* Button text */
#dynamic-home-btns a.mm-button-link .mm-button-txt {
    float: left;
    width: 70%;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.7em;
    text-transform: uppercase;
    margin-left: 15px;
    margin-top: 8px;
    text-shadow: 0 1px 0 #fff;

    transition: font-size .3s ease-in-out, margin .3s ease-in-out;
    -o-transition: font-size .3s ease-in-out, margin .3s ease-in-out;
    -moz-transition: font-size .3s ease-in-out, margin .3s ease-in-out;
    -webkit-transition: font-size .3s ease-in-out, margin .3s ease-in-out;
}

/* Sub text on buttons */
#dynamic-home-btns .mm-button-subtxt {
    float: right;
    font-size: 1.3em;
    text-shadow: 0 1px 0 #fff;
}

/* Bottom horizontal border (only visible on mobile) */
#dynamic-home-btns hr.home-btn-sep {
    border-color: #999;
}


/* --> Most Popular ----------------------------------------------*/

/* Most Popular list */
#hp-popular h2{
		text-align: center;
}

#hp-popular.size0 ul{
		text-align:center;}
#hp-popular.size0 ul li{
		text-align:center;
		line-height:2.435em;    
		float: none;
		padding-bottom: 3px;
}#hp-popular.size1 ul li{
		text-align:center;
		text-transform:uppercase;
		padding-bottom: 6px;
}#hp-popular.size2 ul li{
		text-align:center;
		line-height:1.645em;
}
#hp-popular #popular-link-holder ul.az-top-links{margin:0;}
#hp-popular a{
	color: #ebebeb;
	display: block;
	font-size: 1.2em;
    line-height: 1.8;
	/*height: 30px;*/
}


/* --> Homepage Blocks -------------------------------------------*/

/* Block container */
.home-block {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0px 3px 8px #ccc;
    border: 1px solid #ccc;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Block heading */
.home-block h2.block-head {
    margin-top: 0;
    background-color: #0B6EBF;
    padding: 10px 10px 5px 15px;
    color: #fff;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 3.0em;
    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: #08518C;
}

/* Block heading - alternate color 2 */
.home-block h2.block-head.alt-color2 {
    background-color: #0f8cf2;
}

/* 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;
}


#home-mid .tabs > div{
		padding: 0px;
		border-bottom:6px solid #707070;
		background-color: #002d59;
		background-color:rgba(0,45,90,0.7);
		text-align:center;
		color:#8191a0;
		}


		#home-mid .tabs > div#visitors{
				float:left;
		}
#home-mid .tabs > div a{
		color:#8191a0;
		font-weight:100;
		text-transform:uppercase;
		}


#home-mid .tabs > div.active{
		padding: 0px;
		border-bottom:6px solid #FEA900;
		background-color: #002d59;
		background-color:rgba(0,70,140,0.9);
		color:#FEA900;
		}
#home-mid .tabs > div.active a{
		color:#FEA900;
		}
#home-mid .tabs > div h2{
				line-height: 1em;
				margin: 15px 0px;
		}

.tray {
		padding:0px;
}
.tray .bx-wrapper {
		border:1px solid #FEA900;
		background-color: #002d59;
		background-color:rgba(0,70,140,0.9);
    height: 100%;
		padding:0px;
		width: 100%;
		width: calc(100% - 1px);
}
#icon-tray {
    height: 115px;
		padding:0px;
}
#icon-tray.size0 {
    height: 110px;
		padding:0px;
}
#icon-tray.size1 {
    height: 120px;
		padding:0px;
}
#icon-tray.size2 {
    height: 125px;
		padding:0px;
}
#icon-tray > .columns{
		padding:0px;
}
#icon-tray .active {
    display: block;
    height: 100%;
}
#icon-tray #carousel a {
    display: block;
    height: 115px;
    line-height: 0.9em;
    text-align: center;
    white-space: normal;
    width: 100%;
		padding-top:5px;
		color:#fea900;
		font-weight:normal;
}
#icon-tray #carousel a span {
    font-size: 0.65em;
    line-height: 0em;
}
#icon-tray ul li a img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
#icon-tray .tray-resources {
    bottom: 2px;
    color: #ffffff !important;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    position: absolute;
    right: 2em;
}
.bx-wrapper {
    margin: 0 auto 60px;
    padding: 0;
    position: relative;
}
.bx-wrapper img {
    display: block;
    max-width: 100%;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -30px;
    position: absolute;
    width: 100%;
}
.bx-wrapper .bx-loading {
    background: url("/img/00/bx_loader.gif") no-repeat scroll center center #fff;
    height: 100%;
    left: 0;
    min-height: 50px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.bx-wrapper .bx-pager {
    color: #666;
    display: none;
    font-family: Arial;
    font-size: 0.85em;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: none repeat scroll 0 0 #666;
    border-radius: 5px;
    display: block;
    height: 10px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #000;
}
.bx-wrapper .bx-prev {
    background: url("/img/00/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
    left: 10px;
}
.bx-wrapper .bx-next {
    background: url("/img/00/controls.png") no-repeat scroll -43px -32px rgba(0, 0, 0, 0);
    right: 10px;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    height: 32px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 10;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    background: url("/img/00/controls.png") no-repeat scroll -86px -11px rgba(0, 0, 0, 0);
    display: block;
    height: 11px;
    margin: 0 3px;
    outline: 0 none;
    text-indent: -9999px;
    width: 10px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    background: url("/img/00/controls.png") no-repeat scroll -86px -44px rgba(0, 0, 0, 0);
    display: block;
    height: 11px;
    margin: 0 3px;
    outline: 0 none;
    text-indent: -9999px;
    width: 9px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
.bx-wrapper .bx-caption {
    background: none repeat scroll 0 0 rgba(80, 80, 80, 0.75);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.bx-wrapper .bx-caption span {
    color: #fff;
    display: block;
    font-family: Arial;
    font-size: 0.85em;
    padding: 10px;
}


div#home-bot{		margin-top: 20px;}
div#home-bot:after {
  background: url("/img/00/hp-bot.png") no-repeat scroll center top / cover  transparent;
  content: "";
  display: block;
  height: 40px;
  width: 100%;
}

div#home-bot h2{
		background-color: rgba(0, 70, 140, 0.9);
		border-bottom: 2px solid #FEA900;
		color: #FEA900;
		padding: 0 0 0 10px;
		margin:0;
		font-size: 2em;
}
		div#home-bot h2 a		{
				color: #FEA900;
				font-weight: 100;
				text-transform: uppercase;
		}
div#home-bot .columns{
		padding: 0;
}
div#home-bot article.news-article .article-head {
  font-size: 1em;
  margin: 0 0 3px;
}
		div#home-bot article.news-article a.read-more
		{
				font-weight: normal;
				font-style: italic;
				padding:10px 0;    font-size: 1.2em;
		}

div#home-bot .news-wrapper .featured{
		background: #00468c;
		background:rgba(0,70,140,1);
		float:left;
		padding:0px;
		color:#fff
}
		div#home-bot .news-wrapper .featured .news-info-cont{
				padding: 10px 15px;
		}
		div#home-bot .news-info-cont .news-summary{
				margin:0;
				font-weight:normal;
				font-size:1.15em;
				letter-spacing:0.025em;
				color: #383838;
		} 

		div#home-bot .news-wrapper .featured a{
				color:#fff;
		}
		div#home-bot .news-wrapper .featured img.news-img{
				margin: 0;
				border: none;
		}

div#home-bot .news-wrap{
		float:left;
		padding:15px 25px 0 20px;
}
		div#home-bot .news-wrap div,
		div#home-bot .news-wrap a{
				color: #08518C;
		}
		
div#home-bot .news-wrapper, div#home-bot .cal-wrapper {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  float: left;
  width: 100%;
  height: 100%;
  display: block;
}

		div#home-bot .cal-wrapper{
				padding: 15px 15px 0;
		}
/* --> Events List -----------------------------------------------*/

#home-bot .section-bot{
		background: #fff;
		background: rgba(255,255,255,0.9);
}

		#home-bot .section-bot .button{
				float: right;
				margin-right:20px;
		}
div#home-bot .ev-wrap .columns{
		padding: 0px 10px;
}
.ev-wrap .calday {
    border: 1px solid #00468c;
    display: block;
    padding: 0 !important;
}
.ev-wrap .calday span {
    clear: both;
    color: #293640;
    display: block;
    float: left;
    font-size: 1.2em;
    line-height: 1.2em;
    text-align: center;
    text-transform: lowercase;
    width: 100%;
}
.ev-wrap .calday span.month {
    background: none repeat scroll 0 0 #00468c;
    color: #fff;
    line-height: 1.7em;
    text-transform: uppercase;
}
.ev-wrap .calday span.day {
    font-size: 1.6em;
    line-height: 1.5em;
    padding: 1%;
}
.ev-wrap .calbody span {
  clear: both;
  display: block;
  float: left;
  font-size: 1.05em;
  font-weight: normal;
  letter-spacing: 0.025em;
}

.ev-wrap .calbody .caltime {
    font-size: 1em;
}
.ev-wrap .calbody .caltitle {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 5px;
}
.ev-row {
    margin: 0 0 15px !important;
    padding: 0 0 10px;
}
#aj-calwrapper {
    margin-bottom: 30px;
}
#aj-calwrapper #month {
  color: #FEA900;
  font-size: 1.4em;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#aj-calwrapper #month a {
  color: #FEA900;
  font-size: 1.4em;
  font-weight: normal;
}
#aj-calwrapper #month a:hover {
    text-decoration: none;
}
#smlCal002_Head {
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}
.chooser-date {
    margin: 0 10px;
}
#smlCal002_Head .short, 
#smlCal002_Head .long {
    display: none;
}#smlCal002_Head td {
  width: 14%;
}
.smlCal002_Table td {
    padding:0.8em 0;
    text-align: center;
		width:14%;
}
.smlCal002_Table .CurrentDay {
    background:#ffebdc;
		background:rgba(255,235,220,0.5);
		border:1px solid #FEA900;
}
.smlCal002_Table .CurrentDay a {
    color: #FEA900;
}
.smlCal002_Table .Day {
		border:1px solid #333;
}
.smlCal002_Table td a {
    color: #333333;
}
#hp-grid {
    display: none;
    position: relative;
    width: 97%;
}
#hp-list {
    display: none;
    position: relative;
    width: 100%;
}
#hp-cal .active {
    display: block;
}
#hp-cal .toggler {
    clear: both;
    display: block;
    position: absolute;
    right: 1%;
    top: 1em;
    width: 70px;
}
#hp-cal .toggler span {
    background-color: transparent;
    background-image: url("/img/00/cal_toggle.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 0;
    height: 30px;
    width: 30px;
}
#hp-cal .toggler .list.active {
    background-position: left bottom;
}
#hp-cal .toggler .grid {
    background-position: right top;
}
#hp-cal .toggler .grid.active {
    background-position: right bottom;
}
/*
------------------------------------------------------------------
--> Secondary Pages
------------------------------------------------------------------*/

/* --> Side Buttons ----------------------------------------------*/

/* Side Button Wrapper */
#dynamic-side-btns .mm-buttongen-cont {
    float: left;
    width: 100%;
		margin:15px 0 0 0;

		padding:10px 5px;
		background-color: #002d59;
		background-color:rgba(0, 70, 140, 0.9);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}


/* Side Button Link Wrapper */
#dynamic-side-btns a.mm-button-link {
    display: block;
    width: 100%;
		position:relative;
    font-size: 1.45em;
		font-weight:normal;
    margin-bottom: 15px;
    border: 1px solid #FEA900;
		background-size: 100% 80px !important;
		height:80px;
		color:#fff;
}
#dynamic-side-btns a.mm-button-link .mm-button-txt-wrap{
				position: absolute;
				bottom: 7px;
}
#dynamic-side-btns a.mm-button-link .mm-button-txt-wrap span {
		padding:5px 10px;
		background-color: #0c0c0c;
		background-color:rgba(0,0,0,0.8);							
}




/* Side Button Wrapper */
#dynamic-side-solid .mm-buttongen-cont {
    float: left;
    width: 100%;
	margin:15px 0 0 0;

	padding:10px;
	background-color: #002d59;
	background-color:rgba(0, 70, 140, 0.9);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}


/* Side Button Link Wrapper */
#dynamic-side-solid a.mm-button-link {
	display: block;
	width: 100%;
	position:relative;
	font-size: 1.45em;
	font-weight:100;
	margin-bottom: 15px;
	border: 1px solid #FEA900;
	border-bottom:5px solid #FEA900;
	color:#fff;

	background-color: #002d59;
	background-color:rgba(0, 70, 140, 0.9);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

#dynamic-side-solid a.mm-button-link:hover {
    border:1px solid #a6753d;
		border-bottom:5px solid #a6753d;
		color:#a6753d;
		
		background-color: #002d59;
		background-color:rgba(0,65,115,1);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
#dynamic-side-solid .mm-button-wrap:last-child a.mm-button-link {
    margin-bottom: 0;
}

#dynamic-side-solid a.mm-button-link .mm-button-txt-wrap {
		height: 100%;
		line-height: 1.5em;
		padding: 1em 0;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
}
#dynamic-side-solid a.mm-button-link .mm-button-txt-wrap span {
display: block;
font-size: 1.3em;
height: 100%;
padding: 5px 10px;
position: relative;
width: 100%;
}


/*
------------------------------------------------------------------
--> Page Footer
------------------------------------------------------------------*/

/* --> Footer Base -----------------------------------------------*/

footer#page-footer {
    color: #fff;
    margin-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
		position:relative;

		background: #00468c; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDY4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNjNjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #00468c 0%, #003c69 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00468c), color-stop(100%,#003c69)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #00468c 0%,#003c69 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #00468c 0%,#003c69 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #00468c 0%,#003c69 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #00468c 0%,#003c69 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00468c', endColorstr='#003c69',GradientType=0 ); /* IE6-8 */

}


footer#page-footer > .row{
		background:url('/img/00/MLK_footer.png') no-repeat top left transparent;
}

/* --> Footer Navigation -----------------------------------------*/
/* Navigation list item */
.foot-nav ul li { line-height:1.3em; }

/* Navigation list item link */
.foot-nav ul li a {
    /* color:  #80a2c3;*/
    color:  #fff;
    font-size: 1.1em;
		text-transform:uppercase;
}

footer#page-footer #footer-logo{
		padding-top:20px;
		text-align:center;
}

footer#page-footer #PageContacts{
		font-size:1em;
		color:#b3c5d5;
		font-weight:normal;
		text-align:center;
}


		footer#page-footer #PageContacts .title
		{
				display: none;
		}

/* --> Google Translate ----------------------------------------

#google_translate_element {
    width: 100%;
    max-width: 300px; 
    margin-bottom: 20px;
}

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; }--*/

footer #social_media{
		border: 1px solid #fff;
		width: 100%;
		float: left;
		color:#fff;
		font-size:0.75em;
		text-align:center;
		padding:5px 0px;
		margin-top:50px;
	 -webkit-transition: all 1s ease 0s;
	 -moz-transition: all 1s ease 0s;
	 transition: all 1s ease 0s;
}

		footer #social_media h3
		{
				color: #fff;
				margin:0px 0 5px 0;
				font-size:1.8em;
		}

footer #social_media:hover{
	border: 1px solid #fff;
	width: 100%;
	float: left;
	color:#fff;
	font-size:0.75em;
	text-align:center;
	padding:5px 0px;
	margin-top:50px;
	text-decoration:none;
	
	background:rgba(0,0,0,0.3);
	box-shadow: 0  0  15px rgba(0,0,100,0.3);
}
footer #social_media:hover h3{text-decoration:none;}

footer #social_media .mm-buttongen-cont .mm-button-wrap {
  display: inline-block;
  margin: 0 10px;
  width:20px;
}

.dyn_foot_icons{
		float:left;
		margin-top: 25px;
}
.dyn_foot_icons .mm-buttongen-cont .mm-button-wrap{		text-align:center; padding:5px;}
.dyn_foot_icons .mm-buttongen-cont .mm-button-wrap a.mm-button-link{		color:#fff; font-size:0.6em;}


/* --> Divider (Mobile only)--------------------------------------*/

hr.footer-divider {
    border-color: #0099ff;
    box-shadow: 0 1px 4px #000;
}


/* --> Powered by Civica -----------------------------------------*/
.civica-brand{
		text-align: right;
}
/* 'Powered by' text */
span.powered-by-civica {
  color: #fff;
  display: inline-block;
  font-size: 0.9em;
  position: relative;
  top: -8px;
}

/* Civica logo */
#civica-foot-logo { display: inline; }
#civica-foot-logo > img {
  height: 30px;
  position: relative;
  top: 3px;
}

/* --> Copyright -------------------------------------------------*/

/* Copyright span background */
#copyright-span { background-color: #222; }

/* Copyright text */
#copyright-span p.copyright {
    text-align: center;
    color: #eee;
    margin: 10px 0;
}



/*
------------------------------------------------------------------
--> Map Alerts
------------------------------------------------------------------*/

/* Alert Box */

#alert_block {
    background: #e2f3ff;
    border: 1px solid #8fb2c9;
    padding: 10px;
    margin-bottom: 20px;
}

#alert_block #status_headline {
    font-family: 'Abadi', sans-serif;
    font-size: 3.4em;
    margin-bottom: 10px;
}

#alert_block #status_description {
    margin: 0;
}


/* Alert Aggregate Page */

.date_formatted {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.Status .entry-name {
    font-family: 'lato', sans-serif;
    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: auto; 
    width: auto; 
    margin: 0 auto; 
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

#custom_slideshow{
    padding: 29px 0 35px 0;

}
/* 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%;  
		position:relative;
		z-index:1;
}

                                                                                                   
#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  p {margin:0;}       
#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;
}
	

#cal3hi-bucket h1, #cal3hi-ShowEventsPicker h1 {
  display: none;
  float: left;
  font-size: 2.8em;
}
#cal3hi-ShowEventsPicker ul {
  display: inline;
  float: left;
  margin: 10px 10px 0;
  padding-left: 0;
}

/* 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: 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*/
	
}
