BODY {
 background-color: #E0E4F0; 
 color:#000000;
}
  a:link {color: #0000FF;} 
  a:visited {color: #800080;} 
  a:active {color: #ffffff; background-color: #405078;}
  a:hover {color: #4682B4;}

#banner{
background-color: #101848; color: #000000;        /* banner color */
position: absolute; top: 0; left: 0;
width: 100%; height: 100px;
}
.logo{
position:absolute; top: 8px; left: 5px;
width: 269px; height: 73px;
}

 #topbar{
  margin: 0; padding: 0;
  text-align: right;
  border-width: 3px 0 2px 0; border-style: ridge;  border-color: navy; 
  background-color: #4169E1; color: navy;          /* bar color before tabs begin */ 
  width: 100%; height: 30px;
  position: absolute; top: 99px; left: 0;
}

#topbar #nav{
float: right;
margin-right: 5px;
}

#topbar #nav td{
  border-width: 0; border-style: ridge;  border-color: navy; 
  background-color: #A0B0D8; color: navy;                          /* tabs color */
  width: 123px;
  background-image: url(http://www.fsaloans.net/nsb/images/tab3.gif); width: 123px; height: 30px;
   text-decoration: none; text-align: center;
   font-weight: bold; font-variant: small-caps; font-family: Verdana,sans-serif;  
   vertical-align: bottom;
}
#topbar #nav a:link,
#topbar #nav a link,
#topbar #nav a visited,
#topbar #nav a:visited{
    display: block;
   min-width: 110px;
   background-image: url(http://www.fsaloans.net/nsb/images/tab3.gif); border-width: 0; width: 123px; height: 30px;
   text-decoration: none; text-align: center;
   font-weight: bold; font-variant: small-caps; font-family: Verdana,sans-serif;  
   vertical-align: bottom;
   color: navy;   
}  
#topbar #nav a:hover{
  margin: 0; padding: 0;
  background-image: url(http://www.fsaloans.net/nsb/images/tab3.gif); border-width: 0; width: 123px; height: 30px;
   text-decoration: none; text-align: center;
   font-weight: bold; font-variant: small-caps; font-family: Verdana,sans-serif;  
   vertical-align: bottom;
   color: #4682B4;                                  /* hover text color on tabs */
}

  #sidebar{
  margin: 0; padding: 0; 
  border-style: ridge; border-color: navy;
  width: 144px; 
  background-color: #4169E1; color: #000000;                 /* sidebar color below links */
  text-decoration: none; text-align: center; list-style-type: none;
  font-family: verdana,sans-serif; font-weight: bold; font-variant: small-caps;
  vertical-align: top;
}


  #side td{ 
  width: 140px; height: 36px;
   border-style: groove; border-width: 1px 1px 1px 1px; border-color: #4682B4; 
   text-decoration: none; text-align: center; list-style-type: none;
   font-weight: bold; font-variant: small-caps; font-family: Verdana,sans-serif;  
  background-color: #A0B0D8; color: navy;                   /* sidebar  links color */
}

  #side td  a:link,
  #side td  a link,
  #side td  a visited,
  #side td  a:visited{
    display: block;
   width: 140px; height: 36px;
   text-decoration: none; text-align: center; list-style-type: none;
   font-weight: bold; font-variant: small-caps; font-family: Verdana,sans-serif;  
    color: navy;                 /* sidebar links  color */
}

  #side td a:hover,
  #side td a hover{
  margin: 0; padding: 0;
   text-decoration: none; text-align: center; list-style-type: none;
   font-weight: bold; font-variant: small-caps; font-family: Verdana,sans-serif;  
   color: #4682B4;                          /* hover color for text on sidebar links */
}

 #container{
 position: absolute; top: 129px; left: 0;
 width: 100%;
 }

.useful{
border-style: solid; border-color: #302860;
vertical-align: top;
text-align: center;
}

.useful2{
border-style: ridge; border-color: #888888; border-width: 2px;
vertical-align: top;
text-align: center;
}
  .b {font-weight: bold;}
  .center {text-align: center;} 
  .right {float: right;}
  .left {float: left;}
  .clear {clear: both;}
  .buf {margin-right: 2em;}
  .ind {margin-left: 2em;}
  .bg {font-size: large;}
  .i {font-style: italic;}
  .sm {font-size:  smaller;}
  .u {text-decoration: underline;}
  .in {text-indent: 1em;}
  .red {color: red;}
  .r {text-align: right;}
  .none {list-style-type: none;}
  .white {color: white;}
  .navy {color: navy;}
  .ban {color: white;}

#bindex #index,
#bsafety #safety,
#bprivacy #privacy,
#bdirectory #directory,
#babout #about,
#bcontact #contact,
#bnovelty #novelty{  
background-image: url(http://www.fsaloans.net/nsb/images/tab3.gif); border-width: 0; width: 123px; height: 30px;
   text-decoration: none; text-align: center;
   font-weight: bold; font-variant: small-caps; font-family: Verdana,sans-serif;  
   vertical-align: bottom;
color: navy; background-color: #E0E4F0;                /* active tab color */

}

#bfsa #side #fsa,
#bservco #side #servco,
#bloans #side #loans ,
#bgovloans #side #govloans,
#bpackager #side #packager,
#bmeetings #side #meetings,
#bpubs #side #pubs,
#bchecking #side #checking,
#bsaving #side #saving{
  display: block;
  width: 140px; height: 36px;
  border-style: groove; border-width: 1px 1px 1px 1px; border-color: #4682B4; 
  text-decoration: none; text-align: center; list-style-type: none;
  font-weight: bold; font-variant: small-caps; font-family: Verdana,sans-serif;  
  color: navy; background-color: #E0E4F0;               /* active sidebar link color */
}