body, html {  }
html { margin: 0pt; padding: 0pt; }
.forNonCSS { display: none; }
.hide, #topnav .hide, #logo .hide { display: none; }  /* precedence problems... */
body { font-family: Arial, Helvetica, sans-serif; background-color: #666666; margin: 0pt; padding: 0pt; color: #000000; font-size: 9pt; }
td { vertical-align: top; }
table { border-collapse: collapse; border: none; }
a { text-decoration: none; color: #000000; }
h1 { margin-top: 0pt; font-size: 1.8em; font-weight: normal; font-family: "Arial Black"; }
#mainTbl { width: 800px; padding: 0pt; margin: 0pt; background: #b8edff top left url(images/bssa-background-image.jpg) no-repeat; }
#leftnav { width: 160px; padding: 75px 0pt 20pt; font-size: 0.8em; font-weight: normal; }
#leftnav a { display: block; }
#leftnav div { padding: 3pt 3pt 3pt; margin-right:3pt; }
#leftnav a:hover { /*background-color: #e3f7fe;*/ color: #FF0066; }
#topnav { padding:22px 0px 40px 0px; }
#topnav span { display: block; position: absolute; width: 80px; height: 80px; top: 20px; }
#topnav a { display: block; }
#contentbox, #topnav { width: 493px; }
#contentbox { height:480px; background: #e3f7fe top left url(images/background-content.jpg) no-repeat; text-align: left; padding: 0px; margin: 0px; }
#contentbox a { /*background-color: #e3f7fe;*/ color: #FF0066; }
#contentbox a:hover {color: #FF0066; text-decoration: underline; }
/*#contentbox, #contentbox table, #contentbox tr {  }*/
#contentbox td { text-align: left; padding-bottom: 1pt; }
#content { width: 465px; margin: 10pt; text-align: left; }
#rightblocks { text-align: center; width: 172px; }

#about { background: url(images/about-us-button-off.jpg); left: 136px; }
#about:hover { background: url(images/about-us-button-on.jpg); }

#whyjoin { background: url(images/why-join-button-off.jpg); left: 218px; }
#whyjoin:hover { background: url(images/why-join-button-on.jpg); }

#membersarea { background: url(images/members-button-off.jpg); left: 302px; }
#membersarea:hover { background: url(images/members-button-on.jpg); }

#services { background: url(images/services-button-off.jpg); left: 385px; }
#services:hover { background: url(images/services-button-on.jpg); }

#news { background: url(images/news-button-off.jpg); left: 468px; }
#news:hover { background: url(images/news-button-on.jpg); }

#contacts { background: url(images/contacts-button-off.jpg); left: 551px; }
#contacts:hover { background: url(images/contacts-button-on.jpg); }

#cybhr { background: url(images/cybhr-button-off.jpg); left: 634px; }
#cybhr:hover { background: url(images/cybhr-button-on.jpg); }

#oss { background: url(images/oss-button-off.jpg); left: 717px; }
#oss:hover { background: url(images/oss-button-on.jpg); }

#logo { position: absolute; background: url(images/bssa-logo-button-off.jpg); left: 10px; top: 136px; width: 100px; height: 40px; }
#logo:hover { background: url(images/bssa-logo-button-on.jpg); }
#logo a { display: block; width: 100%; }
#logo .hide { display: none; }  /* precedence problem... */

#copyright { text-align: center; background: #000000; color: #666666; font-size: 0.8em; padding: 3pt; }
#copyright a {color: #FF0066; }
#copyright a:hover {color: #FF0066; text-decoration: underline; }