@media print
{
  div:not(.reveal-modal) {
    display: inherit !important;
  }
 /*div {border:1px solid #ff0000;}*/
  #header-logo img{
  }
  #header-logo:after{
  content:"City of San Leandro, CA";
  display:block;
  float:left;
  width:100%;
  font-size:20px;
  color:#002b4e;
  }
  #charm-bar,
  #top-nav,
  #charm-toggle,
  #alert,
  #titlebg,
  a[href]:after{
      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,
  #dynamic-footer-nav,
  #pageTitle,
  #google_translate_element,
  #social-media,
  #home-mostpop > div
  {
    display:none !important;
  }
	footer#page-footer,
  footer#page-footer > .row{border:0px solid #fff !important;padding:0px;}
  .powered-by-civica:after{content:"Civica Software";
  display:block;
  float:left;
  width:100%;
  font-size:15px;
  color:#002b4e;
  }
  /*a#civica-foot-logo img {display:none;} */
  #page-footer, #page-body, #header-logo, .pagecontacts-extra{
    display:block !important; float:left  !important; clear:both  !important; position:relative  !important;width:100% !important;
  }

  * > p,
  * > a,
  * > span{font-size:12px !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*/margin-top:-1px;}
#fontsize2{font-size:1.3em; /*=13px*/margin-top:-3px;}



/*------------.size0 */
.size0{
font-size:1.2em;
}
#side-nav.size0 .sf-menu a{
  font-size:1.1em;
}



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

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

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

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

#page-body .row {
margin: 0 auto;
}

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

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

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

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

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

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

.row .row {
    margin: 0;
}
.button,
.button:visited {
  border-color: #094d8c;
  border-style: solid;
  border-width: 1px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.25em;
  padding: 0.75em 1.5em 0.8125em;
  position: relative;
  text-align: center;
  text-decoration: none;

		background: rgb(9,77,140); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(9,77,140,1) 1%, rgba(4,36,66,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(9,77,140,1)), color-stop(100%,rgba(4,36,66,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(9,77,140,1) 1%,rgba(4,36,66,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(9,77,140,1) 1%,rgba(4,36,66,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(9,77,140,1) 1%,rgba(4,36,66,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(9,77,140,1) 1%,rgba(4,36,66,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#094d8c', endColorstr='#042442',GradientType=0 ); /* IE6-9 */

}

		.button.secondary{
				color:#f2f2f2;
		}
#page-content table {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0px solid #ece4cf;
    margin: 0 0 10px 0;
}
#page-content > table{
    width: 100%;
}
		#page-content table tr		{
				background:transparent;
		}
#page-content table tr th {
    background: none repeat scroll 0 0 #2f5e70;
    color: #fff;
    font-size: inherit;
    text-align: left;
}
#page-content table tr td {
    font-size: inherit;
}
#page-content table tr.even, #page-content table tr.alt,#page-content  table tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#page-content table tr.even, #page-content table tr.alt, #page-content table tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 #f6f3e2;
}

/*Table no style*/
#page-content table.no-style tr th {
    background: none repeat scroll 0 0 #FFF;
    color: inherit;
}
#page-content table.no-style tr.even, #page-content table.no-style tr.alt, #page-content table.no-style tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 transparent;
}
table.no-style{
		border:0px solid transparent;

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



}

#page-wrap{
		border-top:5px solid #84adb8;

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

		#page-wrap:before{
		content:"";
		height:1px;
		width:100%;
		display:block;
		position:absolute;
		top:5px;
		z-index:10000;


		background: -moz-linear-gradient(left,  rgba(216,235,242,0) 0%, rgba(216,235,242,1) 50%, rgba(216,235,242,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(216,235,242,0)), color-stop(50%,rgba(216,235,242,1)), color-stop(100%,rgba(216,235,242,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(216,235,242,0) 0%,rgba(216,235,242,1) 50%,rgba(216,235,242,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(216,235,242,0) 0%,rgba(216,235,242,1) 50%,rgba(216,235,242,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(216,235,242,0) 0%,rgba(216,235,242,1) 50%,rgba(216,235,242,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(216,235,242,0) 0%,rgba(216,235,242,1) 50%,rgba(216,235,242,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00002b4e', endColorstr='#00002b4e',GradientType=1 ); /* IE6-9 */

		}
/* Set default font-size to 14px */
p, a, span, .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: #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, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: normal;
}

h1, .h1 {
    font-family: Constantia,Times,serif;
    font-size: 2.2em;
		color: #2f5e70;
}

h2, .h2 {
    font-family: Constantia,Times,serif;
    font-size: 1.8em;
		color: #2f5e70;
    font-weight: normal;
}

h3, .h3 {
    font-family: Constantia,Times,serif;
    font-size: 1.6em;
    font-weight: normal;
}

h4, .h4 {
  font-size: 1.3em;
    font-weight: normal;
}

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

h6, .h6 {
    font-size: 1em;
    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;
}



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

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

header#page-header {
    width: 100%;

}

#header-row{
background: -moz-radial-gradient(top center, circle 30%,  rgba(162,202,213,0.75) 0%, rgba(216,235,242,0) 30%); /* FF3.6+ */
background: -webkit-gradient(radial, top center, 0px, top center, 30%, color-stop(0%,rgba(162,202,213,0.75)), color-stop(30%,rgba(216,235,242,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(top center, circle 30%,  rgba(162,202,213,0.75) 0%,rgba(216,235,242,0) 30%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(top center, circle 30%,  rgba(162,202,213,0.75) 0%,rgba(216,235,242,0) 30%); /* Opera 12+ */
background: -ms-radial-gradient(top center, circle 30%,  rgba(162,202,213,0.75) 0%,rgba(216,235,242,0) 30%); /* IE10+ */
background: radial-gradient(circle at top center,  rgba(162,202,213,0.75) 0%,rgba(216,235,242,0) 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2cad5', endColorstr='#00002b4e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#header-right .utils-wrap {
		width:100%;
		display:block;
		background:#002b4e;
		margin: 1px 0px 0;
		padding:5px 10px;
		float:right;

		-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}


		#header-right .utils-wrap a{
				font-size: 1.1em;
				color: #c3eefa;
		}

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

h1#header-logo {
    color: #fff;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0;
    letter-spacing: 1px;
    font-size: 6.0em;
    cursor: default;
		text-align:center;
}

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



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

ul.head-links {
    list-style: none;
    margin: 0;
}

ul.head-links li {
    float: left;
		width:20%;
		text-align:center;
}

		ul.head-links li.font-li{
				width:18%;
		}
		ul.head-links li.news-li{
				width:35%;
		}
		ul.head-links li.low-li{
				width:27%;
		}


.head-link {
/*    float: left;*/
}

span#header-date,
span.weather-cont {
		color: #c3eefa;
		display: inline-block;
		font-size: 1.3em;
		margin-top: 10px;
}
.date-temp {
  text-align: right;
}

a.head-link {
		display: inline-block;
		margin: 3px 0px 10px;
}

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



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

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

input#site-search {
    margin: 0;
    padding: 0 0 0 8px;
    font-size: 1.3em;
    border: 1px solid #5199d3;
    border-right: 0;
    margin:0 10px 15px 0;
    outline: none;
    height: 30px;
		background:#ECE8C5;
		width:95%;



		-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

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 !important;
    line-height: 17px;
    padding-top: 9px;
    border: 1px solid #5199d3;
    height: 30px;
		background:url('/img/00/search-glass.png') no-repeat center center #8EBFCC;
		width:95%;



		-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

a#site-search-btn:hover {
    text-decoration: none;
		background:url('/img/00/search-glass.png') no-repeat center center #afdFff;
}

:-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: #2d2d30;
    border-top: 1px solid #444;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px -3px 16px #002e4d;
    min-height: 47px;*/
}
.top-bar-section ul{
		background: none repeat scroll 0 0 #f2e6c2;
}

.top-bar-section .divider {
    border-bottom: 1px solid #f4f8e4;
    border-top: 1px solid #d0c4a0;
    clear: both;
    height: 1px;
    width: 100%;
}
.top-bar-section .dropdown li.title h5 a{
		color:#B0A2A0;
}
.top-bar .title-area {
    background: none repeat scroll 0 0 #00192d;
}
.top-bar.expanded .title-area {
    background: none repeat scroll 0 0 #00081c;
}
section#top-nav #dynamic-top-nav:before{
		content:"";
		height:10px;
		width:100%;
		display:block;
		position:relative;
		top:0px;
		z-index:2;

		background: -moz-linear-gradient(left,  rgba(0,22,40,0) 0%, rgba(0,22,40,0.65) 50%, rgba(0,22,40,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,22,40,0)), color-stop(50%,rgba(0,22,40,0.65)), color-stop(100%,rgba(0,22,40,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(0,22,40,0) 0%,rgba(0,22,40,0.65) 50%,rgba(0,22,40,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(0,22,40,0) 0%,rgba(0,22,40,0.65) 50%,rgba(0,22,40,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(0,22,40,0) 0%,rgba(0,22,40,0.65) 50%,rgba(0,22,40,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(0,22,40,0) 0%,rgba(0,22,40,0.65) 50%,rgba(0,22,40,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00001628', endColorstr='#00001628',GradientType=1 ); /* IE6-9 */

		}

/* 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:Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    white-space: normal;
    background: none;
		color:#00192D;
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);

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

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

.top-bar-section .has-dropdown > a:after {
    content: "";
    display: none;
    width: 0;
    height: 0;
    border: solid 0px;
    border-color: transparent;
    margin-right: 15px;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0;
}

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




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

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

nav.main-nav .dropdown li.nav-item a:hover {
    background: #dcc8ad;
    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;
}

#page-wrap #titlebg-wrap{
    margin-bottom: -15px;
		position:relative;
}
#page-wrap #titlebg-wrap .pgtitle{
		position:absolute;
		bottom:7%;
		left:15px;
		z-index:15;
		width:85%;
		height: 60px;


		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;

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

}


		#page-wrap #titlebg-wrap .pgtitle h1.content-title {
    font-size: 1.8em;
    padding: 10px 13px 10px 13px;
    margin: 0;
    cursor: default;
		color:#fff;
		font-family: Georgia,Times,serif;
    text-shadow: 0 2px 0 rgba(1, 10, 49, 0.85);
		line-height: 1.2em;

		position:absolute;
		top:2px;
		left:2px;
		z-index:16;
		width:100%;
		height: 56px;


		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;

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


		}
#page-wrap #titlebg .picture {
    display: block;
    width: 100%;
    max-height: 200px;
    /*height: 200px;*/
		/*background-repeat:no-repeat;*/
		/*background-position:top center;*/
		/*background-size: cover;*/
		margin-top:-15px;
		position:relative;
		z-index:5;
}

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

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

.page-nav-heading {
    cursor: default;
    margin: 10px 0;
    text-shadow: 0 1px 0 #EFEBCE;
		padding:5px 5px 0px 10px;
		font-family:Georgia, serif;
		color:#004869;
		border: 1px solid #B2B197;
		border-bottom: 0px solid #B2B197;
		position:relative;
		font-size:2em;

		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;


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

}
.page-nav-heading:after,
#home-eventslist .smlCal002_wrap:after{
				position:absolute;
				bottom:-1px;
				height:1px;
				content:"";
				display:block;
				width:100%;

				background: -moz-linear-gradient(left,  rgba(4,36,66,0) 0%, rgba(4,36,66,0) 5%, rgba(4,36,66,1) 40%, rgba(4,36,66,1) 60%, rgba(4,36,66,0) 95%, rgba(4,36,66,0) 99%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(4,36,66,0)), color-stop(5%,rgba(4,36,66,0)), color-stop(40%,rgba(4,36,66,1)), color-stop(60%,rgba(4,36,66,1)), color-stop(95%,rgba(4,36,66,0)), color-stop(99%,rgba(4,36,66,0))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(4,36,66,0) 0%,rgba(4,36,66,0) 5%,rgba(4,36,66,1) 40%,rgba(4,36,66,1) 60%,rgba(4,36,66,0) 95%,rgba(4,36,66,0) 99%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(4,36,66,0) 0%,rgba(4,36,66,0) 5%,rgba(4,36,66,1) 40%,rgba(4,36,66,1) 60%,rgba(4,36,66,0) 95%,rgba(4,36,66,0) 99%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(4,36,66,0) 0%,rgba(4,36,66,0) 5%,rgba(4,36,66,1) 40%,rgba(4,36,66,1) 60%,rgba(4,36,66,0) 95%,rgba(4,36,66,0) 99%); /* IE10+ */
				background: linear-gradient(to right,  rgba(4,36,66,0) 0%,rgba(4,36,66,0) 5%,rgba(4,36,66,1) 40%,rgba(4,36,66,1) 60%,rgba(4,36,66,0) 95%,rgba(4,36,66,0) 99%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00042442', endColorstr='#00042442',GradientType=1 ); /* IE6-9 */
		}


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

nav#side-nav ul.side-nav-list {
}


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

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

nav#side-nav .sf-menu li {
    background: transparent;
		margin-left: 5%;
    width: 90%;
}


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

nav#side-nav .sf-menu a {
    color: #004869;
    border: 0;
    line-height: 1.1em;
    border-bottom: 1px dotted #C0BA81;

    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: #e7e2b6;
		color:#5a0731;
}

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

/* Flyout Indicator (Arrow) */
nav#side-nav .sf-sub-indicator {
border-color: transparent transparent transparent #420042;
border-style: solid;
border-width: 5px 0 5px 5px;
content: "";
height: 0;
margin-top: -5px;
right: 5px;
top: 50%;
width: 0;
}



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

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

/* Breadcrumb Span */
section#bcrumbs {
    width: 100%;

}
		section#bcrumbs > .row{
				border:1px solid #5c879f;
				margin-top:10px;
				position:relative;
				z-index:10;

				-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
				-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.5);
				box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.5);

				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;

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

		}


/* 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;
    font-weight: normal;

		color: #cceff8;
    font-family: Arial,sans-serif;
    letter-spacing: 0.04em;
    text-shadow: 0 1px 0 rgba(0,0,0,0.75);
}

ul.bcrumb-list li a{
color: #a3d7e5;    font-size: 1.4em;
}
/* Breadcrumb Home Item */
ul.bcrumb-list li.home {
    padding-left: 0px;
}

/* 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;
		list-style: outside none none;
		margin: 2px 0 0;
		width: 100%;
}

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

/* 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 {
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
		color: #333;
		height:35px;
		width: 100%;

    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;
		top:35px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: 0 4px 6px #666;
    z-index: 500;
}

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

/* System Button Dropdown Menu Item Link */
ul.system-menu li a {
		font-size: 1.2em;
    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: transparent url('/img/00/icons/icon-email.png') no-repeat center center;
}

/* Edit */
#btn-edit {
    background: transparent url('/img/00/icons/icon-edit.png') no-repeat center center;
}

/* Print */
#btn-print {
    background: transparent url('/img/00/icons/icon-print.png') no-repeat center center;
}

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

ul.system-btns-list > li{
  border-right: 1px solid #5c879f;
  border-left: 1px solid #053153;
	text-align:center;
}
ul.system-btns-list > li:first-child {
  border-left: 0px solid #5c879f;
}
ul.system-btns-list > li:last-child {
  border-right: 0px solid #053153;
}
ul.system-btns-list li a.addthis_button_compact {
  text-align: center;
  width: 100%;
  padding-top: 3px;
	background:transparent;
}
/*
------------------------------------------------------------------
--> Page Body Section
------------------------------------------------------------------*/

#page-body {
	width: 100%;
}

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

		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;

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

}
.hp .content-row{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
}
#page-body > .widget-layout-row
{
    padding-top: 30px;
}


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

/* --> Page Title ----------------------------------------------*/
#page-content .pgtitle{
		display: none;
}
h1.content-title {/*
    font-size: 3.6em;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 30px;
    border-bottom: 2px solid #007acc;
    cursor: default;
*/
}


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

section#page-content {
    margin:10px 0px 20px 0px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #DFDBAD;
    box-shadow: 0 0 0 #ccc;
}

		.content-row:after{
				content:"";
				display:block;
				height:20px;
				width:100%;
				top:20px;
				background:url('/img/00/content_shadow.png') no-repeat transparent;
				background-size:100% auto;
				position:relative;


		}


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

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

/* Background area color */
#slideshow-home .orbit-container{
		margin:15px 0px;
		border: 3px solid #003a69;
		border-radius: 5px;
		display: block;
		height: 390px;
		/*font-family: Times New Roman,serif;
		font-size: 1.8em;
		font-variant: small-caps;

		letter-spacing: 0.08em;*/
		text-align: center;
		width: 100%;
		color:#ffffff;
		text-shadow: 0 1px 0 rgba(0,10,50,0.75);
		position:relative;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;

		-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.5);
}
#slideshow-home .orbit-container .orbit-slides-container > * .orbit-caption {
  background-color: rgba(0, 60, 105, 0.75);
  bottom: 0;
  color: #fff;
  font-size: 1.8em;
  padding: 15px;
  position: absolute;
  width: 100%;
}

#slideshow-home .orbit-container img{
		width:100%;
}
		#slideshow-home .orbit-container .orbit-caption h3{
				margin:0;
				font-size:1.2em;
				font-weight:bold;
		}
		#slideshow-home .orbit-container .orbit-caption p{
				margin:0px;
				font-size:0.9em;
		}
#slideshow-home .orbit-container .orbit-prev,
#slideshow-home .orbit-container .orbit-next {
  color: white;
  height: 30px;
  line-height: 50px;
  margin-top: -25px;
  position: absolute;
  text-indent: -9999px !important;
	background-image:url(/img/00/slide-arrow.png);
	background-color:transparent;
  bottom: 15px;
  width: 30px;
	top:auto;
}
#slideshow-home .orbit-container .orbit-prev > span,
#slideshow-home .orbit-container .orbit-prev:hover > span,
#slideshow-home .orbit-container .orbit-next > span,
#slideshow-home .orbit-container .orbit-next:hover > span  {
    border:0px solid transparent;
}

#slideshow-home .orbit-container .orbit-prev{
		background-position:0 0px;
		}
#slideshow-home .orbit-container .orbit-prev:hover {
     border:0px solid transparent;
		background-position:0 -30px;
}
#slideshow-home .orbit-container .orbit-next {
		background-position:-30px 0px;
    right: 0;
    margin-left: -8px;
}
#slideshow-home .orbit-container .orbit-next:hover {
      border:0px solid transparent;
		background-position:-30px -30px;
}


		#slideshow-home .orbit-bullets{
				display:none;
		}
/* --> Home Media Buttons ----------------------------------------*/
#dynamic-home-btns a.mm-button-link{
		height:120px !important;
}/* Container that holds all the buttons */

#dynamic-home-btns .mm-buttongen-cont {
    margin-top: 5px;
}

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

#dynamic-home-btns a.mm-button-link{
		font-size:0.8em !important;
}


/* -- Services ----------------------------------------------*/

#services-tray .bx-loading{
		width:100%;
		height:100%;
		background:url(/img/00/loader.gif) center center no-repeat transparent;
}
#services-tray .bx-viewport{
		height:500px;
}
#services-tray li a {
		display: block;
		font-size: 0.6em;
		min-height: 125px;
		padding-top: 5px;
		position: relative;
		text-align: center;
		width: 100%;
}

		#services-tray a .serv-img-wrap{
				content: "";
				display: inline-block;
				min-height: 78px;
				position: relative;
				top: 5px;
				width: 90%;


		}
#services-tray a img {
		background-color: #fff;
		border: 0 solid #fff;
		box-shadow: 0 0 10px #000;
		height: 85px;
		padding: 5px;
		position: relative;
		text-align: center;
		z-index: 5;

				-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
				box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
#services-tray a span {
		display: inline-block;
		font-size: 1.4em;
		line-height: 1em;
		margin-top: 9px;
		text-align: center;
}

#services-tray .bx-wrapper
{
		background: transparent;
}

#services-tray .bx-controls {
  position: absolute;
  top: -50px;
  right: 10px;
}


		#services-tray .bx-controls .bx-controls-direction a{
				font-size:0em;
				display:inline-block;
				width:20px;
				height:20px;
				background-image:url('/img/00/arrows.png');
		}
		#services-tray .bx-controls .bx-prev{
				background-position:0 0;
		}
		#services-tray .bx-controls .bx-prev:hover{
				background-position:0 -20px;
		}

		#services-tray .bx-controls .bx-next{
				background-position:-20px 0;
				margin-left:10px;
		}
		#services-tray .bx-controls .bx-next:hover{
				background-position:-20px -20px;
				margin-left:10px;
		}
/* --> 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.page-nav-heading {
    margin-top: 0;
    background-color: #0B6EBF;
    padding: 10px 10px 5px 15px;
    color: #fff;
    font-family: 'League Gothic', '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.page-nav-heading.alt-color {
    background-color: #08518C;
}

/* Block heading - alternate color 2 */
.home-block h2.page-nav-heading.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;
}


/* --> Homepage News -----------------------------------------------*/
#home-latestnews .news-wrap{
		height:500px;
		overflow:auto;
		padding-right:20px
}


/* --> Events List -----------------------------------------------*/
#home-eventslist .events-wrap{
		height:500px;
		overflow:auto;
		padding-right:20px;
		margin-bottom:10px;
}
.smlCal002_wrap{
		position: relative;
		padding:0 0 15px 0;
		margin:10px 0 0 0;
}
 #month{
		font-size:1.2em;
		font-weight:bold;
		color:#064f80;
}
#month .next {
    float: right;
    margin-right: 20px;
}
 #month .prev {
    float: left;
    margin-left: 20px;
}
 .smlCal002_Table td {
  border: 1px solid #fff7f6;
  text-align: center;
}
 .smlCal002_Table td a{
				display:inline-block;
				width:100%;
		}
 .smlCal002_Table td.Day a {
		border-bottom: 2px solid #08518c;
}
 .smlCal002_Table td.CurrentDay a {
		border-bottom: 2px solid #92d3ff;
}
 .smlCal002_wrap .long,
 .smlCal002_wrap .short
{display:none;
}

#home-eventslist #home-events-cont .caldate{
		color:#2a4765;
		font-weight:bold;
		margin-bottom:10px;
}
/* Separator between events */
hr.events-sep { margin: 15px 0; }

.list-wrap {
    line-height: 1.3em;
}
.list-wrap .calday {
    color: #73807e;
    font-size: 0.9em;
}
.list-wrap .caltitle a {
    color: #529cb4;
    display: block;
    font-size: 0.9em;
    margin: 5px 0;
}
.list-wrap .caldesc {
    color: #454d4c;
    display: block;
    font-size: 1em;
    margin: 0 0 25px;
}
.list-time  {
		text-align:center;
}
.events-datesection {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
}
.events-datesection span.today {
    color: #666;
    font-size: 0.7em;
    text-transform: uppercase;
}
.no-events {
    color: #666;
    font-style: italic;
}
hr.events-sep {
    margin: 15px 0;
}

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

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

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

/* Side Button Link Wrapper */
#dynamic-side-btns a.mm-button-link,
#dynamic-home-btns a.mm-button-link {
		background-size: cover !important;
		border: 3px solid #003a69;
		border-radius: 5px;
		display: block;
		font-family: Times New Roman,serif;
		font-size: 1.8em;
		font-variant: small-caps;
		height: 5.5em;
		letter-spacing: 0.08em;
		margin-bottom: 15px;
		padding-bottom: 10px;
		text-align: center;
		width: 100%;
		color:#ffffff;
		text-shadow: 0 1px 0 rgba(0,10,50,0.75);
		position:relative;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;

		-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.5);

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

#dynamic-side-btns a.mm-button-link:hover,
#dynamic-home-btns a.mm-button-link:hover{

		color:#97C8D8;
		text-shadow: 0 1px 0 rgba(0,10,50,0.75);
		-webkit-box-shadow: 0px 2px 5px 0px rgba(150, 200, 215, 0.9);
		-moz-box-shadow:    0px 2px 5px 0px rgba(150, 200, 215, 0.9);
		box-shadow:         0px 2px 5px 0px rgba(150, 200, 215, 0.9);
    }

#dynamic-side-btns a.mm-button-link .mm-button-txt,
#dynamic-home-btns a.mm-button-link .mm-button-txt {
    background: none repeat scroll 0 0 rgba(0, 60, 105, 0.6);
    display: block;
    /*height: 1em;*/
    width: 100%;
		position:absolute;
		bottom:0px;
		font-size: 4em;
}

#dynamic-side-btns a.mm-button-link .mm-button-txt{
		font-size:1.5em;
}
/*
------------------------------------------------------------------
--> Page Footer
------------------------------------------------------------------*/

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

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

footer#page-footer > .row{
border:5px solid #749CA7;
background:#002B4E;
padding:20px;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    inset 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
box-shadow:         inset 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
}

#contactus {
display: inline-block;
width: 100%;
position: relative;
vertical-align: middle;
text-align: center;
font-size: 1em;
line-height: 2em;
}

#contactus .main-title a {
font-size: 1.1em;
font-weight: bold;
}

#contactus a {font-size: inherit;color: #fff;}
#contactus span {font-size: inherit;}

#pagecontacts-extra {font-size:0.9em;}

.foot-nav li{
		font-size: 0.9em;
		list-style: outside none none;
		text-align: center;
}

.foot-nav li a{
		color: #fff;
}
.foot-nav li a:hover{
		color: #97c8d8;
}

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

#social-cont .mm-buttongen-cont {
  text-align: center;
}
#social-cont .mm-button-wrap {
  display: inline-block;
  text-align: center;
	margin:0.5em;
}
#social-cont .mm-button-txt-wrap {
  display: none;
  visibility: visible;
}
#social-media, #social-media a {
		color: #fff;
		font-size: 0.95em;
		text-align: center;
		width: 100%;
}

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

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




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

/* 'Powered by' text */
span.powered-by-civica {
  color: #fff;
  display: inline-block;
  font-size: 0.8em;
  margin-top: 25px;
  text-align: center;
  width: 100%;
}

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




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

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

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




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

}

/* added for width for end time in calendar 00235492 */
#SanLeandrowastecaltime {
	max-width: 100% !important;
	width: 150px !important;
}