@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic);

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*addition*/

.rendered-tab-wrapper{
display:none;
}

#ctl00_ContentPlaceHolder1_portlet_instance_81543,
#ctl00_ContentPlaceHolder1_portlet_instance_81544,
#ctl00_ContentPlaceHolder1_portlet_instance_81546{
    display: none;
}

.rendered-services, .rendered-emergency, .rendered-recreation {
    padding: 5px;
    font-size: 20px;
    text-align: center;
    background-color: #fff;
}

#emerg > .ptl_col_1 {
    padding: 0px;
}

/*addition ends*/

/**
 * Remove default margin.
 */

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.clear { clear: both; }

.row:after, .inside-padding:after { display: block; content: ''; clear: both; }

.inside-padding {
 max-width: 1400px;
 margin: 0px auto;
 padding: 10px;
}


.w-10 { width: 10%; float: left; }
.w-33 { width: 33.33334%; float: left; }
.w-66 { width: 66.66667%; float: left; }
.w-25 { width: 25%; float: left; }
.w-30 { width: 30%; float: left; }
.w-34 { width: 34%; float: left; }
.w-38 { width: 38%; float: left; }
.w-40 { width: 40%; float: left; }
.w-45 { width: 45%; float: left; }
.w-50 { width: 50%; float: left; }
.w-60 { width: 60%; float: left; }
.w-62 { width: 62%; float: left; }
.w-66whole { width: 66%; float: left; }
.w-70 { width: 70%; float: left; }
.w-80 { width: 80%; float: left; }

body {
 font-family: 'Open Sans', sans-serif;
 font-weight: normal;
 font-size: 16px;
-webkit-font-smoothing: antialiased;
}

p {
    line-height: 27px;
}

h2 {
    font-size: 25px;
    margin: 20px 0px 20px;
}

.departmentPage #events-button {
    display: none;
}



#homeTabs {
   margin-bottom: 0px; 
}

.bodyBackground {
 width: 100%;
 height: 100%;
 position: fixed;
 z-index: -1;
 background-size: cover;
 background-position: top center;
 background-attachment: fixed;
 display: none;
 top: 0px;
 left: 0px;
background-repeat: repeat-y;
}

.eventPlaceHolder{
background: #fbfbfb !important; border-bottom: 2px solid #c7c7c7 !important;
}

.content {
    /*background: #fbfbfb !important;*/
}


/* Tables */

.labelRFP > label {
    display: block;
    padding: 8px;
}

.labelRFP input[type="checkbox"], input[type="radio"] {
    margin: 7px;
}

.labelRFP > span{font-size: 19px;padding: 6px;color: #2a2b2b;font-weight: 600;background: #f7f7f7;}


.labelRFP {
    font-size: 15px;
  margin-top: 35px;
}

.RFPPage .w-10 {
    width: 17%;
}

table#rfp-table tr:first-child {
    /*display: table-row !important;*/
}

thead tr {
    display: table-row !important;
}



/*-- Header --*/

#header-right {
 width: 90%;
 /*float: right;*/
 position: relative;
}

.row.top {
    display: inline-block;
    float: right;
    position: relative;
    margin: 20px 0px 20px;
    margin-left: 35px;
    z-index: 99;
  width: 50%;
}

#header-right h2 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 32px;
   letter-spacing: 1.5px;
display: inline-block;
float: left;
position: relative;
z-index: 9;
}

.heroControls ul:after {
    content: '';
    display: block;
    clear: both;
}

.heroControls > ul > li {
    float: left;
}

li.heroControlDrop {
    position: relative;
}

a.heroToggle {
    display: block;
    width: 46px;
    line-height: 46px;
    background: #ffffff;
    text-align: center;
    border-radius: 5px;
    margin-left: 10px;
    color: #27588d;
    text-decoration: none;
    font-size: 1.3em;
    transition: all 0.2s ease-in-out;
    color: #ffffff;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
    font-size: 1.6em;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16),0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}

a.heroToggle em { font-style: normal; }

.translateWrapper a.heroToggle { background-color: #1b6179; }
.fontSizeWrapper a.heroToggle {
    background-color: #41ad49;
    font-size: 1.4em;
}

a.heroToggle:hover, a.heroToggle:focus {
    transform: scale(1.3,1.3);
}

ul.heroDropdown {
    display: none;
    position: absolute;
bottom: 44px;
    right: 0px;
    background: #ffffff;
    z-index: 3000;
    border-radius: 5px;
    width: 180px;
    padding: 0px;
    margin: 0px;
    list-style: none;
    overflow: hidden;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16),0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}

ul.heroDropdown a {
    display: block;
    padding: 0.6em 0.8em;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #eeeeee;
    transition: all 0.2s ease-in-out;
    font-size: 0.9em;
}

ul.heroDropdown a:hover {
    background: #eeeeee;
}




#header-left {
 width: 10%;
 float: left;
 max-width: 190px;
 margin: 0 auto;
position: relative;
}

#header > .inside-padding {
    padding: 5px;
}


#header-left:before {

	content: "";
	position: absolute;
	left: 10%;
	top: 20px;
	background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_3585797/Templates/images/watermark.png') no-repeat;
	width: 500px;
	height: 122px;
      bottom: 0px;
z-index: 1;
    
}



#header {background-color: #2A7F9C;
-webkit-box-shadow: 0px 11px 14px -2px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 11px 14px -2px rgba(0,0,0,0.24);
box-shadow: 0px 11px 14px -2px rgba(0,0,0,0.24);


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d6993+0,2a7f9c+100 */
background: #0d6993; /* Old browsers */
background: -moz-linear-gradient(top, #0d6993 0%, #2a7f9c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0d6993 0%,#2a7f9c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0d6993 0%,#2a7f9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d6993', endColorstr='#2a7f9c',GradientType=0 ); /* IE6-9 */



}

a#logo { display: block; position: relative; z-index: 999; }

#logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
 z-index: 4;
}

#header-right .top ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#header-right .top ul li {
    display: inline;
    float: right;
   width: 45%;
}

#header-right .top ul.languageDropdown.heroDropdown li {
    display: block;
    float: none;
}


a.contactBtn {
    color: #ffffff;
    background-color: #151515;
    font-weight: 700;
    padding: 0px 14px 0px 15px;
    line-height: 33px;
    display: block;
    text-decoration: none;
    font-size: 15px;
transition: all .2s ease-in-out;
width: 62%;
margin-left: 30px;
}



a.loginBtn{
    font-weight: 700;
    padding: 0px 14px 0px 15px;
    line-height: 33px;
    color: #151515;
    text-decoration: none;
transition: all .2s ease-in-out;
}


a.contactBtn {
    color: #ffffff;
    background-color: #151515;
    font-weight: 700;
    padding: 0px 14px 0px 15px;
    line-height: 33px;
    display: block;
    text-decoration: none;
    font-size: 15px;
transition: all .2s ease-in-out;
}

.titleNews h3 {
    color: #000 !important;
    display: block;
}

.titleEvents h3 {
    color: #000 !important;
    display: block;
}

a.news.btn {
    font-weight: 700;
    padding: 0px 14px 0px 15px;
    line-height: 75px;
    color: #151515;
    text-decoration: none;
transition: all .2s ease-in-out;
}

.media img {
 max-width: 50%;
 margin: 0px 15px 0px 0px;
}


a.news.btn:hover {
opacity: 0.8;
}

#newsTitle {
    float: left;
    display: inline-block;
    width: 60%;
}



#news-button {
    float: right;
    text-align: right;
    display: inline-block;
    width: 30%;
}

#bottom-section {
position: relative;
}









a.contactBtn:hover, a.loginBtn:hover { opacity: 0.7; }

/* SitePublish Temporary Search */

#searchBox {
    width: 242px !important;
}

.divSearchBox a img {
    display: none;
}

body .divSearchBox {
    padding: 0;
}

a#ctl00_btnSearch {
    color: #fff;
   /* background: #006747;*/
    display: inline-block;
   /* padding: 12px 30px;*/
    vertical-align: middle;
}

i.fa.fa-search {
    background: #1b6179;
    padding: 11px;
}

input#ctl00_SearchTerm {
    border: none;
    line-height: 30px;
    font-size: 16px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}


li.search {
    color: #2a7f9c;
    /*border: 1px solid #C1C1C1;*/
    padding: 0px 10px 0px 10px;
    line-height: 31px;
    display: block;
    text-decoration: none;
    font-size: 15px;
    width: 150px;
    margin-left: 15px;
   /*background: #FFF;*/
}

#menubar {
    width: 84%;
   float: left;
}




/*---- TELERIK COLORS ----*/

.telerik_main_menu .rmRootGroup a {
 text-decoration: none;
 font-size: 18px;
 text-align: center;
}

.RadMenu .rmHorizontal .rmText {
    padding: 0 45px 1px 0 !important;
    font-size: 20px;
}


.RadMenu .rmGroup .rmText {
 margin-left: 0px !important;
 padding: 11px 10px 10px 10px !important;
 margin-bottom: 4px;
}


.RadMenu .rmHorizontal .rmText{
/*padding: 0px 60px 1px 0px !important;*/
}

.RadMenu .rmVertical .rmItem .rmText {
    font-size: 14px;
}


/*--Navigation Arrow BG--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_3585797/Templates/images/icons/arrows-sprite.png');
}

/*--Navigation Arrow--*/

/*--Light--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background-position: -18px -44px !important;
}



.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 content: '';
 position: absolute;
 top: 17px;
 right: 1px;
width: 18px;
height: 26px;
}



li.rmItem.rmFirst {
}

/*--TOP LEVEL STYLES--*/
.rmText {
 color: #ffffff;
}

.RadMenu .rmGroup .rmText {
 color: #ffffff;
}

.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink{
padding: 5px 0px 5px 0px;
}


/*--Normal State--*/
#menubar a,
.telerik_main_menu .rmRootGroup a {
 color: #ffffff;
}

.telerik_main_menu .rmRootGroup a span {
 color: #ffffff;
}

/*--Over and Focused State ***/
#menubar a:hover,
.telerik_main_menu .rmRootGroup a.rmRootLink:hover,
.telerik_main_menu .rmRootGroup a.rmRootLink.rmFocused {
 color: #ffffff;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmFocused span {
 color: #ffffff;
}

/*--TOP LEVEL HOVER BG COLOR AND IMAGES (two images)--*/
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
/* background-color: #183d5a;*/
/*opacity: 0.9;*/
}

/*--END OF TOP LEVEL STYLES--*/


/*--DROPDOWN MENU STYLES--*/

/*--Normal State--*/

.telerik_main_menu .rmGroup a {
 color: #ffffff;
 background: #595d57;
}

.telerik_main_menu .rmGroup a span {
 color: #ffffff;
 background: #595d57;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
 background: #000;
 color: #ffffff;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
 background: #000;
 color: #ffffff;
}

/*--END OF DROPDOWN MENU STYLES--*/

.rmItem:hover {
 /*background-color: #183d5a;*/
}

.rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
 background-color: #000;
}

/*--DROPDOWN LV2 MENU STYLES--*/

/*--Normal State--*/

.telerik_main_menu .rmGroup .rmGroup a {
 color: #ffffff;
 background: #2e2e2e;
}

.telerik_main_menu .rmGroup .rmGroup a span {
 color: #ffffff;
 background: #2e2e2e;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup .rmGroup a:hover,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused {
 background: #080808;
 color: #ffffff;
}

.telerik_main_menu .rmGroup .rmGroup a:hover span,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused span {
 background: #080808;
 color: #ffffff;
}

/*--SECOND LEVEL BORDER LEFT--

.rmLevel2 {
 border-left: 4px solid #be1e2d;
}*/

/*--END OF DROPDOWN MENU STYLES--*/

/*---- END TELERIK COLORS ----*/







/* VERTICAL TABS STYLING */

.tabsTop li {
    padding: 5px;
}

#tab-content-text .inisde-padding {
    background: #FFF;
    max-width: 1400px;
    padding: 0px;
    position: relative;
}

.tabInside .inisde-padding {
    max-width: 1400px;
    padding: 0px;
}



li.resp-tab-item.ver_1.resp-tab-active {
    border: none !important;
    background-color: #2A7F9C!important;
    color: #FFF;
position: relative;
}

.resp-tabs-container {
    width: 79% !important;
    margin-left: 40px;
}


.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs ul.resp-tabs-list{
width: 17%;
}

li.resp-tab-item.ver_1:hover {
   /* background: #efefef !important; */
}

h2.resp-tab-active span.resp-arrow{
  border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #FFF !important;
}



#parentVerticalTab-2  h2.resp-accordion.ver_1.resp-tab-active {
    background-color: #8E2537 !important;
}


#parentVerticalTab-3  h2.resp-accordion.ver_1.resp-tab-active {
    background-color: #C17121 !important;
}


div#theme.homepage {
   min-height: 900px;
}

div#slider {
    min-height: 200px;
}

h2.resp-accordion.ver_1.resp-tab-active {
    border: none !important;
    background-color: #2A7F9C !important;
    color: #FFF;
}

h2.resp-accordion.ver_1 em {
    display: none;
}


h2.resp-accordion.ver_1 {
    border: none;
    border-color: #FFF;
    border-bottom: 1px solid #000;
    background-color: #FFF !important;
}

li.resp-tab-item:hover {
      transition: all .2s ease-in-out;

}

li.resp-tab-item:hover .fa{
    transform: scale(1.4);


}


li.resp-tab-item em {
    color: #2A7F9C;
    text-align: right;
    position: absolute;
    right: 20px;
font-size: 24px;
 transition: all .2s ease-in-out;
}

.resp-vtabs .resp-tabs-container {
    border: none !important;
}


li.resp-tab-item.ver_1.resp-tab-active:after {content:'';width: 0;height: 0;border-top: 25px solid transparent;border-left: 37px solid #2A7F9C;border-bottom: 27px solid transparent;position:absolute;right: -37px;top: 0;}


.resp-vtabs .resp-tabs-list li {
    border: none !important;
    background-color: #FFF !important;
    font-size: 16px;
    color: #808080;
    border-bottom: 2px solid #E6E6E6 !important;
   position: relative;
}



#tab-content-text .inside-padding {
    background-color: #FFF;
}

.tabInside h3.active {
    color: #2A7F9C;
    background-color: #FFF;
    padding: 20px;
}


.tabInside {
 color: #ffffff;
 background: none;
 /* margin-top: 0px; */
min-height: 350px;
}


.tabaccord1 > .tabInside h3 {
    background-color: #FFF;
}



.tabaccord1 > .inside-padding > h3 {
    background-color: #2A7F9C;
position: relative;
}


.tabaccord1 > .inside-padding > h3.active {
    background-color:#fbfbfb ;
    color: #2A7F9C ;
}


.tabaccord2 > .inside-padding > h3 {
    background-color: #8E2537;
    color: #FFF;
}

.tabaccord2 > .inside-padding > h3.active {
    background-color: #FFF;
    color: #8E2537;
}



.tabaccord3 > .inside-padding > h3 {
    background-color: #538234;
    color: #FFF;
}

.tabaccord3 > .inside-padding > h3.active {
    background-color: #FFF;
    color: #538234;
}



.tabaccord4 > .inside-padding > h3 {
    background-color: #C17121;
    color: #FFF;
}

.tabaccord4 > .inside-padding > h3.active {
    background-color: #FFF;
    color: #C17121;
}


.tabaccord5 > .inside-padding > h3 {
    background-color: #2a7f9c;
    color: #FFF;
}

.tabaccord5 > .inside-padding > h3.active {
    background-color: #FFF;
    color: #2a7f9c;
}



.tabaccord1 > .inside-padding > h3:after {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.42)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.42) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

content: '';

position: absolute;

width: 100%;

min-height: 11px;

display: block;

right: 0;

z-index: 58;

top: 59px;
}






.tabaccord2 > .inside-padding > h3:after {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.42)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.42) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

content: '';

position: absolute;

width: 100%;

min-height: 14px;

display: block;

right: 0;

z-index: 2;

top: 59px;
}



.tabaccord3 > .inside-padding > h3:after {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.42)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.42) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

content: '';

position: absolute;

width: 100%;

min-height: 14px;

display: block;

right: 0;

z-index: 2;

top: 59px;
}




.tabaccord4 > .inside-padding > h3:after {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.42)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.42) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

content: '';

position: absolute;

width: 100%;

min-height: 10px;

display: block;

right: 0;

z-index: 2;

top: 61px;
}







.tabaccord5 > .inside-padding > h3:after {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.42)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.42) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

content: '';

position: absolute;

width: 100%;

min-height: 14px;

display: block;

right: 0;

z-index: 2;

top: 59px;
}


/* FILTERING TABLE FOR RFPS */

.filter-table .quick { margin-left: 0.5em; font-size: 0.8em; text-decoration: none; }
.fitler-table .quick:hover { text-decoration: underline; }
td.alt {background-color: #ccccc6;background-color: rgba(204, 204, 198, 0.2);}



/*-- SUBPAGE --*/


a.rfp-rss {
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-decoration: none;
}

div#rfp-table_wrapper {
    margin-top: 20px;
}

a.rfp-rss em {
    margin-right: 10px;
}

a.rfp-rss:hover {
    opacity: 0.8;
}


#theme.subpage #page {
    margin-top: 25px;
}

.sidebar {
 width: 25%;
 float: left;
}

.mainContent {
 width: 75%;
 float: left;
min-height: 600px;
}

.sidebar > .inside-padding {
 padding-right: 40px;
 padding-top: 0px;
}

.mainContent > .inside-padding {
 padding-left: 20px;
border-left: 1px solid #dfdfdf;
 min-height: 500px;
 padding-top: 0px;
}

h2.page-title {
    margin-top: 0px;
    padding-bottom: 15px;
    font-size: 30px;
   color: #2A7F9C ;
   text-transform: uppercase ;
width: 50%;
float: left;
}


#breadcrumbs {
    background: #8E2537;
    padding: 5px;
    color: #FFF;
}

#breadcrumbs, #breadcrumbs a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

#breadcrumbs a {
    font-weight: normal;
transition: all .2s ease-in-out;
}

#breadcrumbs a:hover { opacity: 0.7; }

.sb-r ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline;
  cursor: pointer;
}

.sb-r ul li {
    display: inline;
}

.sb-r {
    float: right;
}




.subHero {
 height: 310px;
 background-size: cover;
 background-position: center;
 position: relative;
 opacity: 0;
}

.subHero.visible {
 opacity: 1;
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
}


.fontSize a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    color: #4D4D4D;
    text-align: center;
    font-size: 28px;
    text-decoration: none;
    margin-left: 10px;
    font-weight: bold;
transition: all .2s ease-in-out;
}

a.share.st_sharethis_large {
    font-size: 28px;
    color: #4d4d4d;
    margin-right: 10px;
}


.sb-r a.print {
    color: #4D4D4D;
    font-size: 30px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    position: relative;
transition: all .2s ease-in-out;
}

#side-r ul li .fa.fa-share-square-o {
 top: 7px;
 cursor: pointer;
}

#side-r ul li a:hover .fa {
 opacity: 0.8;
}

.stButton .stLarge {
    display: none;
}

.stButton .stLarge {
display: none !important;
}


.sharePanel {
 position: absolute;
 top: -76px;
 left: 50%;
 margin-left: -117px;
 display: none;
 padding-bottom: 20px;
}

.sharePanel .inside {
 background: #3b3a3a;
 border: 2px solid #2b2b2b;
 border-radius: 5px;
 padding: 4px 5px 5px 5px;
 width: 220px;
 height: 49px;
 color: #ffffff;
}

.sharePanel .inside .share-icn {
 display: inline;
 width: 50%;
 float: left;
 text-align: center;
 line-height: 30px;
 line-height: 35px;
 font-size: 14px;
 cursor: pointer;
 width: 55px;
 font-family: 'Montserrat', sans-serif;
}

.sharePanel .inside .share-icn:hover {
 opacity: 0.8;
}

.sharePanel:after {
 content: '';
 display: block;
 position: absolute;
 bottom: 8px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 12px 10px 0 10px;
 border-color: #2b2b2b transparent transparent transparent;
 left: 50%;
 margin-left: -10px;
}

#side-r ul li .fa.fa-share-square-o:hover .sharePanel {
 display: block
}

.sharePanel .fa {
  display: block;
  font-size: 19px;
}






.fontSize a:hover, .sb-r a.print:hover { opacity: 0.7; }

#page a.button {
    padding: 10px !important;
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    line-height: 22px;
    max-width: 430px;
    margin: 0px auto 15px;
    background: #227dba;
    border: none;
    color: #ffffff;
    font-size: 16px;
    margin: 15px 0px 15px;
transition: all .2s ease-in-out;
}


#page a.content-button {
    padding: 10px !important;
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    line-height: 22px;
    margin: 0px auto 15px;
    background: #227dba;
    border: none;
    color: #ffffff;
    font-size: 16px;
    margin: 15px 0px 15px;
    transition: all .2s ease-in-out;
}

.btnWrapper { padding: 5px; box-sizing: border-box; display: block; }

#page a.content-button:hover {
 background: #3498db;
}

#page a.content-button em {
 font-size: 27px;
}

#page a.content-button em.fa.fa-caret-right {
 float: right;
}



#page a.button:hover {
 background: #3498db;
}

#page a.button em {
 font-size: 27px;
}

#page a.button em.fa.fa-caret-right {
 float: right;
}



/*-- SUBPAGE ACCORDION --*/


.acc_trigger a {
    font-size: 16px;
    color: #2B81BB;
    text-decoration: none;
    text-transform: inherit;
    line-height: 2.2em;
}

h3.acc_trigger {
    margin: 0px;
}

.acc_container .block {
    margin: 0px;
}

a.btn.acc_expand-all {
    background-color: #2B6BBF;
    padding: 8px 10px 8px 10px;
    display: inline-block;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a.btn.acc_expand-all:hover {
 opacity: 0.7;
} 


.contactBox {
    padding: 10px;
    background: #efefef;
    text-align: center;
   margin-bottom: 20px;
}

.contactBox strong {
    display: block;
}


#mobile-bar {
 display: none;
    background: #FFF;
    padding: 10px;
    color: #1C7497 !important;
    text-decoration: none;
    font-weight: 700;
   z-index: 99999;
}


/* FULL WIDTH PAGE */

.full-width .mainContent {
    width: 100%;
}

.full-width .mainContent > .inside-padding {
    border: none;
    padding-top: 20px;
}



/* DEPARTMENT PAGE */

#contact {
    background-color: #EFEFEF;
}

.departmentPage .w-30 > .inside-padding {
    border-left: 1px solid #DFDFDF;
    padding: 20px;
}




/*-- Footer --*/

#footer {
 background: #4D4D4D;
color: #EAEAEA;
 border-top: 6px solid #2A7F9C;
position: relative;

}


#footer > .inside-padding {
    padding: 20px 10px 20px 10px;
}

#footer-right {
 width: 20%;
 float: left;
 text-align: right;
}

#footer-right ul {
 
 float: right;
 list-style: none;
 margin: 0px;
 padding: 0px;
}




#footer-right ul li {
    display: inline-block;
    margin: 10px;
}

#footer-right ul li em {
    font-size: 26px;
    color: #EAEAEA;
}

#left {
    width: 20%;
    float: left;
}

#right {
    width: 80%;
    float: left;
}

#footer-left ul li {
    display: inline-block;
    padding: 2px;
}

#footer-left ul li a {
    color: #EAEAEA;
    text-decoration: none;
}

#footer-right iframe {
    max-width: 500px !important;
    width: 100% !important;
}

#footer-left {
 width: 80%;
 float: left;
 margin-bottom: 20px;
}

#footer-left ul {
 float: left;
 list-style: none;
 margin: 0px;
 padding: 0px;
}

ul#newsletter {
    text-align: right;
    margin: 0px;
    list-style: none;
margin-top: -10px;
margin-bottom: 20px;
}

ul#newsletter li a {
    color: #FFF;
    text-decoration: none;
    background-color: #2A7F9C;
    padding: 17px 25px 11px 24px;
   font-size: 17px;
}

ul#newsletter li a em {
    font-size: 22px;
    margin-right: 10px;
}

ul#newsletter li a:hover {
    background: #FFF;
    color: #2A7F9C;
       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;
}



#footer-left ul li a:hover { color: #FFF; }

#footer h3 {
    margin: 0px 0px 10px;
    font-size: 25px;
   text-transform: uppercase;
}

#footer p {
    margin: 0px 0px 10px 0px;
}


.footerTop {
 background: #227dba;
 margin-top: 30px;
}

.footerTop div {
    list-style: none;
    padding: 0px;
    max-width: 1200px;
    margin: 0px auto 0px;
 display: table;
}

.footerTop a {
    margin: 0px;
    padding: 0px;
    color: #ffffff;
   text-transform: uppercase;
 font-size: 16px;
 text-decoration: none;
 font-weight: bold;
    display: table-cell;
 text-align: center;
 padding: 10px;
 cursor: pointer;
    vertical-align: middle;
}

.footerTop a:hover {
 background: #3498db;
}

@media screen and (max-width: 1120px) {
 /*#header-left { width: 22%; }
 #header-right { width: 78%; }*/
#header > .inside-padding {
    padding: 0px;
}
}

@media screen and (max-width: 1060px) {
.megamenu .level1 > a { font-size: 14px; }
}

@media screen and (max-width: 1000px) {
 #footer-left, #footer-right { width: 100%; float: none; }

#footer {
    text-align: center;
}

.resp-tabs-container {
margin-left: 0px;
}


 #footer-right ul { text-align: center; float: none; }

 #footer-right { text-align: center; }

#footer-right iframe { max-width: 100% !important; }

ul#newsletter {
    background-color: #2A7F9C;
    padding: 17px;
    text-align: center;
    width: 94.5%;
margin-top: -20px;
}

#footer > .inside-padding {
    padding-left: 0px;
}

#left {
    width: 100%;
    float: none;
}

#right {
    width: 100%;
    float: none;
}

}

@media screen and (max-width: 950px) {
 .RadMenu_PageControls, #divMenuOffset {
  display: none;
 }

#header-right h2{ display: none;} 

 #header-left, #header-right { width: 100%; float: none; text-align: center; }

 #menubar { position: relative;  z-index: 99999; width:100%; float: none; }

#header-right .row.top {  margin: 15px 0px; display: block; width: 100%; float: none; }

#header-right .top ul li { float: none; display: inline-block; width: 44%;}
#header-right .top ul li.search { float: none; display: inline-block; margin-left: 0px; margin-right: 15px; }

.sub-head-left {
    width: 100%;
}

.rendered-services, .rendered-emergency, .rendered-recreation { display: none;}

.sidebar {
 width: 30%;
 float: left;
}

.mainContent {
 width: 70%;
 float: left;
}

.inner-slide { height: 350px; }

}





@media screen and (max-width: 970px) {
.carousel-caption {
 display: none;
}
}


/*-- Fix Default Layouts --*/

/*-- One Col 100% --*/
.ptl_col_1 { width: 98%; padding: 1%; }

/*-- Two Col 50% --*/
.ptl_col_1_2 { width: 48%; padding: 1%; }

/*-- Two Coll 25% / 65% --*/
.ptl_col_1_4 { width: 23%; padding: 1%; }
.ptl_col_3_4 { width: 63%; padding: 1%; }

/*-- Two Coll 66% / 33% --*/
.ptl_col_2_3 {width: 60%; padding: 1%;}
.ptl_col_1_3 {width: 31%; padding: 1%;}


@media screen and (max-width: 750px) {
.ptl_col_1_4 { width: 100%; padding: 0%; }
.ptl_col_3_4 { width: 100%; padding: 0%; }
}


@media screen and (max-width: 580px) {
 .ptl_col_1 { width: 100%; padding: 0%; }

 .ptl_col_1_2 { width: 100%; padding: 0%; }

 .ptl_col_2_3 { width: 100%; padding: 0%; }
 .ptl_col_1_3 { width: 100%; padding: 0%; }
}


@media screen and (max-width: 850px) {
.w-33, .w-66, .w-10, .w-80 { width: 100%; float: none; }

.RFPPage .w-10 {
    width: 100%; float: none;
}

#theme.homepage {
    min-height: 200px !important;
}


.departmentPage .w-70 {
    width: 100%;
}



.w-10 { width: 100%; float: none; }
.w-40 { width: 100%; float: none; }
.w-60 { width: 100%; float: none; }
.w-33 { width: 100%; float: none; }
.w-66 { width: 100%; float: none; }
.w-25 {width: 100%; float: none; }
.w-30 { width: 100%; float: none; }
.w-34 { width: 100%; float: none; }
.w-38 { width: 100%; float: none; }
.w-40 { width: 100%; float: none; }
.w-45 { width: 100%; float: none; }
.w-50 { width: 100%; float: none; }
.w-60 { width: 100%; float: none; }
.w-62 { width: 100%; float: none; }
.w-66whole { width: 100%; float: none; }
.w-70 { width: 100%; float: none; }
.w-80 { width: 100%; float: none; }
.RFPPage .w-10 {
    width: 100%; float: none;
}

.departmentPage .w-30 {
    width: 100%;
}


ul.rightLinks li {
  display: inline-block;
    /*width: 49%;*/
width:33%;
/*float: left; */
}


iframe#twitter-widget-0 {
    display: block !important;
 margin: 0px auto 0px auto !important;
}


.capWrap h3 { font-size: 16px; }

.inner-slide { height: 250px; }

#main-slider .flex-control-nav { display: none; }

#slider {
    min-height: 0px !important;
}

.capWrap {
    width: 92%; padding: 15px 4%;
   min-height: 50px;
}

.capWrap p { font-size: 15px; }

.link-w a { font-size: 13px; }

#theme.subpage #page { margin-top: 0px; }

.sidebar, .mainContent {
 width: 100%;
 float: none;
}

.sidebar > .inside-padding {
 padding-right: 10px;
 padding-top: 10px;
}

.mainContent > .inside-padding {
 padding-left: 10px;
border-left: none;
 min-height: auto;
 padding-top: 10px;
}

.sidebar .ptl_portlet_vertical:nth-child(2) { display: none; } 

}

@media screen and (max-height: 1240px) {
#footer {
    position: relative;
}

}



@media screen and (max-height: 2000px) {
#footer {
    
}

}


@media screen and (max-width: 960px) {

div#slider{ min-height: 0px;}

div#theme.homepage{ min-height: 400px;}

.megamenu > ul { display: none; }

#mobile-bar { display: block; }




.telerik_main_menu {
display: none;
}


#header-left:before{ display: none;}
}


@media screen and (max-width: 960px) {

.resp-tabs-container {
    width: 100% !important;
    height: auto !important;
}

   ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

ul.rightLinks li {
    display: block;
    width: 100%;
}

 .tabInside { /*margin-bottom: 1px; */ padding: 0px; min-height: 0px;}

 .tabInside h3 {display: block;color: #FFF; padding: 20px; position: relative;}

 .tabs .tab { display: block; }

 .tabInside .row { display: none; }

 .tabsTop { display: none; }

 .tabInside .inside-padding { padding: 10px; }
.tabInside .inside-padding{ min-height: 0px;}


}


@media screen and (max-width: 750px) {

 .footerTop a { display: block; font-size: 14px; }
ul.rightLinks li {
    display: block;
    width: 100%;
}


}

@media screen and (max-width: 650px) {
.tabInside .w-50 { width: 100%; float: none; display: block; }
.tabInside .inside-padding{ min-height: 0px;}
}

@media screen and (max-width: 580px) {
.news-item > .add-padding { display: block; }
.newsImage { display: block; width: 100%; }
.newscontent { display: block; padding: 0px; margin-top: 20px; }
#header-right h2{ display: none;}
h2.page-title{ display:none;}
.inner-slide{ display: none;}
.tabInside .inside-padding{ min-height: 0px;}
.bodyBackground{ display: none !important;}
.subHero{ display: none;}

}

@media screen and (max-width: 500px) {
 #footer-left ul { width: 100%; float: left; }
}


a.allNews {
    float: right;
    font-size: 16px;
    color: #333333;
    text-decoration: none;
    transform: translate(0px,10px);
}

a.btn.iconButton {
    display: block;
    box-sizing: border-box;
    padding: 6px 10px 6px 10px;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    text-align: center;
    font-weight: 700;
}
a.btn.iconButton:hover { opacity: .8; }

a.btn.iconButton em {
    margin-right: 10px;
    font-size: 30px;
}

a.btn.iconButton span {
    -ms-transform: translate(0px,-3px);
    -webkit-transform: translate(0px,-3px);
    transform: translate(0px,-3px);
    display: inline-block;
}

/** Services Tab **/
li.tab-2{
   background: #C17121;
}

li.tab-2.active h3{
   color: #C17121;
}

li.tab-2.active li.resp-tab-item em{
   color: #C17121;
}

#parentVerticalTab ul.rightLinks a .fa{
   color: #C17121 !important;
}

#parentVerticalTab  li.resp-tab-item.ver_1.resp-tab-active, #parentVerticalTab li.resp-tab-item:hover{
   background: #C17121 !important;
   color: #FFF;
}

#parentVerticalTab  li.resp-tab-item.ver_1.resp-tab-active{
    color: #FFF !important;
    border-left: 37px solid #C17121 !important;
}

#parentVerticalTab  li.resp-tab-item.ver_1.resp-tab-active:after{
    color: #C17121 !important;
    border-left: 37px solid #C17121 !important;
}

#parentVerticalTab li.resp-tab-item em{
    color: #C17121 !important;
}

.tabaccord2 > .inside-padding > h3 {
    background-color: #C17121;
    color: #FFF;
}

.tabaccord2 > .inside-padding > h3.active {
    background-color: #FFF;
    color: #C17121;
}

h2.resp-accordion.ver_1.resp-tab-active{
    background-color: #C17121 !important;
}

/** Emergency Tab **/
li.tab-4{
   background: #8E2537;
}



li.tab-4.active h3{
   color: #8E2537;
}

.tabaccord4 > .inside-padding > h3{
    background-color: #8E2537;
    color: #FFF;
}

.tabaccord4 > .inside-padding > h3.active {
    background-color: #FFF;
    color: #8E2537;
}

#parentVerticalTab-2  li.resp-tab-item.ver_1.resp-tab-active, #parentVerticalTab-2  li.resp-tab-item:hover {
    background-color: #8E2537 !important;
    color: #FFF;
    }



/** Recreation Tab **/
#parentVerticalTab-3 ul.rightLinks a .fa{
   color: #2A7F9C !important;
}

#parentVerticalTab-3  li.resp-tab-item.ver_1.resp-tab-active, #parentVerticalTab-3 li.resp-tab-item:hover{
   background: #2A7F9C !important;
   color: #FFF;
}

#parentVerticalTab-3  li.resp-tab-item.ver_1.resp-tab-active:after{
    color: #2A7F9C !important;
    border-left: 37px solid #2A7F9C !important;
}

#parentVerticalTab-3 li.resp-tab-item em{
    color: #2A7F9C !important;
}

#parentVerticalTab-3  h2.resp-accordion.ver_1.resp-tab-active{
     background-color: #2A7F9C !important;
}

/* ====== Raymond Selzer Changes ==== */
.labelRFP > label
{
float: left;
}

.labelRFP > h3
{
clear: both;
}
#rfp-table th
{
 padding-right: 1em;
}
#rfp-table th .fa
{
float: right;
display: none;
margin-right: -1em;
}
#rfp-table th.headerSortUp .fa-caret-down
{
display: block;
}
#rfp-table th.headerSortDown .fa-caret-up
{
display: block;
}

input#gsc-i-id1 {
    background: white!important;
top: -5px;
    position: relative;
}

.sub-head-left .row.top {
    left: 0px;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    top: 5px;
position: relative;
}          
.search input.gsc-search-button, .search input.gsc-search-button:hover, .search input.gsc-search-button:focus {
    border-color: #c17121 !important;
    background-color: #c17121 !important;
    border-radius: 5px;
    background-image: none;
    filter: none;
}
.search .cse .gsc-search-button input.gsc-search-button-v2, .search input.gsc-search-button-v2 {
    padding: 9px 12px !important;
}
.search .gsc-input-box {
    border: 1px solid #D9D9D9;
    background: #fff;
    height: 30px !important;
}            
.gsc-adBlock{
display:none!important;
}

.media-body h1.media-heading{
display:none!important;
}


.sidenav .level3 {
    margin-bottom: 5px;
    padding-left: 10px;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 5px;
    margin-right: 50px;
    margin-left: 20px;
}

.sidenav .level3 a {
    margin-top: 10px;
    margin-left: 5px;
    font-size: 15px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    display: inline-block;
}

/* Translate Button */

.translateWrapper.heroControlDrop {
    width: 100%;
    max-width: 100px;
    display: flex;
}

.sub-head-left .row.top {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#header-right .top ul li {
    width: 100%;
    margin: 0;
}

#header-right .top ul {
    width: 100%;
    max-width: 300px;
}

.translateWrapper a.heroToggle {
    margin: 10px 0 0 0;
    width: 100%;
}

#header-right {
   float: right;
}

ul.heroDropdown {
    top: calc(100% + 10px);
    bottom: auto;
}

@media screen and (max-width: 950px) {
#header-right .row.top {
    justify-content: center;
    align-items: center;
    display: flex;
}
}

ul.heroDropdown {
    top: 100%;
    bottom: auto;
}

body .gsc-search-button-v2 {
    padding: 10px 20px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

body .gsc-search-button-v2 svg {
    fill: #000;
}

body .gsc-search-button-v2:hover, body .gsc-search-button-v2:focus {
    background: #0f445a;
}

body .gsc-search-button-v2:hover svg, body .gsc-search-button-v2:focus svg {
    fill: #fff;
}
