/* volleyclub style sheet */

BODY { background-color: #DDDDEE; }
.pagearea { background-color: #DDDDEE; }
.displayarea { background: #FFFFFF; margin: 0px; border: 0px; padding: 0px; }
.headingarea { width:770px; padding: 4px; padding-bottom: 0px;  height:180px; 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: #6699FF; width: 766px; height: 20px; border-bottom: solid 2px #FFFFFF; padding-left: 4px; font-size: 1.166em; 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: 160px; width: 770px;
  				font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 2em; line-height: 70px; text-align: left; }
  .headermain img { padding-top: 4px; vertical-align: middle}
  .vb { background: URL(ball.gif) right no-repeat; padding-left: 80px; padding-right: 50px; padding-bottom: 6px; padding-top: 14px; }
  .headerright { float: right; background: #EEEEFF; width: 0px; height: 0px;}

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

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

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

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

.footer { border-top: 0px;  height: 40px; background: #5555DD; }
	/* 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: #5555DD; }
	.footermain { background: #5555DD; height: 40px; }
	.footerright { float: right; background: #5555DD; height: 40px; width: 120px; border-right: solid 4px #FFF; }

.mainarea { width: 530px; background:url(mainback.jpg) bottom repeat-x; padding-top: 14px; padding-bottom: 0px; padding-left: 0px; padding-right: 10px; border-bottom: solid 4px #FFF; }
.mainarea .leftpic { padding: 0px 0px 0px 0px; border-right: solid 2px #FF9900; margin: 6px; margin-right: 10px; }
.mainarea .rightpic { padding: 0px 0px 0px 0px; border-right: solid 2px #FF9900; margin: 6px; margin-left: 10px; }

.botlinkarea { height: 30px; border-top: solid 1px #FFF; background-color: #DDDDEE;; }