/* contrast green style sheet */

/* !!! has rules for orgmenu & infomenu components (will only affect menus with no declarations further up the cascade) */
/* 10px 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 */

BODY { background: #C8D094; }
.pagearea { text-align: center; background: #C8D094 URL(bak.jpg) repeat-x top; /*background-attachment: fixed;*/ margin: 0px; padding-bottom: 30px; }

.displayarea { width: 730px; margin: 0px auto 0px auto; text-align: left; background: #FFFFFF URL(header2.jpg) top left no-repeat; }
.headingarea { width: 730px; height: 84px; background: transparent; }
  .headerleft { display: none; }
  .headermain { height: 44px; width: 730px; background: transparent; padding-left: 20px; font-weight: bold; font-size: 230%; text-align: left; line-height: auto; color: #FFFFFF; }
  .headerright { width: 730px; height: 40px; background: transparent; padding-left: 10px; /*padding-bottom: 18px;*/ color: #FFFFFF; }

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

.rightcolumn { width: 160px; background: transparent; padding-top: 0px; }
    .righttop { float: right; height: 20px; width: 160px; background: URL(right_top.jpg) right top no-repeat; }
	.rightmain { float: right; width: 120px; padding: 0px; padding-left: 20px; padding-right: 20px; background: transparent URL(right_mid.jpg) repeat-y; }
	.rightbase { float: right; height: 20px; width: 160px; background: URL(right_bot.jpg) right bottom no-repeat; }

.footer { height: 20px; text-align: left; background: #191F2B; border-top: solid 2px #2B4675; }
    .footerleft { float: left;   }
	.footermain { float: left; padding: 0px 20px 0px 20px; }
	.footerright { float: left;  }

.mainarea { width: 540px; background: transparent; padding: 10px; padding-left: 20px; padding-top: 10px; background: URL(corner_t_r.jpg) top right no-repeat; }

.toplinkarea { background: transparent; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; height: 0px; margin-top: 10px; }
.botlinkarea { background: #191F2B URL(footer.jpg) bottom no-repeat; }

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

.headerright .infomenu { font-family: "Trebuchet MS"; }
.headerright .infomenu a { font-family: "Trebuchet MS"; }
.headerright .infofirst { /*width: 80px;*/ width: auto; padding: 0px; background: transparent; border: 0px; border-right: 1px solid #3366FF; color: #FFFFFF; }
.headerright .infoMARKfirst { /*width: 80px;*/ width: auto; padding: 0px; background: transparent; border: 0px; border-right: 1px solid #3366FF; color: #FFFFFF; }
.headerright .infoa { float: left; color: #FFFFFF; font-size: 12px; height: 18px; padding: 6px 10px 6px 10px; background: transparent; }
.headerright .infoa:hover { background: #B3C223; color: #FFF; }
.headerright .infoa1 { color: #FFFFFF; font-size: 12px; background: transparent; }
.headerright .infoa1:hover { background: #B3C223; color: #FFF; }
.headerright .infoMARKa { float: left; color: #FFFFFF; font-size: 12px; height: 18px; padding: 6px 10px 6px 10px; background: #C5D06A; }
.headerright .infoMARKa:hover { background: #B3C223; }
.headerright .infoMARKa1 { float: left; color: #FFFFFF; font-size: 12px; background: #B3C223; }

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

.footermain .topicsXwrapperTB { background: transparent; border: none; }
.footermain .topicsXwrapperTB .topicsXitem { color: #CCCCDD; }
.topicsXLogo img { border: solid 2px #2B4675; } 
.topicsXLogo img:hover { border: solid 2px #FFF; }
.topicsXMARKLogo img { border: solid 2px #FFF; }
.topicsXMARKLogo img:hover { border: solid 2px #FFF; }