/* surface_green style sheet */

/* !!! has rules for orgmenu & infomenu components (will only affect menus with no declarations further up the cascade) */
/* REMOVED - 12px padding on left side to keep main area lined up when left column is removed */
/* 0px padding on left side of main area, left column has padding-right */

/*ori green: D0D897 */
/*new green: CAD28C */

BODY { background: #CAD28C; }
.pagearea { text-align: center; background: #CAD28C URL(bak.jpg) repeat-x top; margin: 0px; }

.displayarea { width: 770px; margin: 0px auto 0px auto; text-align: left; background: transparent; }
.headingarea { width: 770px; height: 100px; background: transparent; }
	/* 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: 0px; height: 70px; background: transparent; color: #FFFFFF;*/ display: none; }
  .headermain { height: 75px; width: 770px; background: transparent; /*padding-left: 12px;*/ font-weight: bold; font-size: 250%; text-align: center; line-height: 80px; color: #FFFFFF; }
  .headerright { width: 770px; height: 25px; background: transparent; /*padding-left: 12px;*/ padding-bottom: 4px; color: #FFFFFF; }

.leftcolumn { width: 140px; padding-top: 8px; }
  .lefttop { height: 20px; width: 140px; background: transparent; }
  .leftmain { width: 120px; background: transparent; padding: 0px; /*padding-left: 12px;*/ padding-right: 20px; }
  .leftbase { height: 10px; width: 140px; background: transparent; }

.rightcolumn { width: 140px; background: transparent; border-left: 0px solid #E9E9EC; padding-top: 8px; }
    .righttop { height: 20px; width: 140px; }
	.rightmain { width: 120px; padding: 0px; padding-left: 20px; }
	.rightbase { }

.footer { text-align: left; background: transparent; height: 20px; }
	/* 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: 630px; background: transparent; padding: 20px 12px 12px 0px; }

.toplinkarea { background: transparent; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; height: 30px; margin-top: 10px; }
.botlinkarea { background: transparent; }

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

.headerright .infofirst { width: auto; padding: 2px 10px 2px 10px; background: transparent; border: 0px; border-right: 1px solid #3366FF; color: #FFFFFF; }
.headerright .infoMARKfirst { width: auto; padding: 2px 10px 2px 10px; background: #293349; border: 0px; border-right: 1px solid #3366FF; color: #FFFFFF; }
.headerright .infoa { color: #FFFFFF; font-size: 12px; }
.headerright .infoa1 { color: #FFFFFF; font-size: 12px; }
.headerright .infoMARKa { color: #FFFFFF; font-size: 12px; }
.headerright .infoMARKa1 { color: #FFFFFF; font-size: 12px; }

.headerright .orgitem { width: 100px; padding: 2px 0px 2px 10px; background: transparent; border: 0px; border-right: 1px solid #3366FF; color: #FFFFFF; }
.headerright .orglink { color: #FFFFFF; font-size: 11px; }