﻿#aMemberServices
{
  width: 158px;
  background: url(../images/nav/memberServices.png) top left no-repeat;
}

#HeaderRedRule {
  width: 110px;
  height: 1px;
  margin: 29px 0 0 0;
  float: left;
}

#nav li div.drop {
  display: none;
  position: absolute;
  border: 3px solid #7BA0C6;
  padding: 13px 8px 3px;
  background: url(../images/nav/bg.png) #fff bottom center repeat-x;
  top: 27px;
  right: 0;
  -moz-box-shadow: 0 9px 14px #000;
  -webkit-box-shadow: 0 9px 14px #000;
  box-shadow: 0 9px 14px #000;
  white-space: nowrap;
}

/*edits*/

#nav
{
  z-index:3000;
}

#nav li
{
  position: relative;
  display: block;
  float: left;
}
#nav li:hover a
{
  background-position: 0 -25px;
  display: block;
}

#nav li:hover div.drop
{
  display: block;
  z-index:1000;
}
/*ADDED from here!*/
#nav li div.drop h6{
  display:block;
  font-family: SegoeUI-Bold, Arial, Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #4F4F4F;
  background: url(../images/nav/dropdownHRule.png) bottom left no-repeat;
  margin: 0 0 7px 0;
}
#nav li div.drop a, #nav li div.drop a:visited, #nav li div.drop a:active {
  color: #484848;
  display: block;
  padding: 1px 0;
  margin: 0;
  outline: none;
  background: none;
  height: auto;
  float: none;
}
#nav li div.drop a:hover {
  background: #E8F5FD;
  color: #484848;
  border: solid 1px #C4D5E6;
  padding: 0 4px;
  margin: 0 -5px;
  height: auto;
}
#nav li div.drop a.viewMore{
  font-weight:bold;
  background:url(../images/nav/plus.png) 0 7px no-repeat;
  border:none;
  padding: 1px 0 1px 8px;
  margin: 0;
  text-decoration:none;
}
#nav li div.drop a.viewMore:hover{
  text-decoration:underline;
}

#nav li div.wide{
  width:350px;
}
#nav li div.drop .section, #nav li div.drop .section div {
  width:150px;
  margin-bottom: 15px;
}
#nav li div.drop .right {
  float:right;
  margin-right: 8px;
}
#nav li div.drop .left {
  float:left;
}
#nav li div.drop .rule {
  position:absolute;
  height:auto;
  left: 48%;
  top: 0;
  bottom: 0;
  width: 1px;
  visibility: hidden;
  padding:34px 0 15px;
}
#nav li div.drop .show{
  visibility: visible;
}
#nav li div.drop .rule div {
  position:relative;
  height:100%;
  width: 1px;
  background-color: #cccccc;
}

/* to here*/
#aPersonal
{
  width: 100px;
}
#aBusiness
{
  width: 102px;
}
#aYouth
{
  width: 102px;
}
#aAbout
{
  width: 158px;
}

#hpLogin {
  position: static;
}