/* This file will hold styles that are loaded using the same media query as the narrow grid. */
#section-header .container-12,
#section-content .container-12,
#section-footer .container-12 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

#zone-user-wrapper .grid-12,
#zone-branding .grid-12,
#zone-menu .grid-12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}


/* BRANDING */
.site-name {
  margin-left: 14px;
}

#region-branding .branding-data {
  float: left;
}

/* BRANDING - SAS MENU */
#region-branding .block-menu-block {
  float:right;
  margin-top: 24px;
  position: relative;
  border: 1px solid #e6e6e4;
  margin-right: 13px;
  margin-bottom: 0;
}

#region-branding .block-menu-block .block-inner {
  padding: 0.1em 0.833em;
  -moz-box-shadow:     2px 3px 6px rgba(117, 117, 117, 0.5);
	-webkit-box-shadow:  2px 3px 6px rgba(117, 117, 117, 0.5);
	box-shadow:          2px 3px 6px rgba(117, 117, 117, 0.5);
}

#region-branding .block-menu-block .content {
  position: absolute;
  left:-1px;
  z-index: 20;
  width: 100%;
  border: 1px solid #e6e6e4;
  margin-top: -2px;
  border-top:none;
  top:1px; 
}

#region-branding ul.menu {
  padding-left: 2.333em;
  padding-bottom: 1em;
  padding-top:0.6em;
  background: #fff;
  -moz-box-shadow:     2px 5px 6px rgba(117, 117, 117, 0.5);
	-webkit-box-shadow:  2px 5px 6px rgba(117, 117, 117, 0.5);
	box-shadow:          2px 5px 6px rgba(117, 117, 117, 0.5);
}

#region-branding .branding-data {
  width:55%;
}

#region-branding .block-menu-block {
  width: 40%;
}

/* ZONE MENU -  SEARCH BOX AND HEADER MENU */
/* SEARCH BOX */
input#edit-submit, input[type="submit"], input[type="button"] {
  font-family: 'Muli', Arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
  border-radius:0;
  padding: 4px 4px;
  border:none;
  color:#fff;
  background: #002B7F;
  text-shadow: none;
  height:24px;
}

#search-block-form input[type="text"] {
  color:#333333;
  border:1px solid #002B7F;
  margin-left: 16px;
  width:192px;
  height: 24px;
}


/* COMMUNICATIONS BLOCK */
.communications-block {
  display: none;
}

/* HEADER MENU */
#zone-menu {
  margin-bottom: 1em;
  background:url('../images/service-border-horizontal.png') repeat-x left bottom transparent;
  padding-bottom: 0.5em;
}

#region-menu #block-search-form {
  float: left;
  padding-top: 5px;
}

#region-menu .block-menu-block h2 {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

#region-menu .block-menu-block {
  float: right;
  margin-top: 1.6em;
  margin-right: 13px;
  margin-bottom: 0;
}

#region-menu .block-menu-block .menu-block-wrapper > ul > li,
#region-menu .block-menu-block .menu-block-wrapper nav > ul > li {
  display: block;
  float:left;
  margin:0;
  padding: 0;
}



#region-menu .block-menu-block ul li a {
  font-family: Arial, sans-serif;
  font-size: 1.042em;
  font-weight: normal;
  color: #002B7F;
  text-decoration: none;
  padding: 0 0.8em;
  margin:0;
}

#region-menu .block-menu-block ul.first-tier > li > a {
  margin-left:-2px;
  display: block;  
  background: url('../images/menu-header-border.png') no-repeat 100% 50% transparent;
}

#region-menu .block-menu-block ul.first-tier > li.last {
  padding-right: 0;
}

#region-menu .block-menu-block ul.first-tier > li.last a {
  background: none;
}

/* LEFT MAIN MENU SIDEBAR FIRST */
#region-sidebar-first .region-inner {
  margin-top: 0;
  padding-left: 0;
}

/* SAS FOOTER MENU */
#zone-postscript {
  margin-top: 2em;
  margin-bottom: 2em;
}

#zone-postscript .region-inner {
  padding-top: 6px;
}

#zone-postscript #region-postscript-fourth ul li {
  display: inline-block;
  padding-left: 5px;
}

#zone-postscript #region-postscript-fourth ul li a {
  display: block;
  text-indent: -100000px;
  width: 55px;
  height: 55px;
}

#zone-postscript #region-postscript-fourth ul li.askus a {
  background: url("../images/askus-icon.png") center center transparent;
  background-size: 55px 55px;
}

#zone-postscript #region-postscript-fourth ul li.ssol a {
  background: url("../images/ssol-icon.png") center center transparent;
  background-size: 55px 55px;
}

#zone-postscript #region-postscript-fourth ul li.facebook a {
  background: url("../images/icon_fb.png") center center transparent;
  background: url("/files/housing/content/icon_fb.jpg") center center transparent;
  background-size: 55px 55px;
}

/* FOOTER */
#section-footer {
  background: #003d91;
  height: 34px;
  color: #fff;
}

#zone-footer {
  padding-top: 8px;
}

#zone-footer a {
  color: #fff;
  text-decoration: none;
}