/* This is for seniors site November 2009 */

#siteContainer {
  width: 958px;
  height: 937px;
  background-color: white;
  overflow: hidden;
  border: 1px solid black;
}

#topSec1 {
  width: 958px;
  height: 135px;
  /*border: 1px solid #ccc;*/
  overflow: hidden;
}

#topSecEmptyBox {
  width: 946px;
  height: 28px;
  margin-left: 12px; /* ini: 12px */
  border: 1px solid #A2A000;
  position: relative;
  /*top: 3px;*/ /* ini: 105px, 85px */
}

#buttonContainer {
  position: relative;
  /*top: 4px;*/ /* ini: 84px; */
}


.NavButtonSmall {
  width: 49px;
  height: 20px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: white;
  font-family: Arial;
  font-weight: bolder;
  border: 1px solid #A2A000;
  border-bottom: none;
  color: #668674;
  font-size: 12px;
  margin-left: 12px;
}

.NavButtonMedium {
  width: 69px;
  height: 20px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #A2A000;
  font-family: Arial;
  font-weight: bolder;
  font-size: 12px;
  margin-left: 1px;
  color: white;
}

.NavButtonLarge {
  width: 121px;
  height: 20px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #A2A000;
  font-family: Arial;
  font-weight: bolder;
  font-size: 12px;
  margin-left: 1px;
  color: white;
}

#searchBoxContainer {
  width: 500px;
  height: 83px;
  background-image: url('images/searchBoxBg.gif');
  position: relative;
  top: 20px;
  left: 458px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #A2A000;
}

#searchItems {
  position: relative;
  left: -23px;
  padding-top: 23px;
  color: #836666;
  font-weight: bold;
  font-family: Arial;
  font-size: 13px;
}

.inputSearchBox {
  width: 147px;
  height: 18px;
  border: 1px solid #7F9DB9;
}

#goButton {
  position: relative;
  left: 210px;
  top: -22px;
}

#topMostNavText {
  width: 228px;
  height: 22px;
  color: #666666;
  font-family: Arial;
  font-size: 12px;
  position: relative;
  float: left;
  left: 656px; /* ini: 715px */
  top:2px;
}

#topMostNavText a {
   color: #666666;
}

#SBRlogo {
  float: left;
  position: relative;
  left: 35px;
  top: 4px;
}

#SBRImageText {
  float: right;
  position: relative;
  left: -554px;
  top: 50px;
}

.whiteBar {
  position: relative;
  top: -15px;
}

#blackBarNavContainer {
  background-color: black;
  width: 958px;
  height: 48px;
  position: relative;
  top: 0px;
  overflow: hidden;
}

.blackBarText {
  width: 150px;
  height: 38px;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: white;
  padding: 16px;
}

.blackBarTextL {
  width: 160px;
}

.blackBarText a {
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: white;
}

.blackBarVBar {
  float: right;
  position: relative;
  top: -15px;
}

#mainContentContainer {
  /*border: 1px solid yellow;*/
  width: 958px;
  height: 752px;
  overflow: hidden;
}

#mainContentLeftSection {
  float: left;
  width: 207px;
  border-right: 1px solid black;
  height: 92%;
}

.leftNavButton {
   width: 178px;
   height: 20px;
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   background-color: #414040;
   color: white;
   float: right;
   margin-bottom: 3px;
}

.leftNavButtonText {
  float: right;
  padding-right: 17px;
  padding-top: 2px;
}

.leftNavButtonText a {
  font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: white;
   text-decoration: none;
}

.leftNavImage {
  float: right;
  width: 178px;
}

.leftNavHeaders {
   width: 178px;
   height: 20px;
   background-color: #EDE6BE;
   float: right;
   font-family: Arial;
   font-size: 14px;
   font-weight: bold;
   color: #050505;
   border: 1px solid #414040;
   padding-left: 8px;
   padding-top: 3px;
}

#retirementCenterLinks {
  float: right;
  width: 170px;
  position: relative;
  left: -8px; /* move entire image & text links */
  /*border: 1px solid #ccc;*/
}

#retirementCenterLinks ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#retirementCenterLinks li {
  background-image: url('images/leftnav_bullet_bar.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 0px 0px 0px 18px;
  margin-bottom: -2px; /*connect bar L image to each other */
}

.retirementCenterLinksText {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #030303;
  position: relative;
  top: 6px;
}

.retirementCenterLinksText a {
  text-decoration: none;
  color: #030303;
}

#mainContentMiddleSection {
  /*float: left;*/
  width: 518px;
  height: 92%;
  margin-left: 5px;
  overflow: hidden;
}

.middleSectionTopHeader {
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  color: #1c1c1c;
  padding-left: 24px;
}

.middleSectionTableTxt01 {
  vertical-align: text-top;
  width: 120px;
}

.middleSectionTableTxt02 {
  vertical-align: text-top;
  width: 120px;
}

.middleSectionTable td {
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  /*margin: 0px 10px 0px 10px;*/
  padding: 3px; /* ini: 2px */
}

.middleSectionTable th {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  /*margin: 0px 10px 0px 10px;*/
  padding: 3px;  /* ini: 2px */
}

.middleSectionTable2 {
  position: relative;
  left: 148px;
  top: -192px; /* -250px */
}

.middleSectionTable3 {
  position: relative;
  left: 148px;
  top: -181px;
}

.middleSectionText1 {
  width: 470px;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  margin-left: 24px;
}

#middleSectionBigImage {
   width: 492px;
   height: 151px;
   margin-left: 24px;
}

.middleTable {
  margin-left: 24px;
  margin-top: 25px;
}


#mainContentRightSection {
  float: right;
  width: 207px;
  border-left: 1px solid black;
  margin-left: 22px;
  height: 92%;
  overflow: hidden;
}

.rightSectionDate {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  margin-left: inherit;
}

#loginArea {
  width: 172px;
  height: 148px;
  background-image: url('images/login_area.gif');
  background-repeat: no-repeat;
  margin-left: 17px;
}

#loginAreaHeader {
  float: left;
  color: white;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  top: -8px;
  left: 16px; /* ini: top -8, left -10 */
}

#loginAreaHeader  ul {
 margin-left: 0px;
 padding-left: 0px;
}

#loginAreaHeader  li {
  list-style-type: none;
  background-image: url('images/white_arrow.gif');
  background-position: 0px 4px;
  background-repeat: no-repeat;
  padding-left: 8px;
}

#loginInputArea {
  width: 130px;
  height: 58px;
  color: black;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  position: relative;
  top: -15px;
  left: 16px;
  float: left;
  vertical-align: text-top;
  /*border: 1px solid yellow;*/
}

#loginLinkArea {
  width: 140px;
  height: 56px;
  position: relative;
  top: -8px;
  left: -16px;
  float: right;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: black;
  vertical-align: text-top;
  /*border: 1px solid yellow;*/
}

.loginLinkAreaUL {
  position: relative;
  top: -6px;
}

#loginLinkArea  ul {
 margin-left: 0px;
 padding-left: 0px;
}

#loginLinkArea  li {
  list-style-type: none;
  background-image: url('images/blue_arrow.gif');
  background-position: 0px 4px;
  background-repeat: no-repeat;
  padding-left: 8px;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: black;
}

#loginLinkArea a {
  width: 100%;
}

#ourServices {
  width: 206px;
  height: 206px;
  padding-left: 10px;
  margin-top: 29px;
  /*border: 1px solid yellow;*/
}

#ourServicesText {
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: #8D8D8D;
  width: 181px;
}

#ourServicesText a {
 color: #B55610;
 text-decoration: underline;
}

#ourServicesText  ul {
 margin-left: 0px;
 padding-left: 0px;
}

#ourServicesText  li {
  list-style-type: none;
  background-image: url('images/gray_arrow.gif');
  background-position: 0px 4px;
  background-repeat: no-repeat;
  padding-left: 11px;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: #B55610;
}

#footer {
   width: 958px;
   height: 61px;
   font-family: Arial;
   font-size: 12px;
   font-weight: normal;
   color: black;
   position: relative;
   border-top: 1px solid #1c1c1c;
}

#footerText {
  width: 427px;
  height: 40px;
  position: relative;
  top: 12px;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: black;
  margin-left: 15px;
}

