@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');


#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#logo {
    position: relative;
    z-index: 99;
}

div#content {
    position: relative;
    top: 90px;
}

.telerik_main_menu .rmRootGroup a:hover span, .telerik_main_menu .rmRootGroup a.rmFocused span {
    color: #1675a9 !important;
}

input#gsc-i-id1 {
    background: #FFF !important;
    padding: 12px !important;
    border-radius: 5px;
    text-indent: 0 !important;
    border: 1px solid #666 !important;
}

h1.pageTitle {
   color: #0070c0;
   font-weight: 600;
   font-size: 2.25em;
   margin-bottom: 0.75em;
}

div#sidebar table {
    min-width: 228px;
}



a.sub_sel:before {
    content: " > ";
    margin-right: 5px;
}

#sidebar td table:nth-child(1) tr td:before {
    content: "";
    background: #e7edf3;
    height: 41px;
    width: 600%;
    display: inline-block;
    left: -600%;
    position: relative;
    top: 53px;
}

a.header {
    font-size: 18px;
    /* line-height: 3; */
    background: #e7edf3;
    padding: 8px 0px 0px 0px;
    font-weight: 600;
    color: #092f87;
    display: block;
    margin-bottom: 10px;
    height: 41px;
    margin-top: 8px;
}

a.sub_sel {
    font-weight: 600;
    color: #1675a9;
}




.navbar-static-top {
width: 20%;
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
}

.navbar-static-top #searchPanel { float: left;
    margin-right: 30px;
    margin-top: 10px; }
#searchPanel .divSearchBox{    position: relative;}
.navbar-static-top #searchPanel:after { 
content: '';
display: block;
clear: both;
/**padding: 20px 0;**/
}

.navbar-static-top #searchPanel input.SearchTerm {
    border: solid 1px #b3b3b3;
    background: #fff;
    color: #989898;
    left: 0;
    width: 100%;
    padding: 9px;
/**position: absolute;**/

}

.navbar-static-top #searchPanel a {
color: #949494;
padding: 9px 13px 9px;
position: absolute;
right: 0;
z-index:99;
}

.navbar-static-top #searchPanel a:hover, .navbar-static-top #searchPanel a:focus {
background: #1675a9;
color: #fff; }
#searchPanel a img {
    display: none;
}





@media (max-width: 899px) { 
    div.navbar.navbar-default.navbar-static-top{display: none;}
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');

.gsc-control-cse.gsc-control-cse-en {
    width: 275px;
    background: transparent !important;
    border: transparent !important;
}

div#google_translate_element {
    margin-top: 12px;
}

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

FONTS
font-family: 'Open Sans', sans-serif;

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

/* --------------------- HEADER ---------------------- */

#header {

max-height: 150px;
background-color: #FFF;
}

.RadMenu .rmHorizontal .rmText {
    /* color: #FFF; */
    font-size: 18px;
    text-transform: uppercase;
}

#header-right {
 float: right;
 position: relative;
width: 70%;
}

#header-left {
 position: relative;
 width: 30%;
 float: left;
}

#logo img:hover {
opacity: 0.8;
}

#logo img {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
}

div#menubar {
    margin-top: 2.5%;
    padding-left: 15%;
    max-height: 50px;
    position: absolute;
    left: 15%;
    right: 0;
    margin: 10px;
}

ul.rmVertical.rmGroup.rmLevel1 {
    padding: 0;
    background: #fff;
    width: 300px;
}

.wrapword .rmGroup .rmLink {
    width: 300px !important;
}

.RadMenu .rmGroup .rmText {
    padding: 6px 54px 6px 28px !important;
    margin: 0 0 0 4px;
}

/*---- TELERIK COLORS ----*/

/*--TOP LEVEL STYLES--*/

/*--Normal State--*/
.inner-bar a, .telerik_main_menu .rmRootGroup a {
    color: #1675a9;
    padding: 12px;
    font-weight: bold;
}

.telerik_main_menu .rmRootGroup a span {
 color: #1675a9;
 background-color: transparent;
 padding: 0;
}

/*--Over and Focused State ***/
.inner-bar a:hover,
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
 color: #1675a9;
 background-color: transparent;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmFocused span {
 color: #1675a9;
 background-color: transparent;
}

/*--TOP LEVEL HOVER BG COLOR AND IMAGES (two images)--*/
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
 background-color: transparent;
}

/*--END OF TOP LEVEL STYLES--*/


/*--DROPDOWN MENU STYLES--*/

/*--Normal State--*/
.telerik_main_menu .rmGroup a {
 color: #1675a9;
 background: #d4e7f1;
 text-decoration: none;
}

.telerik_main_menu .rmGroup a span {
 color: #1675a9;
 background: #f9f9f9;
 text-decoration: none;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
 background: #d4e7f1;
 color: #000000;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
 background: #d4e7f1;
 color: #000000;
}

/*--END OF DROPDOWN MENU STYLES--*/

.rmItem:hover {
 background-color: #fff;
 color: #1675a9;
}

.telerik_main_menu .rmRootGroup > li:hover > a span {
border-bottom: solid 2px #092f87;
background-color: #fff;
 color: #1675a9;
}

.rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
}
.rmVertical .rmItem:hover a span, .rmVertical .rmItem:focus a {
background:lightgrey;
}

/*--DROPDOWN LV2 MENU STYLES--*/

/*--Normal State--*/
.telerik_main_menu .rmGroup .rmGroup a {
 background-color: #fff;
 color: #1675a9;
}

.telerik_main_menu .rmGroup .rmGroup a span {
 background-color: #d4e7f1;
 color: #1675a9;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup .rmGroup a:hover,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused {background-color: #d4e7f1;color: #1675a9;}

.telerik_main_menu .rmGroup .rmGroup a:hover span,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused span {
 background-color: #fff;
 border: solid 1px #d4e7f1;
 color: #1675a9;
}

/*--SECOND LEVEL BORDER LEFT--*/

.rmLevel2 {
 border-left: 4px solid #d4e7f1;
}

/*--END OF DROPDOWN MENU STYLES--*/

/*---- END TELERIK COLORS ----*/


/* --------------------- STATIC HEADER & FOOTER ---------------------- */
.navbar.navbar-default.navbar-static-top {
    background: #fff;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    padding-left: 0;
}

ul.nav.nav-pills.navbar-nav.navbar-right {
    margin-top: 5px;
    /* margin-right: 2%; */
}

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

}


/*----- FONTS -----

   font-family: 'Open Sans', sans-serif;
*/

/*============================== START TEMPLATE ==============================*/


span.fe_forecast_link {
    display: none;
}


a, a:hover {
  color: #000;
  text-decoration: none;
}

.clear { clear: both; }
.row:after { content: ''; display: block; clear: both; }
.inside-padding {}
.w-33 { width: 33.333334%; float: left; }
.w-66 { width: 66.666667%; float: left; }
.w-30 { width: 30%; float: left; }
.w-60 { width: 60%; float: left; }



strong, em {
 font-weight: 700;
   font-family: 'Open Sans', sans-serif;
}

a.sizeable {
  color: #30597C;
 font-weight: 700;
   font-family: 'Open Sans', sans-serif;
}

a.sizeable:hover {
  opacity: 0.8;
}

p {
  line-height: 27px;
  padding: 2px;
}

.row .ptl_portlet_vertical { overflow: visible; overflow-x: visible; }

.row > .inside-padding {
 padding: 10px 50px 10px 50px;
}

body {
 font-size: 15px;
   font-family: 'Open Sans', sans-serif;
 line-height: normal;
 font-weight: 400;
 color: #2e2e2e;
 -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Open Sans', sans-serif;
 margin: 15px 0px 15px 0px;
}

h2 { font-size: 28px; }
h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

ul.sizeable li, ol.sizeable li {
 margin-bottom: 5px;
}

.img-fl{
    margin-right: 10px;
}

.img-fr{
    margin-left: 10px;
}

.hascaption {

}

.caption-holder {
}

.tbl {
  border: none;
}

div.tbl div.tbl_header {
}

.form-label {
}

input {opacity: 1 !important;z-index: 1 !important;position: relative !important;}

.grid_row input, .grid_row_alt input {
}

textarea {
}

input[type="submit"] {
}

input[type="submit"]:hover {
}

input[type="image"] {
}

blockquote {
}



/* --------------------- HEADER ---------------------- */


#header {
}


ul#header-links li {
 display: inline-block;
 /*margin: 5px 5px 5px 5px;*/
 margin: 5px 1px 5px 1px;
 /*padding: 9px;*/
 padding: 7px;
 background-color: transparent;
 border-radius: 25px;
 vertical-align: middle;
}


ul#header-links {
    float: right;
}


ul#header-links li a {
    color: #828282;
}

ul#header-links li:hover {
background-color: transparent;
    -webkit-transition: background .4s ease-out;
  -moz-transition: background .4s ease-out;
  -o-transition: background .4s ease-out;
  transition: background .4s ease-out;
    
}

#header-right {
 float: right;
 position: relative;
 width: 50%;
}


body #header > .inside-padding {}

.sec-header h2,
.sec-header h3 {
 font-size: 24px;
 position:relative;
 font-weight: 500;
 font-family: 'Open Sans', sans-serif;
color: #666666;
margin: 0px;
letter-spacing: 0.02em
}

/* --------------------- MEGAMENU ---------------------- */

.clear > span { display: none; }




#menubar .inside-padding {
    padding: 0px;
}


.megamenu {
 max-width: 1400px;
 margin: 0px auto;
}

nav {
    width: 50%;
    position: relative;
    /* right: 0; */
    margin: 0 auto;
    text-align: left !important;
    /* padding-right: 5%; */
    /* color: black; */
}

nav.portal-breadcrumb {
    width: 100%;
}

.megamenu > div > ul, ul.nav-menu {
 list-style: none;
 margin: 0;
 padding-left: 5%;
 padding-right: 14%;
 position: relative;
 right: 0;
 width: 1100px;
}


 li.level1.mega_how_do_i span.menuTitle:after {
  display:none; 
}

ul.second-level-list li {
    line-height: 10px !important;
}

.megamenu  li.level1:hover {transition: all .2s ease-in-out;background-color: transparent !important;}


.megamenu > div > ul:after {
 content: '';
 display: block;
 clear: both;
}

.megamenu > div > ul  li.level1 {
 float: left;
 width: 15%;
 text-align: center;
}

.megamenu > div > ul > li:hover > a, .megamenu > div > ul > li.mega_how_do_i:hover > div {
 text-decoration: none;
 position: relative;
 border-bottom-size: 0px;
}

.megamenu > div > ul > li:hover > a span.menuTitle, .megamenu > div > ul > li.mega_how_do_i:hover > div span.menuTitle{
 transition: all .2s ease-in-out;
background-color: transparent;

}*/


ul.third-level-list {
    list-style-type: none !important;
}

li.level1:hover {
 transition: all .2s ease-in-out;
background-color: transparent;
color: #828282;   
}

.mega_how_do_i .fa {
display:none;
}

.megamenu ul.second-level-list {
 background: #ffffff;
 z-index: 7006;
 position: absolute;
 left: 0px;
 top: 55px;
 width: 100%;
 list-style: none;
 margin: 0px;
 padding: 0px;
 display: none;
 -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 50, 0.23);
 -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 50, 0.23);
 box-shadow: 0px 0px 8px 2px rgba(0, 0, 50, 0.23);
 max-width: 1400px;
 text-align: left;
}

.megamenu .level1 > a, .nav-item > a {
 font-family: 'Open Sans', sans-serif;
 font-weight: 600;
 color: #0070c0 !important;
 font-size: 14px;
 display: inline-block !important;
 position: relative !important;
 z-index: 7010;
 text-decoration: none;
 text-transform: uppercase;
 transition: all 0.3s;
 }

.menuLogoOpen .megamenu .level1 > a, .menuLogoOpen .megamenu li.mega_how_do_i > div {
 line-height: 95px;
}

.megamenu .level2 > a {
 color: #0070c0;
 font-weight: 500;
 padding: 18px 15px 18px 15px;
 line-height: 15px;
 display: block;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
 text-decoration: none;
 font-size: 17px;
}

.megamenu .level2 > a:hover {
 background: #fff;
 text-decoration: none;
}

.megamenu .level3 > a:hover {
 font-weight: 500;
}


.wrapped ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
}

.wrapped > ul > li {
 width: 33.33334%;
 float: left;
}

.wrapped > ul:after {
 content: '';
 display: block;
 clear: both;
}

.megamenu .level3 a {
 color: #0070c0;
 font-weight: 500;
 padding: 9px 15px 9px 15px;
 line-height: 20px;
 display: block;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 text-decoration: none;
}

.megamenu .level3 a:hover {
 background: #29456e;
 text-decoration: none;
 color: #FFF;
}


li.level1.mega_departments___services ul.second-level-list li ul.third-level-list li {
    display: none;
}


.megamenu .mega_how_do_i ul.second-level-list {
 background: rgb(43, 43, 43);
 background: rgb(25, 61, 97);
 color: #fff;
}

.megamenu .mega_how_do_i .level2 > a {
 background: #fff;
 color: #0070c0;
 font-size: 16px;
}

.mega_menu .mega_how_do_i li.level2 {
color: #0070c0;
}
.mega_menu li.level2 {
  color: #0070c0;
}

.menuCol > ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

li.menuCol {
 width: 31.33334%;
 float: left;
 padding: 1%;
}


.level2 span.description {
  display: block;
  color: #575757;
  font-size: 13px;
  margin-top: 7px;
}

.level2 h3 {
  padding: 0px 0px 5px 0px;
  line-height: 40px;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0px;
  font-size: 24px;
}

li.level2.mega_address {
    background: #E2E2E2;
    color: #232323;
    padding: 16px;
 margin-top: 20px;
 display: none;
}

.menu_address .info span {
    display: block;
    font-size: 14px;
    color: #3b3a3a;
}

.menu_address .info {
    float: left;
    width: 62%;
   display: none;
}

.menu_address .logo {
    float: left;
    width: 38%;
   display: none;
}

.menu_address .logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.mega_how_do_i li.menuCol {
 /*width: 98%;
 float: none;
 padding: 1%;*/
}

.mega_how_do_i li.menuCol:after {
 content: '';
 clear: both;
 display: block;
}

.mega_how_do_i li.menuCol li.class-cat {
 width: 31.333334%;
 float: left;
 padding: 1%;
}

.megamenu .level1.mega_how_do_i > a {
 color: #0070c0;
 background-color: transparent;
}

.mega_home { display: none; }


.level2 ul.third-level-list {
    list-style-type: none;
}

.mega_how_do_i h2.cat-title {
 color: #ffffff;
 font-family: 'Open Sans', sans-serif;
 font-weight: 700;
 margin: 0px 0px 5px 5px;
 letter-spacing: 0.4px;
}

.mega_how_do_i li.class-cat ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
}

.mega_how_do_i li.class-cat ul .level2 > a {
 padding: 5px 5px 5px 5px;
}

.megamenu .mega_how_do_i .level2 > a:hover {
 background: rgba(31, 31, 31, 0.49);
}

.mega_contactLink { display: none; }

.megamenu .mega_how_do_i .mega_contactLink {
 display: block;
}

.megamenu .mega_how_do_i .mega_contactLink a {
  background: #0070c0;
}

.megamenu .mega_how_do_i .mega_contactLink a {
 background: #0070c0;
 display: block;
 color: #ffffff;
 padding: 10px;
 text-decoration: none;
 font-family: 'Open Sans', sans-serif;
 font-weight: 700;
}

.menuLogoOpen .megamenu ul.second-level-list {
  top: 100px;
}





@media screen and (max-width: 1230px) {
.megamenu .level1 > a, .megamenu li.mega_how_do_i > div {

font-size: 14px;
}


 li.level1.mega_how_do_i span.menuTitle:after {

right: 52px;
}


}





@media screen and (max-width: 960px) {

.menuOffset {
    display: none;
}

.container {
    width: 72% !important;
}

}

/* --------------------- MENU ---------------------- */




.inside-nav {
    float: right;
    width: 75%;
}

.inner-bar {
 margin: 0px auto;
 padding: 0;
}


.shadow {
/*    width: 100%;
    height: 1px;
    box-shadow: 0px 0px 12px 2px rgba(0,0,0,1);
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: -1; */
}


#menubar:after {
      content: "";
      width: 99%;
      height: 0.1px;
      display: none;
      position: absolute;
      top: 55px;
      z-index: -1;
      -webkit-box-shadow: 0px 0px 8px 2px #464646;
      -moz-box-shadow: 0px 0px 8px 2px #000000;
      box-shadow: 0px 0px 10px 2px #1D1D1D;
}


.RadMenu .rmHorizontal .rmText {

/* color: #FFF; */

font-size: 18px;

text-transform: uppercase;
}


.RadMenu .rmHorizontal .rmText{

/* padding: 0 15px 1px 20px; */
}




/*---- TELERIK COLORS ----*/

/*--TOP LEVEL STYLES--*/

.RadMenu .rmGroup .rmText {
 /* color: #ffffff; */
}

/*--Normal State--*/
.telerik_main_menu .rmRootGroup a {
 /* color: #ffffff; */
 /* text-shadow: 1px 1px #000; */
}


.RadMenu .rmVertical .rmItem .rmText {
display: block;
float: none;
text-transform: capitalize;

}


.RadMenu .rmGroup .rmText {
 padding: 5px 54px 5px 28px;
margin: 0 0 0 4px;

}


.telerik_main_menu .rmRootGroup a span {
 /* color: #ffffff; */
}

/*--Over and Focused State ***/
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
 color: #ffffff;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmFocused span {
 color: #FFF;
}

/*--TOP LEVEL HOVER BG COLOR AND IMAGES (two images)--*/
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
 /*background-color: #000;*/
}

/*--END OF TOP LEVEL STYLES--*/


/*--DROPDOWN MENU STYLES--*/

/*--Normal State--*/

.telerik_main_menu .rmGroup a {
 /* color: #ffffff; */
 /* background: #3A3939; */
 /* text-shadow: none; */
 /* text-decoration: none; */
}

.telerik_main_menu .rmGroup a span {
 /* color: #ffffff; */
 /* background: #3A3939; */
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
 background: #092f87;
 color: #ffffff !important;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
 background: #092f87;
 color: #ffffff !important;
}

/*--END OF DROPDOWN MENU STYLES--*/

.rmItem:hover {
 /*background-color: #000000;*/
}

.rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
}
.rmVertical .rmItem:hover a span, .rmVertical .rmItem:select a {
background:lightgrey;
}

/*--DROPDOWN LV2 MENU STYLES--*/

/*--Normal State--*/

.telerik_main_menu .rmGroup .rmGroup a {
 color: #171717;
 background: #ffffff;
}

.telerik_main_menu .rmGroup .rmGroup a span {
    color: #171717;
    background: #ececec;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup .rmGroup a:hover,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused {
 background: #3A3939;
 color: #ffffff;
}

.telerik_main_menu .rmGroup .rmGroup a:hover span,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused span {
 background: #3A3939;
 color: #ffffff;
}

/*--SECOND LEVEL BORDER LEFT--*/

.rmLevel2 {
 border-left: 4px solid #0099D2;
}

/*--END OF DROPDOWN MENU STYLES--*/

/*---- END TELERIK COLORS ----*/




/* --------------------- IMAGES ---------------------- */

/*--Navigation Arrow BG--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background: url('http://p7cdn2static.sharpschool.com/Common/resources/DesignPortfolio/SiteThemes/Metric/Blue/arrows-sprite.png');
}

/*--Navigation Arrow--*/

/*--Light--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background-position: -18px -44px !important;
}

/*or*/

/*--Dark--*/
/*
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background-position: -18px -8px !important;
}
*/


/*== Department Pages ==*/

.departmentPage .row .inside {
 padding: 20px;
}

.departmentPage .row {
    margin-top: 20px;
}


.departmentPage .main-content .box {
 padding: 0px 0px 85px 0px;
}

.departmentPage .w-70 { width: 70%; float: left; }

.departmentPage .w-30 { width: 30%; float: left; }

.departmentPage .w-70 .inside {
 padding: 20px 20px 20px 0px;
}



.departmentPage .row .subpageLogo {
 padding: 20px;
margin-top: 20px;
}

.departmentPage .main-content .box {
 padding: 0px 0px 85px 0px;
}

.departmentPage .w-30 .inside {
  background: #ececec;
  margin-top: 20px;
}

/* --------------------- container ---------------------- */

.container {
  width: 70%;
  margin: 0 auto;
}

.container {
  max-width: 100%;
  margin: 0 auto;
  }

  .emergency-banner .container {
    width: 100% !important;
    margin: 0;
    padding: 0;
}

/* --------------------- SUBPAGE ---------------------- */

.subpage #page {
 max-width: 1150px;
 margin: 30px auto;
 padding: 10px;

}

#subpage-content {
  margin-top: 30px;

}

#subpage-content a {
  color: #0070c0;
}

#subpage-content a:hover,
#subpage-content a:focus {
  color: #3B76BA;
  text-decoration: underline;
}


a.header_sel {
    font-size: 18px;
    /* line-height: 3; */
    background: #e7edf3;
    padding: 8px 0px 0px 0px;
    font-weight: 600;
    color: #092f87;
    display: block;
    margin-bottom: 10px;
    height: 41px;
    margin-top: 8px;
}

a.sub {
    color: #000;
    padding-left: 25px;
    font-weight: 200;
    display: inline-block;
}

#subpage-title > .inside-padding {
    width: 728px;
}

h3.sec-header-subpage {
display: inline-block;
text-decoration: none;
color:  rgb(22, 117, 169);
margin: 0;
}


#subpage-title {
    margin: 0 auto;
    text-align: left;
   position: relative;
   height: 100%;
}



#sub-content-right .sec-header h3 {
color: #FFF;
  }

span#spanBreadcrumbPageId {
    font-weight: 500;
}


#breadcrumbs a:hover {
 opacity: 0.8;
 text-decoration: underline;
}


#breadcrumbs {
 float: left;
 width: 70%;
}

#breadcrumbs > div {
 margin-top: 6px;
}



#side-r ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
 text-align: right;
 display: inline;
 float: right;
}


#side-r {
 width: 30%;
 float: left;
}


#side-r ul li {
 display: inline-block;
}

#side-r ul li a {
 color: #3b3a3a;
 cursor: pointer;
margin: 5px;
}

ul.fontSize {
display: inline-flex;
float:right;
}

ul.fontSize li {
/*padding: 2px;*/
}

.subpage #sub-content-left #sidebar .cover {
 background: #FFF;
 display: block;
 width: 0px;
 height: 0px;
 position: absolute;
 top: -10px;
 right: 0px;
 z-index: -1;
}


#main-content {
    min-height: 500px;
   padding: 20px;
}

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



#sub-content-left {
 width: 25%;
 float: left;
 position: relative;
 z-index: 2;
}

#sub-content-right {
 width: 75%;
 float: left;
 position: relative;
 z-index: 2;
    overflow: hidden;
    overflow-x: hidden;
}


a.navLink {
 display: block;
 padding: 6px;
}

.sitenavl0.currentpage a.navLink {
 background: #0099D2;
color: #FFF;
}

.sitenavl1 a.navLink {
 padding: 3px 6px 3px 6px;
 margin: 6px 0px 6px 0px;
}

/* --------------------- CONTENT ---------------------- */

#content-bottom {
    border-top: 5px solid #ECECEC;
    margin-top: -15px;
   padding-top: 40px;
}



.media img {
 max-width: 50%;
 margin: 0px 20px 0px 0px;
float: left;
}

/*** QUICK LINK STYLES ***/

a.tab {
    background: rgba(51, 102, 153, 0.12);
    border: solid 1px transparent;
    color: #0070c0;
    display: inline-table;
    width: 212px;
    margin: 10px;
    height: 90px;
    font-size: 18px;
    font-weight: 700;
    padding-top: 31px;
}

a.tab:hover {
    background: #fff;
    border: rgba(51, 102, 153, 0.12) 1px solid;
}

.row .ql-box {
 float: right;
}

.quicklinks ul {
 padding: 0;
 list-style: none;
 text-align: center;
}

li.ql {
   display: inline-block;
   width: 31%;
   margin: 5px;
   height: 250px;
   position: relative;
}

li.ql a {
 display: block;
 position: absolute;
 padding: 4px;
 background: rgba(51, 102, 153, 0.12);
 margin: auto;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 transition: all 0.15s;
 -webkit-transition: all 0.15s;
 -moz-transition: all 0.15s;
 -o-transition: all 0.15s;
 color: #0070c0;
 text-align: center;
 font-size: 18px;
 font-weight: 700;
 border: rgba(51, 102, 153, 0) 1px solid;
 width: 100%;
 max-width: 250px;
}

li.ql a:hover {
 border: rgba(51, 102, 153, 0.12) 1px solid;
 background: #fff;
}

li.ql a img {
 display: block;
 margin: 0 auto;
 text-align: center;
 padding-bottom: 15px;
 padding-top: 15%;
}

@media screen and (max-width: 720px) {
li.ql {
    width: 45%;
}
}



/* --------------------- FOOTER ---------------------- */



#footer {
    background-color: #333333;
    border-top: 7px solid #CCCCCC;
}



ul#newsletter li a:hover {
    opacity: 0.7;
  -webkit-transition: opacity .4s ease-out;
  -moz-transition: opacity .4s ease-out;
  -o-transition: opacity.4s ease-out;
  transition: opacity .4s ease-out;
}


ul#footer-userlinks li {
    display: inline-block;
    text-align: left;
   line-height: 1.5em;
}


ul#footer-userlinks li a {
    color: #949393;
}


ul#footer-userlinks li a:hover{
 color: #FFF;

}


ul#footer-userlinks {
    margin-left: -31px;
}

.copy {
    color: #fff;
    padding-right: 5%;
    text-align: right;
    background: #000;
    padding: 5px;
    position: absolute;
    bottom: -111px;
    width: 100%;
    z-index: 999;
}

.copy a {
    color:  #949393;
text-decoration: underline;
}

.copy p {
    line-height: 23px;
}


.copy p a:hover {
    text-decoration: underline;
    color: #FFF;
}


#footer-image {
   background-image: url('/UserFiles/Servers/Server_230888/Templates/images/footer/footer.png');
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#footer .inside-padding {
 padding: 45px 10px 45px 20px;
}

#footer-left {
 width: 80%;
 float: left;
margin-top: 10px;
}

.footer-address h2 {
    color: #FFF;
   text-transform: uppercase;
}


#footer-left p {
    text-align: left;
    line-height: 0.9em;
    color: #A9A9A9;
}

ul#social {
 list-style: none;
 margin: 0px;
 padding: 0px;
}





#footer li.icn {
 display: inline-block;
 padding: 0px 3px 0px 3px;
}

#footer li.icn a {
 width: 44px;
 height: 45px;
 display: inline-block;
}

#footer li.icn.facebook a { background-position: 0px 0px; }
#footer li.icn.twitter a { background-position: -88px 0px; }
#footer li.icn.flickr a { background-position: -44px 0px; }
#footer li.icn.youtube a { background-position: -132px 0px; }

#footer li.icn a {
 background: url('/UserFiles/Servers/Server_230888/Templates/images/social/social-sprite-b.png');
}


#footer li.icn a:hover{
opacity: 0.7;
  -webkit-transition: opacity .4s ease-out;
  -moz-transition: opacity .4s ease-out;
  -o-transition: opacity.4s ease-out;
  transition: opacity .4s ease-out;
}



#footer-right {
 width: 20%;
 float: left;
text-align: right;
}

#footer h3 {
 color: #ffffff;
 font-family: 'latoblack';
 text-transform: uppercase;
 font-size: 26px;
 margin: 0px 0px 10px;
}

#footer-address{
    color: #FFF;
   font-size: 17px;
}

.credits {
 background: #333333;
 text-align: center;
 color: #ffffff;
 padding: 5px;
}

/* --------------------- NEWS SECTION ---------------------- */


#news {
   padding: 20px;
}

#content-bottom #news {
    background-color: #F2F2F2;
}


.newsControls {
    width: 20%;
    float: left;
    text-align: right;
}

.sec-header-news {
    float: left;
    width: 80%;
}



.newsControls li {
 display: inline;
}

.newsControls a {
 color: #666666;
 font-size: 30px;
 text-decoration: none;
 padding: 0px 5px 0px 5px;
}

.newsControls a:hover {
 color: #b5a996;
 text-decoration: none !important;
}


#news .w-30 {
    margin-right: 6%;
}


.sec-header-news h2,
.sec-header-news h3 {
 font-size: 24px;
 position:relative;
 font-weight: 500;
 font-family: 'Open Sans', sans-serif;
color: #666666;
margin: 0px;
letter-spacing: 0.02em
}

/*-- GOOGLE CUSTOM SEARCH --*/

/*--BAR--*/

#search {
    /*background-color: #FFF;
    height: 30px;
    width: 44%;
    border: 2px solid #DEDEDE;
    float: right;
    margin-top: 20px;*/
}

#search form.gsc-search-box {
  font-size: 15px;
  margin: 0px;
}

#search table.gsc-search-box {
  border: none;
  margin: 0px;
  position: relative;
}

#search .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0px;
}

#search .gsc-input-box {
  border: none;
  height: auto;
  background: transparent;
}

input.gsc-search-button.gsc-search-button-v2 {
    display: none;
}

#search .gsib_a {
  padding: 0px;
}

div#gsc-iw-id1 {
    border-radius: 5px;
    border: none !important;
}

#search td#gs_tti50 input {
  height: auto !important;
  margin: 0px !important;
  background: #ffffff !important;
}

#search .gsst_b {
  padding: 0px;
  font-size: 15px;
}

/*--BUTTON--*/

#search td.gsc-search-button {
  width: auto;
  position: absolute;
  top: 0px;
  right: 0px;
}

#search input.gsc-search-button, #search input.gsc-search-button:hover, #search input.gsc-search-button:focus {
  background: transparent;
  border: none;
  width: auto;
  height: auto;
  min-width: inherit;
  margin: 0px;
background-color: #0081C9;
padding: 7px;
font-size: 13px;
color: #FFF;
}

/*--SIERRA STYLES--*/

/*#search {
 position: relative;
 max-width: 1100px;
 margin: 0px auto;
}*/

#search > #___gcse_0 {
  width: 250px;
  position: absolute;
  right: 0px;
  top: 24px;
}

#search.gsib_b {
 display: none !important;
}

body #search td#gs_tti50 input {
  padding: 6px 30px 6px 6px !important;
  font-weight: 400
  font-size: 14px;
  color: #2e2e2e;
  letter-spacing: .5px;
  -webkit-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body #search td#gs_tti50 input.watermark {
  color: #888888;
}

.gsst_a {
 display: none !important;
}

.search-results-page-box input.gsc-search-button, .search-results-page-box input.gsc-search-button:hover, .search-results-page-box input.gsc-search-button:focus {
  background: none;
  border: none;
  padding: 0px;
  margin: 0px;
  width: auto;
  height: auto;
  min-width: inherit;
}

.gsc-clear-button {
    display: none;
}

.search .gsc-input-box {
  border: none;
  height: auto;
  background: transparent;
}

td.gsc-input {
    /* border: none; */
}

.search input.gsc-search-button, .search input.gsc-search-button:hover, .search input.gsc-search-button:focus {
  background: transparent;
  border: none;
  width: auto;
  height: auto;
  padding: 3px;
  min-width: inherit;
  margin: 0px;
 color: #FFF;
}

body .search .sPlace td#gs_tti50 input {
    background: #FFE !important;
}


/*-------- END GOOGLE SEARCH --------*/

/* --------------------- MOBILE MENU ---------------------- */



@media screen and (max-width: 1400px) {

#footer-right {
 width: 32%;
 float: left;
}

#footer-left {
 width: 68%;
 float: left;
 margin-top: 10px;
}
}

@media screen and (max-width: 1300px) {

#header-right {
 position: relative;
 width: 60%;
}

}

@media only screen and (max-width: 1256px) {
.RadMenu .rmHorizontal .rmText {
    padding: 0 0px 1px 0 !important;
    font-size: 1.5vw;
}
}

@media only screen and (max-width: 1024px) and (min-width: 750px){


#menubar{
    position: absolute;
    top: 84px;
    left: 3% !important;
    width: 100%;
}

.nav-item a {
    font-size: 12px;
}

ul#header-links {
    width: 77%;
    float: right;
    margin-top: 5%;
}

div#header-left {
    position: relative;
    top: -115px;
    left: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}
  
}


@media only screen and (max-width: 1024px) {

div#content {
    top: 37px;
}

.RadMenu .rmHorizontal .rmText {
    padding: 0;
    font-size: 15px;
}

#header .inside-padding{
  height: 50px;
}

.banner-slider-heading {
    font-size: 7vw;
}


#header-left #logo img {
    width: 184px;
    position: relative;
    top: 130px;
}
}


@media only screen and (max-width: 768px) {



#page{
margin-top: 30px;
}    

.reso-m-btn {
    position: absolute;
    width: 100%;
    left: 0;
    background: #0070c0;
    font-weight: 700;
    color: #fff;
}

#divContent > div.banner-slider{display:none;} 

#desktop{display:none;}

a.read-more {
    margin: 0 auto;
    text-align: center;
    /* margin-bottom: 45%; */
    /* margin-left: 19%; */
}

div#tbl_news_summary {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
    margin-left: 12%;
    }

    div#ctl00_ContentPlaceHolder1_ctl25_divContent {
    margin-left: 12%;
    height: 10px;
}
}

@media screen and (max-width: 980px) {

 .w-66 {
  width: 100%;
  float: none;
 }
 
.row > .inside-padding {
 padding: 10px;
}


 .w-40 {
  width: 100%;
  float: none;
 }

.w-30 { width: 100%; float: none; }
 
 .w-60 {
  width: 100%;
  float: none;
 }


#events .w-33 {
}



.subpage #sub-content-left #sidebar .cover {
    display: none;
}

.subpage .weather-wrapper {
    display: none;
}


.subpage #weather-widget {
   display: none;
}



#sub-content-right {
    width: 100%;
    float: none;
    margin-left: 10px;
}

#sub-content-left {
    width: 100%;
    float: none;
}


 .subpage .sidebar { width: 100%; float: none; }


 .w-33 {
 width: 100% !important;
  float: none;
  margin-left: 0px !important;
 }

}

@media screen and (max-width: 990px) {

.info {
    margin-top: 0 !important;
}

div#content {
    position: relative;
    top: -12px;
}

div#page {
    margin-top: -40px;
}
.centerWrapper {
  display:none;
}

div#header-left {
    display: block;
    width: 100%;
}

div#menubar {
    margin: 55px 0 0 0;
    position: static;
    padding-left: 0;
    width: 100%;
    left: 0;
    margin-bottom: 25px;
}

#menubar .row {
    margin-left: 0;
    margin-right: 0;
}

ul.rmRootGroup.rmHorizontal {
    display: none !important;
}

#mobile-bar {
 line-height: 50px;
 color: #ffffff;
 background: #0070c0;
 display: block;
 text-align: center;
 text-decoration: none;
 font-weight: 500;
 font-size: 17px;
 width: 100%;
    margin-top: -14px;
    margin-bottom: 39px;
}


.menuOffset {
    display: none;
}

 .sidenav .level2 { display: none; }
 .level2.show { display: block; }

#page > div > div.row > div > div:nth-child(3) {
    margin-top: 7%;
    margin-bottom: 15%;
}

}


@media screen and (max-width: 950px) {
 .RadMenu_PageControls, #divMenuOffset {
  display: none;
 }
}


@media screen and (max-width: 960px) {

div#content {
    position: relative;
    top: 25px;
}

ul#newsletter li {
    margin-left: -30px;
}


 .sidenav .level2 { display: none; }
 .level2.show { display: block; }

 .departmentPage .w-70, .departmentPage .w-30 {
  width: 100%;
  float: none;
 }


#header-right {
float: none;
 position: relative;
 width: 100%;
 text-align: center;
}

#footer-right {
 width: 100%;
 float: none;
}

.footer-address {
    text-align: center;
}

#footer-left p {
    text-align: center;
}

#footer-right {
    text-align: center;
}


ul#header-links {
    width: 50%;
    float: left;
}




#search {
    /*height: 30px;
    border: 2px solid #DEDEDE;
   float: none;
    margin-top: 20px;
    margin-bottom: 20px;
 width: 100%;
    text-align: center;*/
 margin-top: 20px;
}



#search > #___gcse_0 {
  width: 65%;
  position: relative;
  right: 0px;
 top: 0px;
  margin: 0 auto;
  margin-bottom: 20px;
}





#sub-content-right .sec-header {
position: relative;
margin-top: 20px;

}


#footer-left {
 width: 100%;
 float: none;
 margin-top: 10px;
}


#footer .inside-padding {
    padding: 20px 10px;
}







.RadMenu {
    display: none;
}


}



@media only screen and (min-width: 769px){
  #mobile{display:none;}
  }

@media only screen and (max-device-width: 480px) {
#banner .container{
width: 100%;
 left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}

#inner-container{
width: 80%;

}
ul#header-links li {
  display: block;
}


}


@media screen and (max-width: 860px) {
#subpage-title > .inside-padding {
    width: 84%;
}


}






@media screen and (max-width: 600px) {


#main-content{
padding: 0px;
}


.row > .inside-padding {
 /* padding: 10px 0px 10px 0px; */

}

ul#header-links li {
  display: block;
  text-align: center;
  margin: 5px auto;
  padding: 0;
  width: 200px;
}

li.search {
    position: relative;
    left: -22px;
}

.gsc-control-cse.gsc-control-cse-en {
    width: 275px;
    margin-left: 0px;}

ul#header-links {
    width: 85%;
   float: none;
  margin: 0 auto;
padding: 0px;
}

#news {
   padding: 10px;
}



#side-r ul {
 text-align: left;
 float: left;
margin: 10px 10px 0px 0px;
}





#side-r {
 width: 100%;
 float: none;
margin-top: 20px;
}


 #breadcrumbs, .sb-r { float: none; width: 100%; }

 .sb-r { margin-top: 20px; }

 .sb-r ul { float: none; }

 .sb-r ul li a { margin: 0px 10px 0px 0px; }


}



@media only screen and (max-device-width: 480px) {
    .flexslider {
/*display: none;*/
}

#banner .container{
width: 91%;
}

.row > .inside-padding {
 padding: 10px;
}


.carousel-caption {
display: none; 
}
}

@media screen and (max-width: 749px){
#header-left #logo img {
    top: 16px !important;
}
}


@media screen and (max-width: 750px) {

#menubar{
    position: absolute;
    top: 84px;
    left: 3% !important;
    width: 100%;
}
.ptl_col_1_4 { width: 100%; padding: 0%; }
.ptl_col_3_4 { width: 100%; padding: 0%; }
}


@media screen and (max-width: 700px) {
 .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 only screen and (max-width: 425px) {

#header-left {
    /* position: relative; */
    /* top: 0; */
    /* left: 15%; */
    /* float: left; */
    /* text-align:center; */
}

#header-left #logo img {
    /* width: 225px; */
    /* position: relative; */
    /* top: -10px; */
    /* left: 12%; */
}

.subHero.visible {
    margin-top: 25px;
}

}

@media only screen and (max-width: 375px) {

#header-left {
    /* position: relative; */
    /* top: 0; */
    /* left: 15%; */
    /* float: left; */
    /* text-align:center; */
}

#header-left #logo img {
    /* width: 225px; */
    /* position: relative; */
    /* top: -10px; */
    /* left: 7%; */
}

}

@media only screen and (max-width: 320px) {

#header-left {
    position: relative;
    top: 0;
    left: 15%;
    float: left;
    text-align:center;
}

#header-left #logo img {
    width: 184px;
    position: relative;
    left: -15%;
    top: 14px !important;
}

}

/************** MENU & MOBILE MENU *************/

@media screen and (max-width: 890px) {

 .inside-menu {
  display: none;
 }


}

@media screen and (min-width: 890px) {

.inside-menu{width: 100%; margin-top: 20px}

}

/* mega menu list */


div#logo {
    text-align: center;
    margin-top: -30px;
}

.nav-menu {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 100 !important;
}

nav {
    /* margin-top: 8%; */
} 
/* a top level navigation item in the mega menu */

.nav-item {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
/* first descendant link within a top level navigation item */

.nav-item > a {
    color: #1675a9 !important;
    position: relative;
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0 0 -1px 0;
    border: 1px solid transparent;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
}
/* focus/open states of first descendant link within a top level 
           navigation item */

/* open state of first descendant link within a top level 
           navigation item */

.nav-item > a.open {
    background-color: #FFF !important;
    border-bottom: none;
    z-index: 1;
}
/* sub-navigation panel */

.sub-nav {
    position: absolute;
    display: none;
    padding: 0.5em 1em;
    background: #FFF !important;
    width: 97%;
    left: 21.5% !important;
    z-index: 3002;
}
/* sub-navigation panel open state */

.sub-nav.open {
    display: block;
}

/* list of items within sub-navigation panel */
.nav-lists {

}
.sub-nav-group.category>span {
    display: block;
    margin: 0px 0px 5px 0px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 1px;
    border-bottom: 1px solid #4D4D4D;
    padding: 4px 4px 10px 6px;
} 

.sub-nav-group.category a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: aliceblue !important;
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
.sub-nav-group.category a {
    color: #1675a9 !important;
    margin-bottom: 5px;
    padding: 5px;
    display: block;
    font-size: 17px;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px !important;
}
.sub-nav ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 1em 0 0;
    padding: 0;
}
/* list item within sub-navigation panel */

.sub-nav li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-lists.level2 ul>span {
    display: none;
}
.nav-lists.level2 ul li {
     margin: 0 0 0 15px;
}

/* --------------------- MOBILE MENU ---------------------- */

#mobile-bar {
   /* float: left; */
   /* position: absolute; */
   /* top: 0; */
   /* left: 0; */
   /* padding: 0 0 0 30px; */
   /* margin-top: -5%; */
   color: #fff;
   background: #0070c0;
   width: 100%;
   /* padding: 10px; */
   position: absolute;
   left: 0;
   line-height: 50px;
   margin: 0 !important;
}

/* --------------------- MOBILE MENU ---------------------- */

@media screen and (max-width: 980px) {


nav {display:none;}


}


@media screen and (min-width: 980px) {



nav {display:block;}

div#logo {
    /* position: relative; */
    /* margin: 25% 10%; */
    /* float: left; */
}
}



/* --------------------- SIDE NAV ---------------------- */



div#sidenav {
    margin-top: -5px;
}

.sidenav li {
 display: block;
 clear: both;
}

.sidenav a {
 color: #2e2e2e;
 text-decoration: none;
 font-size: 16px;
 display: block;
 margin: 12px 0px 12px 0px;
 font-family: 'Open Sans', sans-serif;
 font-weight: 400;
 position: relative;
 line-height: 17px;
}

ul.sidenav {
 list-style: none;
 margin: 0px;
 padding: 20px 10px 10px 0;
}


.sidenav .level1 a {
 font-weight: 700;
 display: block;
 color: #0070c0;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 background: #e6ecf3;
 padding: 10px;
 width: 100%;
 z-index: 999;
}

.sidenav .level2 a {
 margin-left: 25px;
}

.sidenav .level2 a span, .sidenav .level3 a span {
 transition: all .2s ease-in-out;
 display: inline-block;
}

.sidenav .level2 a:hover span, .sidenav .level3 a:hover span {
 margin-left: 9px;
}


li.level2.active a {
    font-weight: 600;
    color: #0070c0;
}


.active a:before {
    content: '' !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 3px 0 5px 6px !important;
    border-color: transparent transparent transparent #007DA5 !important;
    position: absolute !important;
    left: -15px !important;
    top: 50% !important;
    margin-top: -2px !important;
}

li.level3 {
    padding-left: 11%;
}

.info {
    margin-top: 100px;
    width: 68%;
}

.info h6 {
    font-size: 18px;
    color: #0070c0;
}

.info p {
    line-height: 14px;
}

/* --------------------- SIDE NAV ---------------------- */

/* TABLET TO MOBILE PHONE */

@media only screen and (max-width: 562px) {
a.tab {
    width: 100%;
    margin: 5px auto;
}
}

@media only screen and (max-width: 500px) {

#aspnetForm > footer > div > div.footer-right > img {
    width: 85%;
}

div#content {
    position: relative;
    top: 25px;
}

.info {
    margin-left: 20px;
    margin-top: 0;
}


#ctl00_ContentPlaceHolder1_ctl12_divContent > ul {
    margin: 0 auto;
    padding: 28px;
    margin-left: -16px;
    margin-top: -40px;
}

li.ql {
    width: 93%;
}

}

li.level2 {
 transition-duration: 0.3s;
}
li.level2:hover {
    box-shadow: inset -120px 0 80px -50px rgba(9, 47, 135,0.3);
    transition-duration: 0.3s;
}

/* Pay Your Bill Table */

.payYourBill em.fa {
    font-size: 3em;
    text-shadow: 3px 3px 0px rgba(40, 40, 40, 0.25);
    display: inline-block;
    padding: 5px;
}

/* Find Payment Location Map */

#payments-map {
    width: 500px;
    height: 500px;
}

body .row {
    margin-right: 0;
    margin-left: 0;
}

.table-scroll {
    overflow: auto;
}

/*div#divContent img,
div[id$="_divContent"] img {
    max-width: 100% !important;
    height: auto !important;
}*/

iframe[src*="youtube.com"] {
    max-width: 100% !important;
}

#ui-datepicker-div {
  z-index: 40001 !important;
}

.sticker img { max-width: 120px !important; }



/* Fix Menu */

div#menubar {
    padding: 0;
    left: auto !important;
}

#menubar .inside-padding .row {
    margin: 0;
}

#menubar .inside-padding {
    margin: 0;
    max-width: 100%;
}


/* New Mobile Menu */

@media screen and (max-width: 990px) {
    #menubar {
        position: relative;
        height: 40px;
        background: #1f1f1f
    }
}

#menubar .inner-bar,
#menubar .inside-padding {
    height: 100%;
    box-sizing: border-box
}

#menubar #mobile-bar {
    display: none !important
}

#menubar #mobileNav {
    display: none;
    justify-content: center;
    align-items: center;
    display: none;
    color: #fff;
    width: 120px;
    height: 100%;
    float: right;
    background: #1f1f1f;
    width: 100%;
    padding: 5px;
    box-sizing: border-box
}

@media screen and (max-width: 990px) {
    #menubar #mobileNav {
        display: flex
    }
}

#menubar #mobileNav span {
    display: block;
    padding-left: 10px
}

@media screen and (max-width: 600px) {
    #menubar #mobileNav span {
        display: none
    }
}

#menubar #mobileNav:focus {
    box-shadow: none;
    outline: none;
    background: #060606
}

#menubar #mobileNav:hover span,
#menubar #mobileNav:focus span {
    background: transparent !important;
    color: #fff !important
}

#menubar #mobileNav .hamburger {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer
}

#menubar #mobileNav .hamburger .bar,
#menubar #mobileNav .hamburger .bar:before,
#menubar #mobileNav .hamburger .bar:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    -webkit-transform: rotate(0);
    transform: rotate(0);
    pointer-events: none;
    background-color: #fff
}

#menubar #mobileNav .hamburger .bar {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#menubar #mobileNav .hamburger .bar,
#menubar #mobileNav .hamburger .bar:before,
#menubar #mobileNav .hamburger .bar:after {
    transition: top .2s .2s, left .1s, background-color .2s .1s, -webkit-transform .2s;
    transition: top .2s .2s, left .1s, transform .2s, background-color .2s .1s;
    transition: top .2s .2s, left .1s, transform .2s, background-color .2s .1s, -webkit-transform .2s
}

#menubar #mobileNav .hamburger .bar:before,
#menubar #mobileNav .hamburger .bar:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

#menubar #mobileNav .hamburger .bar:before {
    top: .5rem
}

#menubar #mobileNav .hamburger .bar:after {
    top: -0.5rem
}

#menubar #mobileNav.expanded .hamburger .bar {
    background-color: transparent !important
}

#menubar #mobileNav.expanded .hamburger .bar:before,
#menubar #mobileNav.expanded .hamburger .bar:after {
    top: 0;
    transition: background-color .2s, top .2s, left .2s, -webkit-transform .2s .15s;
    transition: background-color .2s, top .2s, left .2s, transform .2s .15s;
    transition: background-color .2s, top .2s, left .2s, transform .2s .15s, -webkit-transform .2s .15s;
    background-color: red !important
}

#menubar #mobileNav.expanded .hamburger .bar:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#menubar #mobileNav.expanded .hamburger .bar:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#menubar .mobile-nav-items {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #313131;
    display: none;
    border-top: 1px solid rgba(0, 0, 0, .3);
    padding: 10px 0;
    z-index: 999999
}

@media screen and (min-width: 991px) {
    #menubar .mobile-nav-items {
        display: none !important
    }
}

#menubar .mobile-nav-items * {
    box-sizing: border-box
}

#menubar .mobile-nav-items .offScreen {
    font-size: 0
}

#menubar .mobile-nav-items ul {
    margin: 0;
    padding: 0
}

#menubar .mobile-nav-items ul li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative
}

#menubar .mobile-nav-items ul li a {
    display: block;
    padding: 10px 20px;
    background: #313131;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    width: 100%
}

#menubar .mobile-nav-items ul li a:hover,
#menubar .mobile-nav-items ul li a:focus,
#menubar .mobile-nav-items ul li a.expanded {
    text-decoration: none
}

#menubar .mobile-nav-items ul li .subnav-items {
    width: 100%;
    display: none
}

#menubar .mobile-nav-items ul li .subnav-items li {
    position: relative
}

#menubar .mobile-nav-items ul li .subnav-items li a {
    border-right: 1px solid rgba(255, 255, 255, .5);
    font-weight: 400
}

#menubar .mobile-nav-items ul li .subnav-items li:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .5)
}

#menubar .mobile-nav-items ul li .subnav-items.level1 {
    background: #242424
}

#menubar .mobile-nav-items ul li .subnav-items.level1>li>a {
    background: #242424
}

#menubar .mobile-nav-items ul li .subnav-items.level1>li>a:not(.subnav) {
    padding-left: 30px
}

#menubar .mobile-nav-items ul li .subnav-items.level2 {
    background: #181818
}

#menubar .mobile-nav-items ul li .subnav-items.level2 li a {
    background: #181818
}

#menubar .mobile-nav-items ul li .subnav-items.level2 li a:not(.subnav) {
    padding-left: 50px
}

#menubar .mobile-nav-items ul li.has-child a {
    width: calc(100% - 40px);
    border-right: 1px solid rgba(0, 0, 0, .3)
}

#menubar .mobile-nav-items ul li.has-child .subnav {
    width: 40px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: none
}

#menubar .mobile-nav-items ul li.has-child .subnav:before {
    font-family: "Fontawesome" !important
}

#menubar .mobile-nav-items ul li:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .3)
}

@media screen and (max-width: 990px) {
#menubar #mobileNav {
    background: #336698;
}


#menubar .inside-padding .row {
    height: 100%;
}

#menubar .mobile-nav-items {
    background: #336698;
}

#menubar .mobile-nav-items ul li a {
    background: #336698;
}

#menubar .mobile-nav-items ul li .subnav-items.level1>li>a {
    background: transparent;
}

#menubar .mobile-nav-items ul li .subnav-items.level1 {
    background: rgba(0, 0, 0, 0.2);
}


#menubar .mobile-nav-items ul li .subnav-items.level2 li a {
    background: transparent
}

#menubar .mobile-nav-items ul li .subnav-items.level2 {
    background: rgba(0, 0, 0, 0.2);
}

#menubar #mobileNav:focus {
    background: #214365;
}

#menubar .inner-bar, #menubar .inside-padding {
    background: #336698;
}
}

/*# sourceMappingURL=style.css.map */


/* Department Menu fixed */

body #header > .inside-padding {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	height: auto;
}

div#header-left {
	width: 25%;
}

div#header-right {
	width: 75%;
}

div#menubar {
	top: auto !important;
	margin: 0;
	max-height: 100%;
}

div#header-left > a {
	display: block;
}

div#logo {
	margin: 0;
}

div#content {
	top: 20px;
}
@media screen and (max-width: 1025px) {
	div#header-left {
		top: auto;
		margin: 0;
	}

	#header-left #logo img {
		top: auto !important;
	}
	div#content {
		top: 0;
	}
}

@media screen and (max-width: 990px) {
	#header {
		z-index: 100;
	}
	body #header > .inside-padding {
		padding: 0;
	}
	div#header-left {
		width: 100%;
	}

	div#header-right {
		width: 100%;
	}
}