/* Lilly style sheet */


.pagearea { background-color:#FFFFFF; }
.displayarea { background: none; margin: 0px; border: 0px; padding: 0px; }
.headingarea { width:770px; padding: 4px; padding-bottom: 0px; background: #FFFFFF; }
	/* 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: #D1E277; width: 766px;
  				padding-left: 4px; font-size: 14px; font-family:"Courier New", Courier, mono; font-weight: bolder; font-stretch: extra-expanded; color: #FFFFFF; }
  .headermain { float: left; background :url(bannermid.jpg) no-repeat; height: 114px; width: 770px;
  				font-weight: bold; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 36px; line-height: 90px; }
  .headerright { float: right; background: #C9CCD1; }

.leftcolumn { width: 120px; background: #FFFFFF url(leftmiddle.jpg) repeat-y top left; border: 0px; border-bottom: solid 4px #FFF; border-left: solid 4px #FFF; padding-right: 0px; padding-top: 0px; }
  .lefttop { height: 70px; width: 120px; background: url(lefttop.jpg) }
  .leftmain { width: 120px; background: transparent; }
  .leftbase {  width: 120px; height: 50px; background: transparent; }

hr { height: 0px; width: 0px; color: transparent; }

.toplinkarea { height: 100px; background: #FFFFFF url(linkbak.jpg) top left no-repeat; border: 0px; border-right: solid 4px #FFF; padding: 0px; padding-top: 12px; }

.rightcolumn { width: 120px; background: url(rightmiddle.jpg) repeat-y left; border-left: 0px; border-bottom: solid 4px #FFFFFF; border-top: 0px; border-right: solid 4px #FFFFFF; }
    .righttop { background: url(righttop.jpg) repeat-y left; }
	.rightmain { width: 120px; background: url(righttop.jpg) repeat-y left; margin: 0px; float:right; }
	.rightbase { width: 120px; height: 80px; background: url(rightbottom.jpg) top no-repeat right; float:right; }

.footer { border-top: 0px;  height: 40px; background: #D1E277; border-left: solid 4px #FFF; }
	/* 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; height: 40px; width: 120px; background: #D1E277; padding-right: 4px; }
	.footermain { background: #D1E277; height: 40px; border-left: dashed 2px #FFF; }
	.footerright { float: right; background: #D1E277 url(footerright.jpg) top right no-repeat; height: 40px; width: 120px; border-right: solid 4px #FFF; }

.mainarea { width: 530px; background:#C9CCD1 url(maintop.jpg) top left repeat-y; padding-top: 39px; padding-bottom: 0px; padding-left: 14px; padding-right: 10px; border-bottom: solid 4px #FFF; /*border-left: solid 4px #FFF;*/ }
.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; }

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