@media print{ 
  div:not(.reveal-modal) {
    display: inherit !important;
  }
  #page-body{padding-top:20px !important;}                                 
  #charm-bar,
  #top-nav,
	#header-row,
  #charm-toggle,
  #alert {
      display:none !important;
  }
	#headerfullerton{margin: 0 auto !important;width: 100% !important; position:absolute  !important;text-align: center !important;}
	h1#header-logo{margin: 0 !important;}
	.mega-menu-inner,
	li.title h5,
	.back,
	.js-generated,
	.mega-menu,
	.dropdown ,
	.main-nav,
	.has-mega-menu,
	.has-dropdown,
	.nav-item,
	.nav-list,
	.nav-item-root{ display: none !important;}
	
  #page-content  .pgtitle{ display: none !important;}
  #dynamic-bg,
  #header-right,
  #sidenav-col,
  #bcrumbs,
	a[href]:after,
  #social-media-center,
  #goog-gt-tt,
	#page-footer,
	.addthis_toolbox,
	.faq-back-btn,
  img.footer-logo,
  input.submit-btn,
  #dynamic-top-nav{
    display:none !important;
  } 
	
	#content-row{border:0 !important;}
	#headerfullerton a{color:#222222 !important;}
	 h1#header-logo a {
	 text-decoration: none !important;
   height: 80px !important;
   display: block !important;
   color:#222222 !important;
   font-size: 2.7em !important;
   text-align: center !important;
   border-bottom: 4px solid #2c8d93 !important;
   padding-bottom:20px !important; 
   }

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

.fontsize a{float:none !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*/}


/* force safari mobile devices to not automatically render rounded corners on iputs */
input, textarea {
  -webkit-border-radius: 0 !important;
}

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



/******************************************************************
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{
max-width: 1014px;
}



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

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

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

/* 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: #2c8d93;

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: #3abbc2;
text-decoration: underline;
}

a:active { color: #2c8d93; }


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

/* All headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: 'Open_Sans_Regular';
font-weight: normal;
}

h1, .h1 {
font-family: 'Open_Sans_Semibold';
font-size: 3.0em;
}

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

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

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

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;
    width: 100%;
}

/* Default scale for <table> elements */
table tr th { 
    font-size: inherit;
    background: #214e77;
    color: #fff;
    text-align: left;
    padding: 10px 20px;
}

table tr {
text-align: left;
}

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

#page-wrap{
background: black;
}

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

header#page-header {
width: 100%;
background:none;
position: absolute;
z-index: 200;
padding-bottom: 30px;
}

#header-left{
padding: 8px 0 0 0;
}

#header-right {
margin: 0;
padding: 0;
}

#header-row{
background: url('/img/00/layout/header-rp.png') repeat top center; 
height: 100%;
position: relative;
width: 100%;
padding: 0;
margin: 0 auto;
}

#header-wrap{
width: 100%;
}


/* --> Header Shadow -----------------------------------------------*/

#header-row:before{
content: "";
background: url('/img/00/layout/shadow-header.png') repeat-x;
position: absolute;
z-index: 2;
bottom: -5px;
height: 5px;
width: 100%;
}



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

h1#header-logo {
color: #fff;
margin:10px 0 0 0;
font-size: 2.2em;
cursor: default;
}

h1#header-logo a {
font-size: inherit;
color: inherit;
background: url('/img/00/layout/logobox-rp.png') repeat top;
padding: 10px;
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;
}

hgroup#headerfullerton{
text-align: center;
position: relative;
top:2px;
}

/* --> Share This Home Page -----------------------------------*/

h3.share{ 
color: #fff; 
margin:16px 0 0 8px; 
font-size: 1.8em;
width:140px;
}

#shareFollowWrapper{
position: fixed;
top: 38%;
transform: translateY(-50%);
right: 0;
z-index: 10000;
}

#shareFollowTab{
position: relative;
background: url('/img/00/layout/sharethistab-small.png') no-repeat;
float: left;
right: 0%;
height: 100px;
width: 45px;

-webkit-transition: left 1s;
-moz-transition: left 1s;
-o-transition: left 1s;
transition: left 1s;
}

#shareFollowBox{
position: relative;
background: url('/img/00/layout/sharethisback.png') repeat-x top #e17810;
left: 0%;
padding-top: 0;
height: 100px;
width: 119px;
float: left;
display: none;

-webkit-transition: left 1s;
-moz-transition: left 1s;
-o-transition: left 1s;
transition: left 1s;
}

.hidden > .shareFollowBox { left: -100%; }

/*input { margin-top: 100px; } */

.shareFollowText {
cursor: pointer;
color: white;
position: relative;
height: 167px;
margin: 0;
top:  0;
text-indent: -99999px;
}


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

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

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

.head-link {
display: inline-block;
}

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

a.head-link {
float: left;
display: block;
color: #fff;
margin-right: 0;
margin-bottom: 0;
padding: 0 1px !important;
}

.fontsize{
margin: 0 8px 0 3px;
}

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


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

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

#sb-search{
padding:0;
}

input#site-search {
margin: 0;
padding: 0 0 0 8px;
background: #ebebeb;
font-size: 1.3em;
border:0;
width: 100%;
float:left;
border-left: 1px solid #b8b8b8;
margin: 0;
outline: none;
height: 48px;

-webkit-appearance: none;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;

transition: box-shadow .6s ease-in-out; 
-o-transition: box-shadow .6s ease-in-out; 
-moz-transition: box-shadow .6s ease-in-out; 
-webkit-transition: box-shadow .6s ease-in-out;

}

input#site-search:hover {
border-color: #e17810;
}

input#site-search:focus {
border-color: #e17810;
}


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

a#site-search-btn {
background: url('/img/00/icons/search_icon.png') #e17810 no-repeat center;
text-indent: -9999px;
width: 50px;
position: absolute;
right:0;
height: 48px;
padding: 0;
margin: 0;
border: 0;
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/icons/search_icon-over.png') #c4690e no-repeat center;
}

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

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

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


  /*------------------------------------------------------------------
  --> Background Iamge
  ------------------------------------------------------------------*/

  #big-bg-image {
display: none;
  }

  div#dynamic-bg {
  display: none;
  height: auto !important;
  min-height: 100%;
  position: absolute;
  width: 100%;
  }
	
#community .nivo-controlNav{display: none;}
#community .theme-default .nivoSlider {box-shadow:none;}

  div#dynamic-bg .picture {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: auto !important;
  left: 0;
  min-height: 100%;
  position: fixed;
  width: 100%;
  }

.edtdiv .evmwdcolume_full, 
.edtdiv .fullertoncolume_large, 
.edtdiv .fullertoncolume_xlarge, 
.edtdiv .fullertoncolume_small {
float: left;
width: 100%;
position: relative;
padding: 0 15px 15px 15px;
display: block;
}

/* --> Icon Navigation HP ----------------------------------------------*/

.intro{
background: url('/img/00/layout/sectiontrans.png');
border-top: 1px solid #cd6900;
height: 100% !important;
width: 100%;
position: relative;
display: inline-block;
margin-bottom: 35px;
padding: 0px 5px 20px 5px;
}

#content{
margin-top: 0;
}

#content p{
color: white;
}

#content h1{
font-family: 'Open_Sans_Light';
color: white;
font-size: 5.5em;
margin: -10px 0 0 0;
padding:0;
text-align: center;
}

#content h3{
font-family: 'Open_Sans_Light';
color: white;
margin: 0;
padding:10px 34px 0 34px;
text-align: center;
font-size: 3em;
}

#info-box{
position: relative;
width: 100%;
height: 100%;
padding: 0 15px;
margin: 0 0 30px 5px;
float: left;
}

#info-box h3{
border-left: 3px solid #cd6900;
padding: 0 12px;
margin: 0 0 25px 5px;
text-align: left;
}

#info-box h3.event{
border-left: 3px solid #3fc516;
}

#info-box h3.server{
border-left: 3px solid #3fc516;
}

#info-box p {
float: left;
width: 100%;
}

#fullboxleft-one,
#fullboxleft-two,
#fullboxleft-three{
    float: left;
    padding-top: 20px;
}

/* Secondary Page Overwrites ---------------------------------- */

#page-content #fullboxleft-one,
#page-content #fullboxleft-two,
#page-content #fullboxleft-three{
float: left;
padding-top: 20px;
width: 100%;
}

#page-content #info-box h3{
margin: 0 0 25px 0;
font-size: 1.714em;
text-align: left;
border-left:0;
padding: 0;
}

#page-content #mayor p.mayor_intro{
width: 60%;
}

.column_fullerton_small {
float: left;
width: 30%;
position: relative;
display: block;
padding: 0 0 0 30px;
}

.slidewidth{
  width: 35%;
}

.column_fullerton_large {
float: left;
width: 50%;
position: relative;
display: block;
padding: 0 0 0 30px;
}

.column_fullerton_xlarge {
float: left;
width: 69%;
position: relative;
display: block;
padding: 0 0 0 30px;
}

  
/*------------------------------------------------------------------
--> HP Slider
------------------------------------------------------------------*/

.page-nav {
list-style: none;
background: url('/img/00/layout/menutrans.png');
float: left;
position: absolute;
z-index: 130;
margin: 0;
width: 100%;
display: block;
}

.nav_fixed{position: fixed; top: 0;}

.page-nav a {
display: block;
padding: 0;
position: relative;
text-indent: -9999px;
float: left;
width: 11%;
height: 61px;
}

#home{margin-top: 62px;}

a.current:before{
content: '';
display: block;
width: 0; 
height: 0; 
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid white;
position: absolute;
top: 56px;
margin-left: 6%;
}

/* --> Mayor Infor ---------------------------------*/

#mayor a{
display: inline-block;
text-align: center;
margin: 0 auto;
width: 100%;
float: none;
}

#mayor p.mayor_intro{
float: none;
margin: 0 auto;
text-align: center;
width: 100%;
padding: 0 25px;
font-size: 1.3em;
}

#mayor .mayor{
float: left;
padding: 0 8px;
width: 100%;
}

#mayor .mayor_images{
float: none;
border:1px solid #787878;
}

#mayor .mayor_image{
border:1px solid #787878;
}

#mayor p.mayor_title{
padding: 0 25px;
font-size: 1.3em;
text-align: center;
padding-top: 10px;
float: none;
}

.close{
position: absolute;
top: -8px;
left: -43px;
cursor:pointer
}

/* --> News events ---------------------------------*/

#info-box h3.article-head{
  font-size: 1.45em;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Open_Sans_Regular' !important;
  line-height: 18px;
}

#info-box h3.article-head a{
  color: white;
  text-decoration: none;
  font-size: inherit;
}

#info-box .news-summary{
  color: white;
  margin: 0;
}

#info-box a.read-more{
  float: left;
  text-align: left;
  color: white;
  margin-top: 5px;
}

/* --> Home A-Z List ------------------------------------------*/

#info-box ul.az-list{
display: inline-block;
font-weight: normal;
line-height: 28px;
margin-bottom: 0;
float: left;
}

#info-box ul.az-list li{
margin-bottom: 0;
list-style: none;
line-height: 20px;
padding: 0;
border: 0;
display: block;
}

#info-box ul.az-list li a {
color: #fff;
list-style: none;
font-size: 1.6em;
text-decoration:underline;
padding: 0;
}

#info-box ul.az-list li a:hover {
color: #e17810;
}

#info-box .azlnk{
padding:0;
}

#info-box ul.az-list li:last-child{
border: 0;
}

.newdate.small-2.columns {
border-left: 3px solid #cd6900;
padding: 0 10px;
}

.newdate span.month {
color: #fff;
text-align: center;
font-size: 1.7em;
}

.newdate span.day {
font-size: 1.7em;
text-align: center;
padding: 1%;
}

.newdate span {
clear: both;
color: #fff;
display: block;
float: left;
font-size: 1.1em;
line-height: 22px;
text-align: center;
text-transform: capitalize;
width: 100%;
}

.ev-wrap hr{
  border-color: #9c9d9d;
}

/* --> Cal events ---------------------------------*/

#news-scroll,
#event-scroll,
#news-scroll-1,
#news-scroll-2,
#event-scroll-1,
#event-scroll-2 {
display: block;
height: 232px;
padding: 0 15px 0 5px;
}

.ev-row {
margin: 0 0 15px 0 !important;
padding: 0 0 10px 0;
border-bottom: 1px solid #9c9d9d;
}

#community #fullboxleft-one .ev-row {
margin: 0 !important;
padding: 0 0 10px 0;
border-bottom: 0;
}

.ev-wrap .calday.small-2.columns {
border-left: 3px solid #3fc516;
padding: 0 10px;
}

.ev-wrap .calday span.month {
color: #fff;
text-align: center;
font-size: 1.7em;
}

.ev-wrap .calday span.day {
font-size: 1.7em;
text-align: center;
padding: 1%;
}

.ev-wrap .calday span {
clear: both;
color: #fff;
display: block;
float: left;
font-size: 1.1em;
line-height: 22px;
text-align: center;
text-transform: capitalize;
width: 100%;
}

img.right_arrow{
float: right;
position: relative;
top: -12px;
}

#events-cal .calbody.small-10.columns {
float: left;
margin-left: 10px;
}

.ev-wrap .calbody a{
color: white;
text-decoration: none;
}

.ev-wrap .calbody .caltime {
font-size: 1.25em;
color: white;
line-height: 22px;
}

.ev-wrap .calbody .caltitle {
font-size: 1em;
font-weight: normal;
margin-bottom: 5px;
line-height: 16px;
width: 95%;
}

.ev-wrap .calbody span {
clear: both;
display: block;
float: left;
font-size: 1.3em;
}

.ev-wrap .thumbevent {
float: left;
display: inline-block;
width: 100%;
max-width: 55%;
}

.ev-wrap .thumbevent img {
float: left ;
display: block;
height: 100%;
max-width: 100%;
border: none ;
max-height: 240px;
margin-bottom: 15px ;
}

#community #fullboxleft-one span.caltitle a{
font-size: 1.5em;
color: white;
}

#community #fullboxleft-one .calday{
width: 9%;
float: left;
position: relative;
}

#community #fullboxleft-one .calbody{
width: 45%;
float: left;
position: relative;
}

#community #fullboxleft-one .caldesc{
width: 100%;
float: left;
position: relative;
color: white;
font-size: 1.5em;
line-height: 22px;
margin-top: 12px;
}

#community #fullboxleft-one a.read-more {
float: left;
text-align: left;
color: white;
margin-top: 14px;
}

/* --> Location Address -----------------------------------------------*/

#location-address{
width: 100%;
float: left;
height: 100%;
padding: 0;
}

#location-address p{
font-size: 1.3em;
line-height: 20px;
}

/* --> Icons ---------------------------------*/
a.home{background: url('/img/00/icons/hp/home-icon.png') center no-repeat;}
a.community{background: url('/img/00/icons/hp/parks-icon.png') center no-repeat;}
a.citycouncil{background: url('/img/00/icons/hp/citycouncil-icon.png') center no-repeat;}
a.cityservices{background: url('/img/00/icons/hp/cityservices-icon.png') center no-repeat;}
a.onlineservices{background: url('/img/00/icons/hp/onlineservices-icon.png') center no-repeat;}
a.library{background: url('/img/00/icons/hp/library-icon.png') center no-repeat;}
a.publicwork{background: url('/img/00/icons/hp/publicwork-icon.png') center no-repeat;}
a.publicsafety{background: url('/img/00/icons/hp/publicsafety-icon.png') center no-repeat;}
a.contactus{background: url('/img/00/icons/hp/contactus-icon.png') center no-repeat;}

/* --> Active ---------------------------------*/
a.home:hover, li.home a.current{background: url('/img/00/icons/hp/home-icon-a.png') white center no-repeat;}
a.community:hover, li.community a.current{background: url('/img/00/icons/hp/parks-icon-a.png') white center no-repeat;}
a.citycouncil:hover, li.citycouncil a.current{background: url('/img/00/icons/hp/citycouncil-icon-a.png') white center no-repeat;}
a.cityservices:hover, li.cityservices a.current{background: url('/img/00/icons/hp/cityservices-icon-a.png') white center no-repeat;}
a.onlineservices:hover, li.onlineservices a.current{background: url('/img/00/icons/hp/onlineservices-icon-a.png') white center no-repeat;}
a.library:hover, li.library a.current{background: url('/img/00/icons/hp/library-icon-a.png') white center no-repeat;}
a.publicwork:hover, li.publicwork a.current{background: url('/img/00/icons/hp/publicwork-icon-a.png') white center no-repeat;}
a.publicsafety:hover, li.publicsafety a.current{background: url('/img/00/icons/hp/publicsafety-icon-a.png') white center no-repeat;}
a.contactus:hover, li.contactus a.current{background: url('/img/00/icons/hp/contactus-icon-a.png') white center no-repeat;}


.icon_container{
position: relative;
padding: 0 0 0 5px;
margin: 0;
width: 100%;
}


#icon-tray{
border-top: 1px solid #61a2a2;
position: relative;
bottom: 0;
width: 100%;
float: left;
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
}

#icon-tray img{
opacity: 1;
-webkit-transition: opacity .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-ms-transition: opacity .6s ease-in-out;
-o-transition: opacity .6s ease-in-out;
transition: opacity .6s ease-in-out;
}

#icon-tray img:hover{
opacity: 0.4;
}


#icon-tray .columns {
padding: 0;
margin: 0;
float: left;
left: 25px;
width: 100%;
max-width: 100px;
display: block;
text-align: center;
margin-bottom: 59px;
} 

#icon-tray .mm-button-txt-wrap{
position: relative;
right: 0;
left: 0;
text-align: left;
top: 0;
bottom: 0;
}

#icon-tray span.mm-button-txt{
position: absolute;
padding: 5px;
text-decoration: none;
color: white;
font-size: inherit;
text-align: center;

opacity: 1;
-webkit-transition: opacity .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-ms-transition: opacity .6s ease-in-out;
-o-transition: opacity .6s ease-in-out;
transition: opacity .6s ease-in-out;
}

#icon-tray span.mm-button-txt:hover{opacity: 0.4;}

/* --> MContact Form ---------------------------------*/


a.askaq {
float: left;
border: 0;
border-radius: 4px;
width: 153px;
padding: 15px 10px 15px 10px;
margin-top: 6px;
background: #cd6900;

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

a.askaq:hover{
  background: #fa8100;
}

img.iconmail {
float: left;
display: block;
position: relative;
width: 30px;
}

span.text {
float: left;
color: white;
margin: 0 0 0 8px;
}

#community img.iconmail {
float: left;
display: block;
position: relative;
width: 50px;
}

#community span.text {
float: left;
color: white;
margin: 5px 0 0 0;
}
#community a.askaq { padding: 10px 10px 10px 5px;}


/*----------- Email Nod Style --------*/

a.email {
display: inline-block;
border: 0;
border-radius: 4px;
padding: 15px;
background: #cd6900;
width: 80%;
margin: 0 auto;
text-align: center;

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

a.email:hover{
  background: #fa8100;
}

img.icon_email {
display: inline-block;
position: relative;
width: 37px;
margin: 3px 0;
}

span.email_text {
color: white;
display: inline-block;
margin: 5px 0 0 5px;
text-shadow: 0px 3px 3px rgba(0, 0, 0, .70);
vertical-align: top;
}
 
#ContactEmailForm{
  padding: 0;
}

#ContactEmailForm span.thankyou{
color: white;
line-height: 22px;
}

#ContactEmailForm input#Email{
color: black;
padding: 0 0 0 13px;
height: 30px;
margin-bottom: 10px;
font-size: 1.3em;
width: 100%;

-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}

#ContactEmailForm textarea#Message{
color: black;
padding:5px 0 0 13px;
margin-bottom: 10px;
font-size: 1.3em;
height: 93px;

-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}


#ContactEmailForm button.buttonform {
border: 1px solid #aaaaaa;
color: #2e2f30;
height: 33px;
padding: 0 15px;
font-size: 1.3em;
text-decoration: none;
position: relative;

-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;

-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
-moz-box-shadow: inset 0px 1px 0px 0px #fff ;
box-shadow: inset 0px 1px 0px 0px #fff;

background-color: #ccc;
background-image: linear-gradient(to bottom, #eeeeee, #c0c0c0);
-webkit-backface-visibility: hidden;

z-index: 1;
border: 1px solid #aaaaaa;
}

#ContactEmailForm button.buttonform:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;

-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;

background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
transition: opacity 0.5s ease-out;
z-index: 2;
opacity: 0;
}
#ContactEmailForm button.buttonform:hover:after {
opacity: 1;
}

#ContactEmailForm button.buttonform span {
position: relative;
z-index: 3;
font-size: 1em;
}

:-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: #3abbc2;
min-height: 47px;
}

section#top-nav .row {  
margin-left: auto;
margin-right: auto;
}

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

nav.main-nav .name a{
display: none;
}

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

nav.main-nav ul li.nav-item a {
font-family: 'Open_Sans_CondBold';
font-size: 1.4em;
font-weight: normal;
text-transform: uppercase;
white-space: normal;
background: none;

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

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

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


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

/* Main Navigation Title */
.main-nav ul.title-area .mainnav-mobile-title {
font-family: 'Open_Sans_Regular';
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: 'Open_Sans_Regular';
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_Regular';;
text-transform: none;
font-size: 0.9em;
line-height: 18px;
background: none;
padding: 10px 15px;
border-bottom: 1px solid #444;
}

nav.main-nav .dropdown li.nav-item a:hover {
background: none;
padding-left: 10px;
color: #bfbfbf;
}


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

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

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


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

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

#sidenav-col{
padding: 0;
}

.page-nav-heading {
cursor: default;
margin-bottom: 5px;
text-shadow: 0 1px 0 #fff;
margin-top:0px;
}


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


nav#side-nav ul.side-nav-list {
padding: 10px 0 10px 0;
margin: 0 0 30px 0;
background:url('/img/00/layout/nav-rp.png')repeat-x top #dcdedd;
border-bottom: 1px solid #aab0b1;
border-left: 1px solid #aab0b1;
border-right: 1px solid #aab0b1;
border-top: 3px solid #aab0b1;
}


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

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

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


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

nav#side-nav .sf-menu a {
color: #010d15;
border: 0;
line-height: 20px;
padding: 6px 15px;
text-decoration: none;

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

/* 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: -9999px;
width: 200px;
border-left: 2px solid #aab0b1;
border-right:  1px solid #dcdedd;
border-bottom:  1px solid #dcdedd;
border-top: 1px solid #dcdedd;
background: white;
}

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



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

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

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

.bcrumbswrap{
background: url('/img/00/layout/breadcrumb-bkg.png') repeat center;
width: 100%;
float: left;
}

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

/* Breadcrumb Item */
ul.bcrumb-list li {
float: left;
margin-right: 10px;
color: white;
font-size:1.4em;
}

ul.bcrumb-list li a{
color: white;
text-decoration: none;
font-size: inherit;
}

/* Breadcrumb Home Item */
ul.bcrumb-list li.home {
padding-left: 13px;
}

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

.aticon-compact{background-color:#2c8d93 !important;}
/* --> 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: 5px 0 0;
}

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

ul.system-btns-list > li span{
display: none;
}

/* 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;
border-color: transparent;
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;
}

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

/* 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: white url('/img/00/icons/icon-email.png') no-repeat 2px 1px;
padding: 15px;
}

#btn-email:hover {
background: white url('/img/00/icons/icon-email-over.png') no-repeat 2px 1px;
padding: 15px;
}

/* Edit */
#btn-edit {
background: white url('/img/00/icons/icon-edit.png') no-repeat 2px 1px;
padding: 15px;
}

#btn-edit:hover {
background: white url('/img/00/icons/icon-edit-over.png') no-repeat 2px 1px;
padding: 15px;
}

/* Print */
#btn-print {
background: white url('/img/00/icons/icon-print.png') no-repeat 2px 1px;
padding: 15px;
}

#btn-print:hover {
background: white url('/img/00/icons/icon-print-over.png') no-repeat 2px 1px;
}s

/* Alter styles of system buttons that have a dropdown menu */


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

/* --> Share This ----------------------------------------------*/

.addthis_toolbox {
float: left;
margin-top: 8px;
margin-right: 5px;
}

.addthis_counter .atc_s {
background: url('/img/00/icons/plusicon.jpg') no-repeat !important;
}

.addthis_counter a.atc_s{
width: 17px !important;
height: 17px !important;
}

.atm-s a, #at_hover.atm-s a{
font-size: 1em;
font-weight: normal;
}

#at_hover.atm-s .at_bold{
font-weight: normal !important;  
}


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

#page-body {
width: 100%;
background: none;
padding-top: 155px;
}

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

#content-row{
background: white;
border-top: 1px solid #cd6900;
margin-bottom: 0;
padding:12px 15px 25px 15px;
}

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


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

/* --> Calendar ----------------------------------------------*/

#smlCal002_Head {
font-size: 1.600em;
font-weight: bold;
text-align: center;
}

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

h1.content-title {
font-size: 3.3em;
font-family: 'Open_Sans_Bold';
padding: 0 0 12px 0;
margin-top: 0;
margin-bottom: 0;
border-bottom: 1px solid #a2a7a8;
cursor: default; 
}


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

section#page-content {
margin-bottom: 50px;
background-color: #fff;
padding: 20px 0 0 0;
}

#page-content .pgtitle{
display: none;
}


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

#sidenav-content {
float: left;
padding-bottom: 52px;
}


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

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

/*------------------------------------------------------------------
--> Social Media
------------------------------------------------------------------*/

#social-btns {
padding: 2px 0;
margin: 0;
width: 100%;
max-width: 100px;
float: none;
display: inline-block;
}

#social-btns_home {
padding: 2px 0;
margin: 6px 0 0 3px;
width: 120px;
float: left;
display: inline-block;
}

#social-btns span,
#social-btns_home span {
display: none;
}

#social-btns .columns {
padding: 0;
margin: 0;
float: left;
width: 100%;
max-width: 34px;
display: block;
text-align: center;
}

#social-btns_home .columns {
padding: 0;
margin: 0;
float: left;
width: 100%;
max-width: 34px;
display: block;
text-align: center;
}

#social-btns .columns:last-child,
#social-btns_home .columns:last-child {
margin: 0 0 0 7px;
}


/* --> Most Popular ----------------------------------------------*/

/* Most Popular list */
section#home-mostpop ul.az-list {
list-style: square;
width: 96%;
padding-left: 5%;
color: #666;
}

/* Most Popular list item */
section#home-mostpop ul.az-list li {
margin-bottom: 5px;
border-bottom: 1px solid #ddd;
}

/* Most Popular list item link */
section#home-mostpop ul.az-list li a {
display: block;
font-size: 1.6em;
font-weight: bold;
padding-bottom: 5px;
text-shadow: 0px 1px 0px #fff;

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

section#home-mostpop ul.az-list li a:hover {
text-indent: 10px;
text-decoration: none;
}



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

/* Block container */
.home-block {
float: left;
width: 100%;
margin-bottom: 30px;
background-color: #fff;
box-shadow: 0px 3px 8px #ccc;
border: 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: 'Open_Sans_Regular';
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;
}


/* --> Events List -----------------------------------------------*/

/* Event title */
.event-title {
font-size: 1.1em;
margin: 5px 0;
line-height: 20px;
}

/* Event Time */
.event-time { font-size: 1.2em; }

/* Date section heading */
.events-datesection {
font-family: 'Open_Sans_Regular';
font-weight: bold;
font-size: 1.6em;
line-height: 20px;
margin-top: 0;
margin-bottom: 5px;
}

/* Style for 'Today' indicator */
.events-datesection span.today {
color: #666;
text-transform: uppercase;
font-size: 0.7em;
}

/* Style on text if there are no events */
.no-events {
color: #666;
font-style: italic;
}

/* Separator between events */
hr.events-sep { margin: 15px 0; }



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

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

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



/* Side Button Link Wrapper */
#dynamic-side-btns a.mm-button-link {
display: block;
float:left;
width: 100%;
max-width:300px;
height: 115px;
text-shadow: 1px 1px 4px #000;
margin-bottom: 15px;
margin-right: 5px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
color: #fff;
font-size: inherit;
text-decoration: none;
position: relative;
background-size: cover !important;
}

#dynamic-side-btns .mm-button-txt-wrap {
background: url('/img/00/layout/buttontrans.png');
font-family: 'Open_Sans_Regular';
font-size: 1.2em;
padding: 15px;
border-top: 1px solid #e17810;
text-align: left;
position: absolute;
bottom: 0;
width: 100%;
}

#dynamic-side-btns .mm-button-txt-wrap:hover{
border-top: 1px #2c8d93 solid; 
}

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

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

footer#page-footer {
background:url('/img/00/layout/footer-rp.png') repeat top center;
color: #e0e0e0;
width: 100%;
position:absolute;
z-index: 10;
float: left;
}

#footer-wrap{
width: 100%;
height: 100%;
padding: 16px 30px 0 30px;
float: left;
}

/* --> Footer Colums -----------------------------------------------*/

.fullerton-main-column {
width: 100%;
padding: 0 10px;
float: none;
display: inline-block;
margin: 0 auto;
text-align: center;
}

.fullerton-social-column {
float: none;
display: inline-block;
text-align:center;
padding: 0;
margin: 0;
width:100%;
position: relative;
}

.fullerton-google-column {
float: none;
display: inline-block;
padding: 0 10px;
margin: 0;
width: 100%;
position: relative;
}

.fullerton-nav-column {
display: none;
}

.fullerton-powered-column {
float: none !important;
display:inline-block;
padding:15px;
margin: 0;
width: 100%;
margin: 5px auto;
}

/* --> Footer Shadow -----------------------------------------------*/


/* --> Footer Logo -----------------------------------------------*/

#footer-logo{
float: none;
width: 37px;
display: inline-block;
margin: 5px auto;
text-align: center;
}

/* --> Footer Address -----------------------------------------------*/

#footer-address {
width: 100%;
float: none;
height: 100%;
padding: 0;
display: inline-block;
margin: 13px auto;
}

#footer-address p{
font-size: 1.1em;
line-height: 15px;
}


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

/* --> A-Z List ------------------------------------------*/

ul.az-list{
margin: 0;
float: none;
line-height: 12px;
}

ul.az-list li{
display: inline-block;
border-right: 1px solid #e0e0e0;
}

ul.az-list li a {
color: #e0e0e0;
font-size: 1.1em;
text-decoration: none;
padding: 0 7px;

}

ul.az-list li a:hover {
color: #e17810;
}

ul.az-list li:last-child{
border: 0;
}

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

#google_translate_element {
width: 100%;
margin-bottom: 20px;
display: inline-block;
}

.skiptranslate div{display:block !important;}

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


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

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


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

/* 'Powered by' text */
span.powered-by-civica {
display: inline-block;
color: #fff;
font-size: .9em;
text-shadow: 0 1px 0 #000;
}

/* Civica logo */
#civica-foot-logo { display: inline-block; }
#civica-foot-logo img {  vertical-align: top; display: inline-block; }
/* --> 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: 'Open_Sans_Regular';
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: 'Open_Sans_Regular';
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%;} 


/*HOMEPAGE ALERT*/

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

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

#alert_overlay a{color: white;}

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

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

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

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

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

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

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

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


.alert_body a{
font-size: inherit;
}

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

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

#alert_overlay img.active{
opacity: 0;
}

/*SITE WIDE ALERT*/

/*------------------------------------------------------------------
--> Site Wide Alerts
------------------------------------------------------------------*/
#alert p { 
font-size: inherit; 
margin:0;  
display: inline-block; 
}

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

#alert .body{width:100%;}

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

#alert .news_title_alert h3{ 
position: relative;
display: inline-block;
margin-left: 8px;
color:#fff;
vertical-align: top;
font-family: verdana, tahoma, Arial, sans-serif;
font-size: 1.4em;
}

#alert .body a {
color: #fff;
display: block;
text-align: center;
font-size: 1em;
padding: 10px;
border:2px solid #cc0000;
background: #e50000;
}

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

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


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 { overflow: scroll; overflow-y: hidden; }	

    table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
   
		
.scrollable.swipeMsg:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    border: 1px solid #214e77;
    border-radius: 5px;
    color: #222;
    content: "<< Swipe for more content >>";
    display: block;
    font-size: 0.8em;
    margin: 0.3em 0;
    padding: 0.2em;
    text-align: center;
    width: 100%;
}

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

}