/* 06 black style sheet */

BODY { background: #000000 URL(bak.jpg) repeat-x bottom; background-attachment: fixed; text-align: center; }
.pagearea { }

.displayarea { width: 770px; background: transparent; margin: 0px auto 0px auto; text-align: left; }
.headingarea { width: 770px; background: transparent URL(bannermid.gif) bottom left no-repeat; padding-bottom: 30px; }
	/* Note that to have these elements on the same line you need float: commands - NOT display: inline
	   Also be very careful about width: 100% - it doesn't work in tables as you'd expect */
  .headerleft { width: 0px; height: 100px; background:transparent; font-weight: bold; font-size: 250%; color: #EEEEFF; }
  .headermain { height: 100px; width: 770px; font-weight: bold; font-size: 250%; text-align: center; line-height: 80px; color: #EEEEFF; background: transparent;  }
  .headerright { width: 0px; height: 100px; background:transparent; font-weight: bold; font-size: 250%; color: #EEEEFF; }

.leftcolumn { width: 150px; background: transparent; padding: 0px; padding-right: 10px; padding-top: 0px; }
  .lefttop { height: 10px; width: 150px; background: URL(leftmiddle.gif) right repeat-y; }
  .leftmain { float: left; width: 142px; background: #FFFFFF URL(leftmiddle.gif) right repeat-y; padding-left: 8px; }
  .leftbase { float: left; height: 10px; width: 150px; background: URL(leftbottom.gif) top right no-repeat; }

.rightcolumn { width: 120px; background: #FFFFFF; border-right: 1px solid #777777; padding: 10px; padding-top: 0px; }
    .righttop { height: 10px; width: 120px; }
	.rightmain { width: 120px; }
	.rightbase { }

.footer { text-align: left; background: URL(footermid.gif) top right no-repeat; height: 20px; }
	/* Note that to have these elements on the same line you need float: commands - NOT display: inline
	   Also be very careful about width: 100% - it doesn't work in tables as you'd expect */
    .footerleft { float: left;   }
	.footermain { float: left;  }
	.footerright { float: left;  }

.mainarea { width: 620px; background: #FFFFFF; padding: 10px; padding-top: 10px; border-right: 1px solid #888888; }

.toplinkarea { background: #FFFFFF; border-right: 1px solid #777777; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; height: 30px; margin-top: 10px; }
.botlinkarea { background: transparent; }

hr { background: none; color: #FFFFFF; width: 0px; height: 0px; }