

/**
  MAIN NAV
**/

/* ul that contains everything for the main menu */
#UbcMainNav {
  width: 978px;
  background: url("../img/header/nav-sprite.jpg") repeat-x scroll 0 0 #f6f6f6;
  border: 1px solid #999;
  border-top: none;
}

/* top-most navigation */
#UbcMainNav > li {
  position: relative;
  font-size: 13px;
}

/* top-most navigation links */
#UbcMainNav li a {
  text-transform: capitalize;
  color: #333;
  background: none; /*remove CLF default img*/
  border-right: 1px solid #999;
  text-shadow: 0 1px 0 #fff;
}
#UbcMainNav li a:hover {
  text-decoration: none;
}

/* top-most navigation hover, selected state */
#UbcMainNav li:hover a, #UbcMainNav li a:hover {
  color: #333;
  background: url("../img/header/nav-sprite.jpg") repeat-x 0 -40px #ddd;
  text-shadow: none;
}

/*remove CLF default img (down arrow)*/
#UbcMainNav li.UbcSelectedTop {
  background: none; 
}

/* login navigation menu to the right */
#UbcMainNav li#login-nav {
  float: right;
}
#UbcMainNav li#login-nav > a {
  margin-right: 10px;
  text-transform: uppercase;
  cursor: pointer;
  border-left: 1px solid #999;
  border-right: none;
  background: url('../img/header/nav-arrow-flipped.gif') no-repeat right center;
}


/**
  SUBMENUS
**/

/* drop-down menus generally */
#UbcMainNav ul.UbcSubMenu {
  margin-top: 1px;
  padding: 20px 0 20px 20px;
  color: #444;
  font-size: 12px;
  zoom: 1;
  opacity: 0.96;
  filter: alpha(opacity = 96);
  background-color: #F0F0F0;
  background-image: none; /*remove CLF default img*/
  border: 1px solid #999;
  border-top: none;
  z-index: 1000;
}
.ie7 #UbcMainNav ul.UbcSubMenu {
  margin-top: 39px;
  filter: alpha(opacity=96); /*should match opacity above*/
}

/* individual submenus */
#UbcMainNav ul#search-dropdown, #UbcMainNav ul#hours-dropdown, #UbcMainNav ul#services-dropdown, #UbcMainNav ul#help-dropdown, #UbcMainNav ul#about-dropdown {
  width: 220px;
  left: -1px;
}
#UbcMainNav ul#hours-dropdown, #UbcMainNav ul#services-dropdown, #UbcMainNav ul#help-dropdown {
  width: 440px;
}
#UbcMainNav ul#login-dropdown {
  width: 220px;
  left: -174px;
}


/**
  SUBMENU COLUMNS
**/

/* drop-down menu columns */
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection {
  width: 220px;
  padding: 0;
}

/* column lists */
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection ul {
  width: 200px;
  padding: 0;
}

/* column section headings */
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection ul span.section-heading {
  display: block;
  margin: 0 0 6px 1px;
  font-weight: bold;
  border-bottom: 1px solid #999;
}

/* column links */
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection ul li {
  border-bottom: none; /*overwrite CLF stye*/
  cursor: pointer;
}
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection ul li a {
  cursor: pointer;
  padding: 7px 0 7px 16px;
  color: #333;
  background: url('../img/header/nav-arrow.gif') no-repeat 5px center #F0F0F0; /*replace CLF default img*/
}
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection ul li a:hover {
  text-decoration: none;
  background-color: #ddd !important;
}


/**
  SUBMENU COLUMN SECTIONS
**/

/* class for multiple column sections falling in same column (adds spacing) */
#UbcMainNav ul.UbcSubMenu li.UbcSubMenuSection ul.SecondSubMenu {
  padding-top: 14px;
}


/**
  PAGE
**/

/* copying breadcrumb-trail style from WordPress */
.breadcrumb-trail {
  font-size: 11px ;
  padding: 10px 10px 0 10px;
}
.breadcrumb-trail a {
  color: #002859;
}
.breadcrumb-trail a:hover {
  color: #7491A3;
}

#UbcContentWrapper {
  padding-top: 0;
}


/**
  FOOTER
**/

/* footer middle column */
#UbcBottomCenter p {
  width: 100%;
  text-align: center;
}

/* replace inline styles for footer right column*/
.float-right {
  float: right !important;
}