/* 01_light_blue style sheet */

.pagearea { background-color:#FFFFFF; }
.displayarea { background-color:#FFFFFF; }
.headingarea { width: 770px; }
	/* 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: URL(bannerleft.jpg); width: 170px; height: 114px; }
  .headermain { float: left;  background: URL(bannermid.jpg) repeat-x; height: 114px; width: 560px; line-height: 85px; font-weight: bold; font-size: 250%; color: #ffffff; }
  .headerright { float: left; background: URL(bannerright.jpg); width: 40px; height: 114px; }

.leftcolumn { width: 170px; /*background: URL(leftmiddle.png);*/ }
  .lefttop { float:left; background: URL(lefttop.jpg); height: 23px; width: 170px; }
  .leftmain { float:left; background: URL(leftmiddle.jpg) repeat-y; padding-left:17px; padding-right:33px; width: 120px; }
  .leftbase { float:left;  background: URL(leftbottom.jpg); height: 40px; width: 170px; }

.rightcolumn { width: 120px; padding-top: 20px; padding-right: 10px; }
    .righttop { background: URL(righttop.jpg); }
	.rightmain { background: URL(rightmiddle.jpg); }
	.rightbase { background: URL(rightbottom.jpg); }

.footer { }
	/* 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; background: URL(footerleft.png); }
	.footermain { float: left; background: URL(footermid.png); }
	.footerright { float: left; background: URL(footerright.png); }

.mainarea { width: 600px; padding-top: 30px; padding-left: 0px; padding-right: 15px; }

.toplinkarea { background: #FFFFFF; padding-right: 10px; padding-top: 10px; }

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