@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Carrois+Gothic);
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

body {
	font-family: 'Carrois Gothic', sans-serif;
	background-image: none;
	background: none;
	/* background-image: url('../img/bg/spring/morning.jpg')!important\9; */
}

#bgImage { 		
	/*position:fixed;
	max-width: 100%;
	width: 100%;
	height:100%;*/
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

#bgImage > img {
	width: 100%;
	height: 100%;
}
/*
body.bg { 
	background-image:url(../img/bg/metro_green.jpg) !important;
}
body.bg-attractions {background-image:url(../img/attractions/attractions.jpg);}
body.bg-community {background-image:url(../img/community/community.jpg);}
body.bg-news {background-image:url(../img/news/news.jpg);}
body.bg-education {background-image:url(../img/education/education.jpg);}
body.bg-employment {background-image:url(../img/employment/employment.jpg);}
body.bg-business {background-image:url(../img/business/business.jpg);}
body.bg-government {background-image:url(../img/government/government2.jpg);}
body.bg-featured {background-image:url(../img/featured/featured.jpg);}
body.bg-social {background-image:url(../img/social.jpg);}
body.bg-contact {background-image:url(../img/contact.jpg);}
body.bg-about {background-image:url(../img/about/about.jpg);}
body.bg-data {background-image:url(../img/data.jpg);}
body.bg-policies {background-image:url(../img/policies.jpg);}
body.bg-agencies {background-image:url(../img/agencies.jpg);}
body.bg-services {background-image:url(../img/services.jpg);}
body.bg-sitemap {background-image:url(../img/sitemap.jpg);}
body.bg-welcome {background-image:url(../img/welcome.jpg);}
body.bg-weather {background-image:url(../img/weather-relief.jpg);}

body.bg-attractions, body.bg-community, body.bg-news, body.bg-weather, body.bg-education, body.bg-employment, body.bg-business, body.bg-government, body.bg-featured, body.bg-social, body.bg-contact, body.bg-about, body.bg-data, body.bg-policies, body.bg-agencies, body.bg-services, body.bg-sitemap, body.bg-welcome, body.bg {
	background-position-x: 50%;
	background-position-y: 0%;
	background-size: initial;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
}
*/
body.full.desktop {
	/* background-image: url('../img/bg/spring/morning.jpg')\9; */
	/* background: url('../img/bg/spring/morning.jpg')\9; */
	/*background: url('../img/bg/winter/noon.jpg')\9; */
	background-size: initial;
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	min-height: 100%;
	position: inherit;
	padding-bottom: 0px;	
}

.nav a {
	width: 40px\9;
	height: 15px\9;
}

#allen {
	position:fixed;
	width:100%;
	height:100px;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	right:0px;
	background-color:rgba(0,0,0,.5);
	background-image:url(../img/transparent-darker.png)\9; /* IE8 and below */
	z-index:10001;
	border-bottom:1px #ffa300 solid;
}

#headerCenter {
	/* max-width:840px; */
	max-width:731px;
}

#headerWrapper {
	border-bottom:1px #ffa300 solid
}

#centerWrapper {
	padding-top:20px;
	max-width: 610px !important;	
}

#bertha {
	background-color:rgba(0,0,0,.6);
	background-image:url(../img/transparent-darker.png)\9; /* IE8 and below */
	width:100%;
	height:138px;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	right:0px;
	z-index: 10000;
	position:fixed;
}	

.pull-right {
	z-index:1;
}

#headerWrapper {
	background-color:rgba(0,0,0,.5);
}

.wide-branding {
	position:absolute;
	top:25px;
	*top:15px; /* IE7 only */
	left:5px;
	width:200px;
	z-index:1;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Carrois Gothic', sans-serif;
	font-weight: bold;
}

p {
	margin-bottom: 10px;	
}

.wide-searchbox {
	position:absolute;
	width:100%;
	max-width:270px;
	right:12px;
	top:11px;
	*top:15px; /* IE7 only */
	z-index:10;
	padding-left:10px;
}

.tablet-branding {
	position:absolute;
	top:5px;
	left:5px;
	width:400px;
	/* z-index:100000; */
}

header {
	top:0px !important;
}

.tablet-searchbox {
	position:absolute;
	width:360px;
	right:15px;
	z-index:10;
}

.test {
	position:relative;
	width:1px;
	height:200px;
	float:left;
}

#menu2 {
	padding-top:10px;
}

ul.ie7>li>a>img {
	vertical-align:baseline;
}

.fontsizer {
	position:absolute;
	bottom:5px;
	left:15px;
	width:50%;
	height:25px;
}

.fontsizerMobile, .fontsizermobile>#controls {
	display:none;
}

.allNav {
	position:absolute;
	bottom:5px;
	right:15px;
	width:50%;
	height:25px;
	text-align:right;
	color:#fff;
}

.allNav a {
	color:rgb(255,163,0);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
	font-size:13px;
	text-decoration: none;
}

.allNav a:hover {
	color:#fff;
}

.tablet {
	position:relative;
	width:100%;
	min-height:75px;
	color:#fff;
	display:none;
}


.groupTitle>h3 {
	color:#ffa300;
	font-weight:600;
	font-family: 'Carrois Gothic', sans-serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
	font-size: 34px;
	top: 0px !important;
}

.searchMag, .gear, .gradientBorder4, .gradientBorder3, .gradientBorder2, .gradientBorder1, .LogoMobile, #footerMobile, .MobileMaps, .MobileSocial, .MobileDirectory {
	display:none;
}

.groupTitle>h3:hover{color:#fff;}

.footer-panel-group {
    /*margin-bottom: 0px;
    overflow: hidden;
    border-radius: 0px;*/
	position: absolute;
	bottom: 0px;
	width: 100%;
	
	z-index: 500;
}

.footer-panel-body {
	background-color:rgba(0,0,0,.8);
	background-image:url(../img/transparent-darker.png)\9; /* IE8 and below */
	color: #fff;
	padding: 0px;
}

/*
#footerAccordion {   
    bottom: 0px;
    width: 100%;    
	height: auto%;
}
*/


.collapse.vertical {
    height: auto;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
	overflow: hidden;
	position: relative;
}

.footer-panel-title a:hover, .footer-panel-title a:focus, .footer-panel-title a:active {
    text-decoration: none;
    outline: none;
}

.footer-panel-title a {
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    display: block;
    padding: 10px 15px;
    font-size: 24px;
    font-family: Helvetica,Arial,sans-serif;
    outline: none;
	height: 30px;
}

#footer {
	width:100%;
	border:0px;
	border-top: 1px #ffa300 solid;
	background-color:rgba(0,0,0,.8);
	background-image:url(../img/transparent-darker.png)\9; /* IE8 and below */
	margin-bottom: 0px;
	height: 30px\9;
	/*position: absolute;*/
}

 /* Landing Page */
#footer2 {
	background-color:rgba(0,0,0,.3);
}

nav {
	*float:none; /* IE7 only */
}

nav>a:hover {
	background-color:rgba(0,0,0,.5);
	color: rgb(255,163,0);
}

/*
.footer-nav {
	display:block;
	position:relative;
	width:840px;
	margin:0 auto 0 auto;
	padding:0px;
	float:none;
}
*/

a.button {
	display:inline-block;
	width:66px;
	height: 20px\9; /* IE8 and below */
	height: 35px;
	padding:7px 5px 7px 5px;
	float:left;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height:25px;
}

a.button-landing {
	display:inline-block;
	width:105px;
	padding:4px;
	padding-bottom:0px;
	float:left;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height:25px;
}

a.button-landing:hover {
	background-color: rgba(0,0,0,.5);
	color: rgb(255,163,0);
}

a.button-landing:active {
	background-color: rgb(255,163,0);
	color:#fff;
}

.button img {
	max-width: 30px;
	height: 15px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.button-landing img {
	max-width: 95px;
	height: 55px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

div.nav ul.ie7 a.button {
	*display: inline; /*IE7 only */
	zoom: 1; /*IE7 only */
}

div.nav2 ul.ie7 a.button {
	*display: inline; /*IE7 only */
	zoom: 1; /*IE7 only */
}

a.button-landing a:hover {
	background-color:#F60;
}



.linkcolor {
	height: 100%;
	background-color:#f60;
}

nav img {
	height:50px;
}

.navActive {
	background-color:rgb(255,163,0) !important;
}

.nav2Active {
	background-color:rgb(255,163,0) !important;
}

.nav2 {
	color: rgb(255, 163, 0) !important;
}

a.button-landing:hover {
	color:#E7A125 !important;	
}
	

.navActive:hover {
	color:#000;
}

.nav2Active:hover {
	color:#000;
}

footer a:hover {
	background-color:rgba(0,0,0,.5);
	color:rgb(255,163,0);
}

.pagination>li>a, .pagination>li>span {
	color:#fff;
	background-color:rgba(0,0,0,.7);
	background-color:#252525\9; /* IE8 and below */
}

.pagination>li>a.scroll.nav-active { background-color:rgb(255,163,0); }

.pagination>li>a.mobileDot, .pagination>li>a.mobileDot.nav-active>img, .pagination>li>a:hover.mobileDot { background-color:transparent; border:0px; }

.subnav>.text-center>.pagination { margin-top:0px; }

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .pagination>li>a:active, .pagination>li>span:active {
	background-color:rgb(255,163,0);
	color:#000;
}

.img-responsive {
	padding-right:10px;
}


/* Tile Styles */

.tileCentered > .container > h3 {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    font-weight: 150;
    font-size: 25px;
	line-height: 1.25;
    padding: 0px 0px 8px;
    transition: color 200ms ease 0s !important;
}
	
.border {
	border: 1px solid #333;	
}

.tileTitle {
    margin: 20px 5px 15px 15px;
    padding: 0px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
}

.divScroll {
	padding-left:10px;
	padding-right:10px;	
}

/*BOTTOM LABEL */

.tileLabelWrapper.bottom{

	bottom:0;

	left:0;	

	height:21px;

}

.tileLabel.bottom{	

	position:relative;

	padding: 2px 2px 0px 2px;

	margin-bottom:-4px;  

    border-right: 15px solid transparent;  

    border-bottom: 20px solid #777;    

    height: 0;  

    line-height: 17px;  

}

/* TOP LABEL */

.tileLabelWrapper.top{
	top:0;
	text-align: left;
	border-left: none;
	z-index:15;
	background-color: rgba(0, 0, 0, 0.5);
	background-image:url(../img/transparent-darker.png)\9; /* IE8 and below */
	padding-bottom: 11px;
    border-top: 0px !important;
}

.tileLabel.top{
	padding-left: 5px;
	padding-right: 0px;
	top:-19px;
	display: inline-block;
	font-size: 18px;
	font-family: 'Carrois Gothic', sans-serif;
	text-decoration: none;
	color: #fff;
	border-top: none;
	border-left: none; 
	background-color: transparent;
}

.tileLabel {
	display: inline-block;
	font-size: 18px;
	font-family: 'Carrois Gothic', sans-serif;
	text-decoration: none;
}

.tileLabelWrapper {
    position: absolute;
    right: 0px;
	left: 0em;
    padding: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

/* GOOGLE SEARCH */

.gsc-control-cse, .gsc-control-cse {
		background-image:url(../img/SearchBG3f.png);
		background-position:center; background-repeat:no-repeat; 
	}
	
.none {
	display:none;
}

.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
	padding-right: 0px !important;
}

.cse .gsc-control-cse, .gsc-control-cse {padding-left: .25em !important; padding-top: 1.15em !important; padding-right: .5em !important;}

div.tablet-searchbox > .cse .gsc-control-cse, .gsc-control-cse {
		padding-left: .75em !important;
		padding-top: 1.15em !important;
		padding-right: 1.25em !important;
	 }

/* IE8 ONLY */

.ie8 footer {
	background-color:#C60;
}

/* All Services / All Agency Pages */

.services {
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: -1px;	
}

.services-heading {
	color: rgb(255, 163, 0);	
}

.panel-heading {
	padding: 10px;	
}

.nav-tabs {
    border-bottom: 1px solid #ccc;
    height: 40px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD #DDD transparent;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	cursor: default;
	height: 40px;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    height: 40px;
}

.nav-tabs > li > a {
    height: 40px;
	background-color: #ccc;
	color: #555;
}

.nav-tabs > li > a:hover {
    border-color: #EEE #EEE #DDD;
}

.nav-tabs > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #BBB;
}

.tileSlideFx {
	position:absolute;
	z-index:1;
}

.gsc-adBlock {
	height:0 !important;
	display:none !important;
}

.gsc-adBlockVertical {
	height:0 !important;
	display:none !important;
}

.gsc-thinWrapper {
    width: 100%!important;
}

.modal-dialog {
	padding-top: 10em;
	z-index:10500000000!important;
}

.gsc-results-wrapper-overlay {
	width: 90%!important;
	height: 90%!important;
	left: 5%!important;
	right: 5%!important;
	padding: 15px!important;
	padding-top: 30px!important;	
}

.modal {
	z-index: 10400;
	background-color: rgba(0,0,0,.5);
}

.nav-active {
    background-color: #FFA300;
}

.goog-te-gadget img {
	display:none;	
}

.goog-te-gadget-simple {
    margin-left: 0!important;
	padding-left: 0!important;
}

.goog-te-menu-value {
	margin-left: 0!important;	
}

.modal-lg {
    width: 1000px;
}

/* ----- Page Flip Styles -----------  */

#page-flip { position:absolute; right:0; top:0; float:none;  }
#page-flip-image { width:50px; height:52px; z-index:99000000000; position:absolute; right:0; top:0; -ms-interpolation-mode:bicubic; }
#page-flip-message { width:50px; height:50px; overflow:hidden; position:absolute; right:0; top:0; background:url(../img/subscribe.png) no-repeat right top; z-index:90 }

/* ----- Transaction Hashtag Styles ----- */
#transactions {margin-left:auto !important; margin-right:auto !important; width: 360px;}
#transactions img {padding-right: 8px; padding-top: 2px;}
#text {color: white !important; margin-left: 5px; text-align: left; line-height:1.25em; }
.bertha-middle {z-index:100; padding-top:0px; display:none\9; /* IE8 and below */}

#text a 
{ background-color: #005E7F;
  color: #003;
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #005E7F;
  margin-bottom: 5px;
}

#text a {
background-color: #005E7F;
color: #000;
padding: 2px 10px;
font-size: 11.9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color:rgb(255,163,0);
margin-bottom: 5px;
}

.transhash {
	position:relative;
	width:100%;
	left:0px;
	right:0px;
	display:block;
	z-index:5;
}

.tpeservicesheading {
	color:#bbb!important;
	width:85px;
	position:relative;
	float:left;
	padding-top:4px;
}

.tpeservices {
	height:23px!important;
	width:200px;
	position:relative;
	z-index: 100;
	margin-top: 107px;
}

.tpeservice {
	display:block;
	margin-left:80px;
	color:#bbb!important;
}

.carousel-indicators {
    bottom: -10px;
}

.twitter-share-button {padding-top:0px; vertical-align: top;}
.twitter-follow-button {padding-top:0px; vertical-align: top;}
.fb_iframe_widget {vertical-align: top; margin-bottom:4px;}

.share_buttons { 
	display:block;
	padding:0px;  
	vertical-align:top;
	height: auto;
	text-align: center;
	width:auto;
	float: none;
	margin:0px;
}

.Flickr {
    margin: 0px;
    padding: 0px;
    right: 0px;
    width: 100%;
    z-index: 0;
	text-shadow: 1px 1px #000;
	text-decoration:none;	
}

.Flickr a {
	color: #fff;
}

i.glyphicon.glyphicon-chevron-up, i.glyphicon.glyphicon-chevron-down { color:#FFA300; }

.gstl_50 {
	position: fixed !important;
	z-index: 5000000;
}

.gssb_c {
	position: fixed !important;
	z-index: 5000000;
}

#feedback {
    width: 100px;
    position: fixed;
    z-index: 999;
    margin-left: 0px;
    bottom: 75px;
}

.groupTitle {
    top: 0px !important;
}

.tileSlide > .slideText {
	padding: 20px 10px 10px!important;	
}

.tileSlideFx > .slideText {
	padding: 15px 20px 5px!important;	
	z-index:-1!important;
}

.tileFlip .flipBack > h5 {
	margin: 3px !important;
	text-align: left !important;
	line-height: 1.25 !important;
	padding: 10px !important;	
}

.tileSlide.down > .slideText, .tileSlide.up > .slideText {
    text-align: left !important;
}

.gsc-selected-option-container {
	min-width: 75px !important;	
	padding: 0px !important;	
}
	
a.tile {
	background:url(../img/transparent-darker.png)\9;
}

/* New Landing page 6-10-14 */

h1[style="vertical-align:bottom;"] {margin-top:0px; margin-bottom:0px; font-size:30px;}


.panel-group .panel-heading {
	height: 50px;
	max-width: 300px;
	float: right;
	background-color: rgba(0,0,0,.25)!important;
	background-color:#999\9; /* IE8 and below */
}



.panel-title {
	font-size:20px;
}

.panel-default {
	background-color:transparent;
	border:none;
}

.panel-default>.panel-heading {
	background-color: rgba(0,0,0,.35)!important;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
	border-top:0px;
}

#collapse1.panel-collapse.in {
	
	background-color: rgba(0,0,0,.35)!important;
	margin-top:50px;
	color:#fff;
	background-color:#999\9; /* IE8 and below */
}

#accordion {
	border:none;
	margin-top:-35px;
	padding-bottom: 20px;
}

.panel {
	box-shadow:none;
	-webkit-box-shadow:none;
}

h3.subnavlinks, h5.subnavlinks {
	margin-top:5px;
	margin-bottom:2px;
	font-weight:500;
	font-size:18px;
}

h3.subnavlinks > a, h5.subnavlinks > a {
	color: #333;	
}

h5.subnavlinks { 
	margin-top:0px;
	margin-bottom:12px;
	font-size:14px;
}

h5.subnavlinks, h3.subnavlinks {
	*font-size:16px; /* IE7 only */
}

.headingTab {
	background:#bbb;
	font-size:20px;
	font-weight:800;
	padding:4px 10px 0px 10px;
	display:inline-block;
	text-align: center;	
	padding-left: 25px;
	padding-right: 25px;
}

.headingTabBorder {
	border-bottom:3px rgba(0,0,0,.35) solid;
	margin-bottom:10px;
}
table {background-color:white;}
table.gsc-search-box { background-color:transparent; }
#collapse1.panel-collapse.collapsing {margin-top: 50px;}

/* END New Landing page 6-10-14 */

.landing-menu {
	background-color: rgba(0, 0, 0, 0.25) !important;
	background-image:url(../img/transparent-darker.png)\9; /* IE8 and below */
	padding: 15px;
	color: #FFF;	
}