/* florist style sheet */


BODY { background-color: #DCC77C; }
.pagearea { background-color: #DCC77C; }
.displayarea { background: transparent; margin: 0px; border: 0px; padding: 0px }
.headingarea { width:770px; padding: 0px;  height:110px; 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: #C89B6A; 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: 110px; width: 770px;
  				font-weight: bold; color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:36px; line-height: 60px; text-align: center;  }
  .headerright { float: right; background: #DCC77C; }

.leftcolumn { width: 120px;  border: 0px; background: url(leftmiddle.jpg) bottom repeat-y;  padding: 0px; padding-right: 0px }
  .lefttop { height: 30px; width: 120px; background: url(lefttop.jpg) top no-repeat; }
  .leftmain { width: 120px; padding-top: 0px; }
  .leftbase {  width: 120px; height: 50px }

hr { height: 0px; width: 0px; color:#FFFFFF; /* height: 20px; width: 400px; background: url(hr_pic.gif) no-repeat; */ }

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

.rightcolumn { width: 120px; background: #C89B6A url(rightbottom.jpg) bottom no-repeat; border: 0px; }
    .righttop { height: 30px; width: 120px; background: url(righttop.jpg) top no-repeat; }
	.rightmain { width: 120px; background: transparent; }
	.rightbase { }

.footer { border: 0px;  height: 40px; background: #C89B6A; }
	/* 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.jpg) top right no-repeat; height: 40px; width: 120px; }
	.footermain { background: url(footermiddle.jpg) right no-repeat; height: 40px; width: 530px; }
	.footerright { float: right; background:url(footerright.jpg) top 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 20px 6px; background: #FFFFFF url(pics_bak.jpg) bottom  no-repeat; }
.mainarea .rightpic { padding: 6px 6px 20px 10px; background: #FFFFFF url(pics_bak.jpg) bottom  no-repeat; }

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