﻿.headerContainer {
  background-color: #333333;
  clear: both;
  margin: 0 auto;
  max-width: 85rem; }

.mainLogoContainer {
  float: left; }

.mainNavContainer {
  float: right;
  padding: 17px 37px; }

.mainNavContainer a {
  color: #FFFFFF;
  display: block;
  float: left;
  font-family: $font_family;
  font-size: 14px;
  height: 33px;
  padding: 7px 0 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 177px; }

.mainNavContainer a.small {
  width: 121px; }

.mainNavContainer a.medium {
  width: 144px; }

.mainNavContainer a:hover {
  background-image: url(http://www.housinglink.org/app_themes/housinglink/images/nav_background.png);
  background-position: center center;
  background-repeat: no-repeat; }

.mainNavContainer a.small:hover {
  background-image: url(http://www.housinglink.org/app_themes/housinglink/images/nav_background_sm.png); }

.mainNavContainer a.medium:hover {
  background-image: url(http://www.housinglink.org/app_themes/housinglink/images/nav_background_med.png); }

.headerBannerContainer {
  padding: 9px; }

/* SELECTORS FOR TOP BANNER MENU */
/* Selectors for menu inside the banner */
.mainNavContainer .AspNet-Menu-Horizontal {
  /*
    left: 9.5em;
    top: 0;
    z-index: 300;
    */ }

.mainNavContainer .AspNet-Menu-Horizontal ul ul {
  /*
    background: #0066e9 ;
    */ }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu {
  /*
  width: 100%;
  background: #0066e9;
	font-size: .9em;
	font-weight: bold;
	border: solid 1px black;
	padding: 4px 0px 4px 0px;
	height: 20px;
  */ }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul {
  /*
  left: 2px;
  top: 100%;
  width: 8em;
  padding: 5px;
  border:2px solid #165EA9;
  */ }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul {
  /*
  left: 6.8em;
  top: -1em;
	text-decoration: underline;
  */ }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li {
  /* To increase the space between items on the menu, increase the second padding value */
  /*
    padding: 2px 10px 2px 10px;
    */ }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li {
  /*width:9em;*/ }

/* Start: rules to make the horizontal menu's top tier use proportional width for its items. */
/* Horizontal menus w/ drop down arrow */
.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li a {
  display: inline;
  background-color: #333333;
  /*
    padding: 4px 20px 4px 8px;
    display: inline;
    background: transparent url(/images/arrowDown.gif) right center no-repeat; 
    */ }

/* Disabled Horizontal menus (no drop down arrow) */
.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li span {
  padding: 4px 20px 4px 8px;
  display: inline;
  color: Fuchsia;
  /*text-decoration: underline; /* This underlining is the "white" one - the right one */
  /*background: transparent url(/images/arrowDown.gif) right center no-repeat; */ }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a, .mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span {
  display: block;
  text-decoration: underline;
  /* This one doesn't seem to do anything */ }

/* End: proportional rules */
/* Static menu items */
.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li a {
  color: #ffffff;
  border-style: none;
  text-align: center;
  padding: 10 5px; }

/* Disabled static menu items */
.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li span {
  color: #a9a9a9;
  /*gray */
  border-style: none;
  text-align: center;
  padding: 10 5px; }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover, .mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li.Asp-Menu-Hover span {
  background-image: url(http://www.housinglink.org/app_themes/housinglink/images/nav_background.png);
  background-position: center center;
  background-repeat: no-repeat; }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf a, .mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Leaf span {
  /*
    background-image: none !important;
		text-decoration: underline; 
    */ }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li li a, .mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li li span {
  text-align: left; }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover, .mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover {
  background-image: url(http://www.housinglink.org/app_themes/housinglink/images/nav_background.png);
  background-position: center center;
  background-repeat: no-repeat; }

.mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover, .mainNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Hover span {
  /*color: White; */
  background-image: url(http://www.housinglink.org/app_themes/housinglink/images/nav_background.png);
  background-position: center center;
  background-repeat: no-repeat; }

/* topNavContainer Menus */
.topContainer {
  /*float: right;*/
  /*padding-right: 25px;*/
  height: 26px;
  background-color: #D7D7D7;
  max-width: 85rem;
  margin: 0 auto; }

.topNavContainer {
  float: right;
  width: 270px;
  padding-top: 6px; }
  .topNavContainer a {
    color: #127DB4;
    cursor: pointer;
    font-family: $font_family;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    padding: 0 6px 1px;
    text-decoration: none;
    text-transform: uppercase;
    border-style: none; }
  .topNavContainer a.small {
    width: 121px; }
  .topNavContainer a.medium {
    width: 144px; }
  .topNavContainer a:hover {
    color: #00a0f0;
    text-decoration: underline;
    border-style: none; }
  .topNavContainer a.small:hover {
    color: #00a0f0;
    text-decoration: underline;
    border-style: none; }
  .topNavContainer a.medium:hover {
    color: #00a0f0;
    text-decoration: underline;
    border-style: none; }

/* SELECTORS FOR TOP BANNER MENU */
/* Selectors for menu inside the banner */
.topNavContainer .AspNet-Menu-Horizontal {
  /*
    left: 9.5em;
    top: 0;
    z-index: 300;
    */ }

.topNavContainer .AspNet-Menu-Horizontal ul ul {
  /*
    background: #0066e9 ;
    */ }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu {
  /*
  width: 100%;
  background: #0066e9;
	font-size: .9em;
	font-weight: bold;
	border: solid 1px black;
	padding: 4px 0px 4px 0px;
	height: 20px;
  */ }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul {
  /*
  left: 2px;
  top: 100%;
  width: 8em;
  padding: 5px;
  border:2px solid #165EA9;
  */ }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul {
  /*
  left: 6.8em;
  top: -1em;
	text-decoration: underline;
  */ }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li {
  /* To increase the space between items on the menu, increase the second padding value */
  /*
    padding: 2px 10px 2px 10px;
    */ }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li {
  /*width:9em;*/ }

/* Start: rules to make the horizontal menu's top tier use proportional width for its items. */
/* Horizontal menus w/ drop down arrow */
.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li a {
  display: inline;
  color: #127DB4;
  /*
    background-color: #333333;
    */ }

/* Disabled Horizontal menus (no drop down arrow) */
.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li span {
  padding: 4px 20px 4px 8px;
  display: inline;
  color: Fuchsia;
  /*text-decoration: underline; /* This underlining is the "white" one - the right one */
  /*background: transparent url(/images/arrowDown.gif) right center no-repeat; */ }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a, .topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span {
  display: block;
  color: #127DB4;
  text-decoration: underline;
  /* This one doesn't seem to do anything */
  border-style: none; }

/* End: proportional rules */
/* Static menu items */
.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li a {
  color: #127DB4;
  border-style: none;
  text-align: center;
  padding: 10 5px; }

/* Disabled static menu items */
.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li span {
  color: #a9a9a9;
  /*gray */
  border-style: none;
  text-align: center;
  padding: 10 5px; }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover, .topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li.Asp-Menu-Hover span {
  color: #00a0f0;
  text-decoration: underline;
  border-style: none; }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf a, .topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Leaf span {
  /*
    background-image: none !important;
		text-decoration: underline; 
    */
  border-style: none; }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li li a, .topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li li span {
  text-align: left; }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover, .topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover {
  /*
    color: #00a0f0;
		text-decoration: underline; 
    border-style: none;
*/ }

.topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover, .topNavContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Hover span {
  /*color: White; */
  color: #00a0f0;
  text-decoration: underline;
  border-style: none; }

/*# sourceMappingURL=BannerStyles.css.map */