/* MAIN SAS MENU STYLES */
.menu-button {
  -moz-transition: background 0.25s ease-out 0s;
  -webkit-transition: background 0.25s ease-out 0s;
  transition: background 0.25s ease-out 0s;
}
/* LEFT MAIN MENU SIDEBAR FIRST */
.menu-button {
  font-family: 'Muli', Arial, sans-serif;
  font-size: 1.2em !important;
  font-weight: normal;
  color:#002B7F;
  letter-spacing: normal;
  padding: 5px 10px;
  display: block;
  cursor: pointer;
  background: #C6C8CB;
}
.responsive-layout-fluid .menu-button {
  display: none;
}
.open .menu-button {
  background: #6996D3;
}
.menu-button span {
  margin-right: 8px;
}
.responsive-layout-mobile .mobile-menu {
  margin: 20px 0 20px;
}
.responsive-layout-mobile .mobile-menu .block-title {
  display: none;
}
.responsive-layout-mobile .mobile-menu-content .block-title {
  display: block;
}
.responsive-layout-mobile .mobile-menu.open {
  border-left: 10px solid #E1E2E5;
  padding-left: 1px;
}
.responsive-layout-mobile .mobile-menu-content {
  border-bottom: 4px solid #6996D3;
  padding-top: 10px;
}
.responsive-layout-mobile ul.second-tier li a.no-click {
  cursor: default;
}
.region-sidebar-first .region-inner {
  padding-left: 1em;
}
.region-sidebar-first .block-menu-block {
  margin-bottom: 22px;
}
.responsive-layout-mobile .mobile-menu-content {
  padding-bottom: 10px;
}
.region-sidebar-first #block-menu-block-12 {
  margin-bottom: 18px;
  padding-bottom: 22px;
  background:url('../images/service-border-horizontal.png') repeat-x left bottom transparent;
}
.front .region-sidebar-first #block-menu-block-12 {
  margin-bottom: 12px;
  padding-bottom: 0;
  background: none;
}
.responsive-layout-fluid .region-sidebar-first .block-menu-block ul {
  margin-left: 0.6em;
}
.responsive-layout-mobile .mobile-menu-content ul.first-tier {
  margin-left: 0.2em;
}
.region-sidebar-first .block-menu-block h2.block-title {
  font-family: 'Muli', Arial, sans-serif;
  font-size: 1.583em;
  font-weight: lighter;
  color:#002B7F;
  letter-spacing: normal;
}
.region-sidebar-first .block-menu-block ul.first-tier > li {
  margin: 3px 0;
  padding: 0 0 0 16px;
}

.region-sidebar-first .block-menu-block ul.first-tier > li > a {
  padding-left: 5px;
  padding-right: 5px;
}

.region-sidebar-first .block-menu-block ul.second-tier > li {
  margin: 3px 0;
  padding: 0 0 0 12px;
}

.region-sidebar-first .block-menu-block ul.third-tier > li {
  margin: 3px 0;
  padding: 0 0 0 16px;
}

.responsive-layout-mobile .region-sidebar-first .block-menu-block ul li a.caret i {
  display: none;
}

.responsive-layout-mobile .region-sidebar-first .block-menu-block ul.second-tier li a.no-click {
  font-family: Arial, sans-serif;
  font-weight: normal;
  letter-spacing: normal;
  color: #005bab;
}

.region-sidebar-first .block-menu-block ul li a {
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 1.083em;
  line-height: 1.6em;
  font-weight: normal;
  letter-spacing: normal;
  color:#333333;
  text-decoration: none;
  display: block;
}

.region-sidebar-first .block-menu-block ul li,
.responsive-layout-mobile .mobile-menu-content ul li {
  display: block;
  padding-left: 20px;
}

.region-sidebar-first .block-menu-block ul.first-tier li.first-tier-li,
.responsive-layout-mobile .region-sidebar-first .block-menu-block ul.first-tier > li.open {
  background: url("../images/arrow-right-small.png") no-repeat 0 8px transparent;
}

.responsive-layout-fluid .region-sidebar-first .block-menu-block ul li li {
  background: none;
}

/* MAIN MENU */
.responsive-layout-fluid .region-sidebar-first-inner ul.first-tier > li {
  position: relative;
}

.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.second-tier li a {
  line-height: 1.2em; 
}

/* MAIN MENU */
.responsive-layout-fluid .menu-background {
  background: url("../images/menu-right-border.png") repeat-y 45% 0 transparent;
}

.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.second-tier {
  position: absolute;
  left:99%;
  top:0;
  z-index: 9999;
  list-style-image:none;
  padding: 14px 0;
  border-bottom: 5px solid #005bab;
  border-top: 5px solid #005bab;
  border-left: 1px solid #005bab;
  border-right: 1px solid #005bab;
  margin-left: 0;
  width: 190px;
  background-color: #fff;
}

.responsive-layout-fluid .region-sidebar-first-inner ul.second-tier ul.third-tier {
  position: absolute;
  left:190px;
  top:0;
  z-index: 9999;
  background: transparent; 
  list-style-image:none;
  padding: 14px 0;
  margin-left: 0px;
  width: 190px;
}

.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.second-tier li {
  list-style-image: none;
  list-style-type: none;
  margin: 0 0 12px 0;
  padding-left:10px;
  padding-right:10px;
  width: 158px;
  line-height: 1.2em;
}

.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.third-tier li {
  width: 180px;
}

.responsive-layout-fluid .region-sidebar-first ul.first-tier>li:hover>a {
  color:#fff;
}

/* HEADER MENU */
.responsive-layout-fluid #region-menu .block-menu-block .menu-block-wrapper ul.first-tier > li {
  position: relative;
}

.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.second-tier > li > a.caret:hover,
.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.second-tier  li.open > a.caret,
.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.second-tier  li.open > a,
.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.second-tier > li > a:hover,
.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.second-tier > li a:focus,
.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.second-tier > li:focus > a,
.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.third-tier > li:focus > a {
  color:#005bab;
  background-color: transparent;
}

.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.third-tier > li > a:hover {
  color:#005bab;
}

/* COPY AND REPLACE THESE WITH YOUR SITE COLOR VALUES ON SUB-THEME */
.responsive-layout-fluid #region-menu ul.first-tier > li.open > a:hover,
.responsive-layout-fluid #region-menu ul.first-tier > li.open > a,
#region-menu .block-menu-block ul.first-tier > li.last.open a,
#region-menu .block-menu-block ul.first-tier > li.last a:focus,
#region-menu .block-menu-block ul.first-tier a:focus,
#region-menu .block-menu-block ul.first-tier > li.last:focus > a,
#region-menu .block-menu-block ul.first-tier > li:focus > a {
  color: #fff;
  background: #005bab;        /* <--- CHANGE HERE */
  background-color:#005bab;   /* <--- CHANGE HERE */
}
/* REPLACE THESE WITH YOUR SITE COLOR VALUES */

.responsive-layout-fluid #region-menu .block-menu-block ul.second-tier {
  position: absolute;
  left:-2px;
  top:18px;
  z-index: 9999;
  list-style-image:none;
  padding: 14px 0;
  border-bottom: 5px solid #005bab; /* <--- CHANGE HERE */
  border-top: 5px solid #005bab;    /* <--- CHANGE HERE */
  border-left: 1px solid #005bab;   /* <--- CHANGE HERE */
  border-right: 1px solid #005bab;  /* <--- CHANGE HERE */
  margin-left: 0;
  width: 190px;
  background-color: #fff;
}

.responsive-layout-fluid .region-sidebar-first-inner ul.first-tier>li.first-tier-li:hover > a,
.responsive-layout-fluid .region-sidebar-first-inner ul.first-tier>li.first-tier-li.open > a {
  background-color: #9F7EB4; /* <--- CHANGE HERE */
  color: #FFF;
}
/* REPLACE THESE WITH YOUR SITE COLOR VALUES */

.responsive-layout-fluid #region-menu .block-menu-block ul.third-tier {
  position: absolute;
  left:190px;
  top:0;
  z-index: 9999;
  background: transparent; 
  list-style-image:none;
  padding: 19px 0;
  margin-left: 0px;
  width: 190px;
}

.responsive-layout-fluid #region-menu .block-menu-block ul.second-tier li,
.responsive-layout-fluid #region-menu .block-menu-block ul.third-tier li {
  float:none;
  display: block;
  margin: 0 0 12px 0;
  padding: 0 10px;
  line-height: 1.2em;
  width: 158px;
}

.responsive-layout-fluid #region-menu .block-menu-block ul.second-tier li a,
.responsive-layout-fluid #region-menu .block-menu-block ul.third-tier li a {
  border-right:none;
  font-family: Arial, sans-serif;
  font-size: 1.083em;
  font-weight: normal;
  letter-spacing: normal;
  color:#333333;
  text-decoration: none;
  display: block;
  margin: 0;
  padding: 0;
}

.responsive-layout-fluid #region-menu .block-menu-block ul.second-tier > li a:hover,
.responsive-layout-fluid #region-menu .block-menu-block ul.second-tier > li.open > a.caret,
.responsive-layout-fluid #region-menu .block-menu-block ul.second-tier > li.open > a,
.responsive-layout-fluid #region-menu .block-menu-block ul.second-tier > li  a:focus {
  color: #005bab;
  background-color: transparent;
}

.region-sidebar-first .block-menu-block .menu-block-wrapper ul.menu li.open > ul.menu,
.responsive-layout-fluid #region-menu .block-menu-block li.open > ul.menu {
  display: block;
}

.responsive-layout-fluid #region-menu .menu-background {
  background-position: 45% 0;
}

.responsive-layout-mobile .menu-label {
  display: none;
}

.responsive-layout-fluid .menu-label {
  font-family: Arial, sans-serif;
  font-size: 1.250em;
  font-weight: normal;
  letter-spacing: normal;
  color: #005bab;
  text-decoration: none;
  display: block;
  margin: 0 0 12px;
  padding:0 10px;
  width:158px;
  line-height: normal;
}

.responsive-layout-fluid  ul.third-tier .menu-label {
  width:180px;
  line-height: normal;
}

/* RETINA IMAGES */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
	/* Retina-specific stuff here */
  .region-sidebar-first .block-menu-block ul.first-tier li.first-tier-li,
  .responsive-layout-mobile .region-sidebar-first .block-menu-block ul.first-tier > li.open {
    background: url("../images/arrow-right-menu2.png") no-repeat 0 8px transparent;
    background-size: 12px 6px;
  }
	
}