/* sheen style sheet */


BODY { background: #CCCCCC; }
.pagearea { background: #CCCCCC; margin: 0px; padding: 0px; text-align: center; padding-top: 10px; }
.displayarea { background: transparent; margin: 0px; border: 0px; padding: 0px; margin: 10px auto 0px auto; text-align: left; }
.headingarea { width:770px; padding: 0px; background: #FFFFFF URL(bannermid.gif) repeat-x bottom; }
	/* 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: #3C6CBE; width: 766px;
  				padding-left: 4px; font-size:14px; font-family:"Courier New", Courier, mono; font-weight:bolder; font-stretch: extra-expanded; color: #FFFFFF; line-height: 20px;  }
  .headermain { float: left; background :url(bannerleft.jpg) left no-repeat; height: 110px; width: 600px; font-size: 36px; line-height: 100px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #555; text-align: right;  }
  .headerright { float: right; background: #2C4774 URL(bannerright.jpg) no-repeat; width: 170px; height: 110px;}

.leftcolumn {  width: 140px;  border: 0px; background: #FFF URL(leftmiddle2.jpg) repeat-y left;  padding: 0px; padding-right: 0px }
  .lefttop { height: 100px; width: 140px; background: url(lefttop.jpg) top no-repeat; }
  .leftmain { float: left; width: 118px; padding-top: 0px; }
  .leftbase { float: left;  width: 120px; height: 0px }

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

.toplinkarea { height: 50px; background: #FFFFFF; border: 0px; border-right: solid 4px #FFF; padding-bottom: 6px }

.rightcolumn { width: 120px; background: #AAB URL(rightmiddle.jpg) right repeat-y; border: 0px; }
    .righttop { height: 30px; width: 120px; background: #AAB URL(righttop.jpg) left top no-repeat; }
	.rightmain { width: 120px; background: transparent; }
	.rightbase {}

.footer { border: 0px;  height: 40px; background: #80ADFD; }
	/* 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.gif) bottom left no-repeat; height: 40px; width: 120px; }
	.footermain { height: 40px; width: 530px; }
	.footerright { float: right; background:url(footerright.gif) bottom right no-repeat; height: 40px; width: 120px; }

.mainarea { width: 530px; background: #FFFFFF url(mainbottom.jpg) bottom right no-repeat; padding-top: 14px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; }
.mainarea .leftpic { padding: 6px 10px 6px 6px; background: #FFFFFF; }
.mainarea .rightpic { padding: 6px 6px 6px 10px; background: #FFFFFF; }

.botlinkarea { height: 30px; border: 0px; background: #CCCCCC; }