/* 02 blue style sheet */

.pagearea { background-color:#FFFFFF; }
.displayarea { width: 770px; 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 { width: 138px; height: 10px; background:#3C6CCC;  }
  .headermain { clear: all; float: left;  height:100px; width: 99%; line-height: 85px; padding-left: 20px; font-weight: bold; font-size: 250%; color: #fff;
				background: #6699FF; border: #ffffff solid 4px; border-left: 0px; }
  .headerright { }

.leftcolumn { width: 138px; background: #3C6CCC; border-bottom: solid #6699FF 5px;}
  .lefttop {  height: 23px; width: 138px; }
  .leftmain {  }
  .leftbase {  height: 8px; }

.rightcolumn { padding: 10px; padding-top: 0px; border-left: solid #6699FF 5px; border-top: solid #6699FF 5px; }
    .righttop {  height: 10px; width: 120px; }
	.rightmain { width: 120px; }
	.rightbase {  }

.footer { text-align: left;}
	/* 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;   }
	.footermain { float: left;  }
	.footerright { float: left;  }

.mainarea { width: 632px; border-bottom: solid #6699FF 5px; padding: 12px; padding-top: 10px; }

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

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