body	{ background: #000; margin: 0px; padding: 0px; }

#container { position: absolute; width: 960px; padding: 0px; margin: 0px; background: url(RJBLogo.gif) top right no-repeat; }

#page { position: relative; width: 800px; height: 100%; padding: 0px; margin: 0px 100px 0px 50px; background: url(brickbg.jpg) repeat; }

#head { width: 100%; height: 200px; margin: 0px; padding: 0px; background: url(2bill.gif) bottom right no-repeat; }

#head h1 { background-image: url(ReunionJazz.gif); background-position: bottom center; background-repeat: no-repeat; width: 354px; height: 104px; margin-left: 225px; margin-top: 10px; }

#globalNav { position: relative; width: 780px; height: 25px; text-align: center; padding: 10px 5px 5px 5px; margin: 0px; font: bold 16px sans-serif; color: lime; }
#globalNav a{ font: bold 12px sans-serif; color: #FFF; background-color: #400000; padding: 5px; text-decoration: none; }
#globalNav a:link { border: 2px solid #FF0; }
#globalNav a:visited { border: 2px solid #F00; }
#globalNav a:hover { border: 2px solid lime; } 
#globalNav a:active { border: 2px solid aqua; }

#photoNav { margin-top: 10px; padding: 10px; font: bold 13px sans-serif; color: #ff0;  align: center; }

#photoNav a{ font: bold 11px sans-serif; padding: 5px; }
#photoNav a:link { color: #fff; text-decoration: underline; }
#photoNav a:visited { color: #f00; text-decoration: none; }
#photoNav a:hover { color: #ff0; text-decoration: underline; }
#photoNav a:active { color: #00f; text-decoration: underline; }

#thumbs { width: 525px; height: 100%; padding: 0px; margin-top: 50px; text-align: center; }


.indextable  { width: 700px; margin-top: 10px; margin-left: 50px; cellpadding: 5px; cellspacing: 5px; background: #000; border: 5px dashed #000;  }

.indextable a {font: bold 12px sans-serif; }
.indextable a:link { color: #fff; text-decoration: none; }
.indextable a:visited { color: #f00; text-decoration: none; }
.indextable a:hover { color: #0ff; text-decoration: underline; }
.indextable a:active { color: #0f0; text-decoration: none; }

.indextable h1 { text-align: center; width: 100%; line-height: 40px; padding-top: 20px;  font: small-caps 20px sans-serif;  color:#00ffff; }

td { text-align: center; border: 10px solid #ffff40; }

table a { font: bold 14px sans-serif; }

.indent { margin-left: 10px; }

.space { margin-left: 4px; }
.table { float: right; }

.story { width: 700px; margin-left: 50px; margin-top: 50px; padding: 10px; background: #fff; text-align: justify; font: 14px sans-serif; }

.shortstory { width: 600px; margin-left: 15px; martin-top: 25px; padding: 10px; background: #000; text-align: justify; font: 14px sans-serif; color: #fff; }

a { font: bold 11px sans-serif; padding: 0px 4px 0px 0px; }
a:link { color : #fff; text-decoration : none;	}
a:visited { color : #FEFE13; text-decoration : none; }
a:hover { color : #f00; text-decoration : underline; }
a:active { color : #0f0; text-decoration: none; }

#siteInfo { width: 100%; height: 30px; font: small-caps 12px sans-serif;
        color: #fff; padding: 10px 0px 10px 0px; text-align: center; }

#siteInfo a:link { color: #fff; }

#siteInfo a:visited { color: #f00; }

#siteInfo a:hover { color: #00f; }

#siteInfo a:active { color: #0f0; }