/* tablet_black style sheet */

BODY { background-color:#000000; }
.pagearea { background-color:#000000; }
.displayarea { background: #000000; margin: 0px; border: 0px; padding: 20px 0px 0px 20px; }
.headingarea { width:770px; margin: 0px; padding: 0px; height:110px; background: #444D5E url(bannerleft.jpg) top left no-repeat; }
	/* 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 { float: left; background: transparent;  }
  .headermain { float: left; background: url(bannerright.jpg) bottom right no-repeat; height: 110px; width: 770px; font-weight: bold; color: #000000;
  font: Arial, Helvetica, sans-serif; font-size:36px; color: #fff; text-align: center; line-height: 100px; }
  .headerright { float: right; background: none; width: 0px; height: 0px; }

.leftcolumn { width: 160px; background: #000000; border: 0px;}
  .lefttop { height: 40px; width: 160px; background: url(lefttop.jpg) left no-repeat; margin-top: 40px; /*border: solid 2px #900;*/ }
  .leftmain { float:left; clear:both; width: 160px; background: url(leftmiddle.jpg) repeat-y left #00f; }
  .leftbase { float:left; clear:both; width: 160px; height: 40px; background: url(leftbottom.jpg) right bottom no-repeat; }

hr { height: 1px;  color: #3A3A4A; }

.toplinkarea { height: 40px; background: #000000; border: 0px; padding-bottom: 4px; }

.rightcolumn { background: #444D5E; border: 0px;  }
    .righttop { }
	.rightmain {   }
	.rightbase { }

.footer { width: 770px; height: 90px; background: transparent; padding-top: 0px; }
	/* 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 { height: 0px; width: 0px; background: transparent; display: none; }
	.footermain { background: transparent; width: 0px; display: none; }
	.footerright { float: right; width: 570px; height: 90px; background: #444D5E url(mainbottom.jpg) bottom right no-repeat; /*border: solid 2px #900*/   }

.mainarea { /*height: 500px;*/ width: 610px; background: #444D5E url(maintop.jpg) top left no-repeat; padding: 37px 30px 0px 14px; border-left: solid 40px #000000;  }
.mainarea .leftpic { padding: 6px 50px 50px 6px; background: url(Pic_Bak1.gif) no-repeat bottom right; }
.mainarea .rightpic { padding: 6px 50px 50px 6px; background: url(Pic_Bak1.gif) no-repeat bottom right; }

.mainarea H1 .leftpic { padding: 0px; background: none; }
.mainarea H1 .rightpic { padding: 0px; background: none; }

.botlinkarea { height: 30px; border-top: solid 1px #000000; border-right: solid 4px #000000; border-left: solid 4px #000000; }