@media only screen and (min-width:768px) {
  /*
   * ==========================================================================
   * General Layout
   * ==========================================================================
   */  #content {
    float: left;
    width: 100%; }

  #aside-first {
    float: left;
    width: 230px;
    margin-left: -100%; }

  #aside-second {
    float: left;
    width: 330px;
    margin-left: -330px; }

  /*
   *
   * * The layout when there is only one aside, the left one.
   */  .sidebar-first #content>.inner {
    margin: 0 0 0 230px; }

  /*
   *
   * * The layout when there is only one aside, the right one.
   */  .sidebar-second #content>.inner {
    margin: 0 330px 0 0; }

  /*
   *
   * * The layout when there are two asides.
   */  .page-admin-structure-block-demo #content>.inner,
  .two-sidebars #content>.inner {
    margin: 0 330px 0 230px; }

  /*
   *
   * * Apply the shared properties of grid items in a single, efficient ruleset.
   */  #header,
  #content,
  #navigation,
  #aside-first,
  #aside-second,
  #footer {
    border: 0 !important;
    word-wrap: break-word;
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible; }

  /*
   *
   * * Containers for grid items and flow items.
   */  #header,
  #main,
  #footer {
    position: relative;
    *zoom: 1; }

  #header:before,
  #header:after,
  #main:before,
  #main:after,
  #footer:before,
  #footer:after {
    content: "";
    display: table; }

  #header:after,
  #main:after,
  #footer:after {
    clear: both; }

  h1 {
    font-size: 50px;
    font-size: 5.0rem; }

  h2 {
    font-size: 21px;
    font-size: 2.1rem; }

  h3,
  h3 *,
  h3 a {
    font-size: 18px;
    font-size: 1.8rem; }

  input.form-text {
    width: inherit; }

  img[style*="left"] {
    margin-right: 4%;
    float: left !important; }

  img[style*="right"] {
    margin-left: 4%;
    float: right !important; }

  #site-name a {
    background: url('../img/logo-desktop.png') no-repeat 0 0;
    height: 140px;
    z-index: 10000;
    position: static; }

  #header>.wrapper {
    position: absolute;
    /*top: 62px;*/
    width: 100%;
    z-index: 20; }

  /*.wrapper {
    padding: 0 2%; }*/

  #main {
    padding: 15px 15px 30px 15px; }

  #main>.wrapper>.inner {
    clear: both; }

  #aside-third>.wrapper {
    padding: 35px 0; }

  #aside-third {
    padding: 1em 2%; }

  #content>.inner {
    padding-right: 15px; }

  .sidebar-first #content>.inner {
    padding-left: 7%; }

  #aside-second>.inner {
    border-left: 1px solid #252525;
    padding-right: 30px;
    padding-left: 30px; }

  #footer .block {
    width: 33%;
    float: right; }

  #footer .block-inner {
    border-bottom: none;
    width: 93%; }

  #footer input.form-text {
    width: 96%;
    max-width: 200px; }

  #footer .field-content.readmore,
  #footer p.readmore {
    text-align: left; }

  #footer #block-block-2 {
    margin-bottom: 100px; }

  #page .backtotop {
    display: none; }

  #aside-first,
  #content,
  #aside-second {
    padding-top: 0; }

  /*
   * ==========================================================================
   * Forms
   * ==========================================================================
   */  input.form-text,
  textarea.form-textarea {
    width: inherit; }

  /*
   * ==========================================================================
   * Breadcrumbs
   * ==========================================================================
   */  .breadcrumb {
    float: left;
    display: block; }

  .breadcrumb ol,
  .breadcrumb li {
    list-style: none;
    padding: 0;
    margin: 0; }

  .breadcrumb li {
    display: block;
    float: left;
    padding: 0 2px; }

  .breadcrumb a:after {
    content: " >"; }

  .breadcrumb a {
    text-decoration: none; }

  /*
   * ==========================================================================
   * Navigation Bar
   * ==========================================================================
   */  #navigation {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: 68px;
    z-index: 2000; }

  #page {
    padding-bottom: 68px; }

  ul.nice-menu,
  ul.nice-menu ul {
    padding: 0;
    margin: 0;
    z-index:1000;
    position: relative; }

  ul.nice-menu li {
    position: relative;
    border-top: 0;
    float: left;
        /*
     * LTR
     */
    display: block; }

  ul.nice-menu a {
    padding: 25px 5px;
    border: 0;
    margin: 0;
    display: block; }

  ul.nice-menu>li>a {
    padding: 10px 15px 25px 15px;
}

  ul.nice-menu a:hover,
  ul.nice-menu>li:hover,
  ul.nice-menu>li>a.active,
  ul.nice-menu>li.active-trail>a {
    /*background-color: #36485d*/; }

  ul.nice-menu li ul a {
    margin: 0 15px;
   }

  ul.nice-menu li ul li.first>a {
    border-top: none; }

  ul.nice-menu a:hover {
    background: none;
    color: #036cbc;
    /*#90a903*/; }

  ul.nice-menu ul {
    bottom: 69px;
    border: 0;
    margin-right: 0;
        /*
     * LTR
     */
    position: absolute;
    visibility: hidden;
    width: 225px;
    padding: 0; }

  ul.nice-menu ul li {
    display: block;
    clear: both;
    width: 100%; }

  ul.nice-menu-down {
    /*float: left;*/
        /*
     * LTR
     */
    border: 0; }

  ul.nice-menu li ul li ul {
    left: 225px;
        /*
     * LTR
     */
    bottom: 0; }
  #navigation li ul li.edge>ul{
    right: 225px;
    left:inherit;
  }

  .block-nice-menus {
    /*line-height: normal;*/
    z-index: 10;
    float: right; }

  ul.nice-menu li.over ul {
    visibility: visible; }

  ul.nice-menu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

  /*
   * Show submenus when over their parents.
   */  ul.nice-menu li:hover ul,
  ul.nice-menu li.menuparent li:hover ul,
  ul.nice-menu li.menuparent li.menuparent li:hover ul,
  ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
  ul.nice-menu li.over ul,
  ul.nice-menu li.menuparent li.over ul,
  ul.nice-menu li.menuparent li.menuparent li.over ul,
  ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul {
    visibility: visible; }

  /*
   * Hide sub-menus initially.
   */  ul.nice-menu li:hover ul ul,
  ul.nice-menu li:hover ul ul ul,
  ul.nice-menu li:hover li:hover ul ul,
  ul.nice-menu li:hover li:hover ul ul ul,
  ul.nice-menu li:hover li:hover li:hover ul ul,
  ul.nice-menu li:hover li:hover li:hover ul ul ul,
  ul.nice-menu li.over ul ul,
  ul.nice-menu li.over ul ul ul,
  ul.nice-menu li.over li.over ul ul,
  ul.nice-menu li.over li.over ul ul ul,
  ul.nice-menu li.over li.over li.over ul ul,
  ul.nice-menu li.over li.over li.over ul ul ul {
    visibility: hidden; }

  /*
   * **************
   * IE 6 Fixes
   * **************
   */  /*
   * Iframe to fix z-index bug when menu hovers over <select> fields.
   */  ul.nice-menu li.menuparent ul {
    overflow: visible !important; }

  ul.nice-menu li.menuparent ul iframe {
    display: none;
    : block;
    position: absolute;
    top: 0;
    left: 0;
   /* z-index: -1;*/
    filter: mask();
    width: 20px;
    height: 20px; }


  .ie8 ul.nice-menu>li>ul {
    bottom: 69px; }

  #navigation .block-search {
    position: absolute;
    right: 0; }

  #navigation .search-form input.form-submit {
    background: url('../img/sprite.png') no-repeat 8px -26px; }

  #navigation .form-item-search-block-form {
    position: absolute;
    bottom: 68px;
    right: 0;
    background: black;
    padding: 10px;
    visibility: hidden; }

  #navigation .form-item-search-block-form {
    position: absolute;
    bottom: 68px;
    right: 0;
    background: black;
    padding: 10px;
    visibility: hidden; }

  #navigation .block-search:hover .form-item-search-block-form {
    visibility: visible; }

  #navigation .search-form input.form-text {
    padding: 0.3em 5%;
    width: 300px;
    border: 0; }

  /*
   * ==========================================================================
   * Side bar
   * ==========================================================================
   */ #aside-first .block {
    display: block;
    margin-bottom: 30px; }

  #aside-first .block-menu-block .content ul,
  #aside-first .block-menu-block .content li {
    list-style: none;
    /*padding: 0;*/
    margin: 0; }

 /* #aside-first .block-menu-block .content a.important{
    background-color:#036cbc;
    color: white;
  }

#aside-first .block-menu-block .content a {
    background: white;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    padding: 13px 15px;
    margin-top: 13px;
    display: inline-block;
    font-weight: bold;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }

  #aside-first .block-menu-block .content a:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }

  #aside-first .block-menu-block .content li.active>a,
  #aside-first .block-menu-block .content li.active-trail>a {
    background: #373e46;
    color: white; }

  #aside-first .block-menu-block .content li ul li.active>a {
    background: #8f9caa;
    color: #252525; }

  #aside-first .block-menu-block .content li ul a {
    background: #c1c7cd;
    color: #252525;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }

  #aside-first .block-menu-block .content li ul {
    padding-left: 10px; }*/


  #block-multiblock-1 a[href*='/user/password'] {
    color: #c3dff5; }

  #block-multiblock-1 a.readmore {
    background: url('../img/sprite.png') no-repeat 100% -448px; }

  /*
   * ==========================================================================
   * Home page Layout
   * ==========================================================================
   */  .front #header,
  .cycle-banner-background {
    height: 800px!important;
    /*min-height: 200px !important;*/ }

  .front #header-region span.cycle-banner-opacity {
    bottom: 40% /*74px*/;
    font-size: 40px;
    font-size: 4.0rem;
    padding: 0.5em 0; }

  .front #header-region .cycle-banner-opacity .wrapper {
    display: block;
    width: 94% !important; }

  @-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
    0% { opacity: 0.0; }
    50% { opacity: 1.0; }
    100% { opacity: 0.0; }
  }

  @-webkit-keyframes blinker {
      0% { opacity: 0.0; }
      50% { opacity: 1.0; }
      100% { opacity: 0.0; }
  }

  @keyframes blinker {
      0% { opacity: 0.0; }
      50% { opacity: 1.0; }
      100% { opacity: 0.0; }
  }

  .front #block-views-banner_cycle-block:before{
    content:"Scroll Down";
    color:#fff;
    width: 105px;
    margin: 0 auto;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 8;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 8;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 99;
  }

  /*
   * ==========================================================================
   * Call to Action Layout
   * ==========================================================================
   */  .view-call-to-action ul li {
    width: 32%;
    background-color: white; }

  .ie8 .view-call-to-action ul li,
  .ie8 .view-call-to-action ul li.views-row-last {
    width: 28% !important;
    margin-right: 1% !important; }

  .view-call-to-action ul li,
  .view-call-to-action ul li.views-row-first {
    margin-right: 2%; }

  .view-call-to-action ul li.views-row-last {
    clear: none;
    float: left;
    margin-bottom: 0;
    margin-right: 0;
    width: 32%; }

  .calltoaction-background {
    padding: 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important; }

  .calltoaction-background:hover {
    background-size: 90% !important; }

  .calltoaction-opacity {
    display: inline-block;
    margin-top: 2em;
    background: #373e46;
    padding: 27px 4% 8px 4%;
    min-height: 90px;
    width: 92%; }

  .view-call-to-action ul li.views-row-last .calltoaction-opacity {
    background: #036cbc; }

  .calltoaction-opacity span {
    display: block;
    max-width: 260px;
    margin: 0 auto;
    text-align: center; }

  .calltoaction-opacity .subcaption {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 9px; }

  /*
   * ==========================================================================
   * Internal Pages Layout
   * ==========================================================================
   */ .not-front #header {
    height: 280px;
    background-image: url(../img/min_width_768/default_header.jpg); }

  .not-front #header>.wrapper {
    /*background: none;*/
    background-color: #fff;
    height: auto;
    min-height:170px;
    width:100%;
    padding: 0; }

  .not-front #footer-image {
    display: block;
    height: 560px;
    background-size: cover !important;
    background-image: url(../img/min_width_768/default_footer.jpg); }

  .not-front.page-news #header {
    background-image: url(../img/min_width_768/news_header.jpg); }

  .not-front.page-news #footer-image {
    background-image: url(../img/min_width_768/news_footer.jpg); }

  #block-views-resources_blocks-block,
  #block-views-outages-block {
    float: left;
    width: 50%;
    border-top: 1px solid #252525; }

  #block-views-resources_blocks-block .block-inner,
  #block-views-outages-block .block-inner {
    padding: 28px; }

  #block-views-resources_blocks-block.first.last,
  #block-views-outages-block.first.last {
    width: 100%; }

  #block-views-resources_blocks-block .item-list ul,
  #block-views-resources_blocks-block .item-list li {
    list-style: none;
    margin: 0;
    padding: 0; }

  #block-views-outages-block.even .block-inner {
    border-left: 1px solid #252525;
    padding-right: 0; }
  .view-outages .views-field-field-date, .view-outages .views-field-address {
  float:left;
  width:50%; }

/*
 * ==========================================================================
 * Tables Layout
 * ==========================================================================
 */

  th.priority-medium, td.priority-medium {
    display: table-cell;
  }
  th.priority-low, td.priority-low {
    display: table-cell;
  }

  }

@media only screen and (min-width:768px) and (max-width:959px) {
  /*ul.nice-menu li.menu-path-front>a {
    background: url('../img/sprite.png') no-repeat 10px -96px #334458;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    height: 163px;
    max-height: 163px;
    width: 52px;
    padding: 0; */}

  .view-frontpage .readmore>a {
    color: #90a903;
    background-position: 100% -480px; }

  .view-frontpage .readmore>a:hover {
    background-position: 100% -384px;
    color: black; }

  ul.nice-menu>li>a {
    font-size: 14px;
    font-size: 1.4rem; }

  ul.nice-menu ul {
    bottom: 67px;
    bottom: 6.7rem; } }