/* WAS contrast mint style sheet */
/* aplausos 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 - still apply?? */
/* 10px padding on left side of main area and header area. Actual size of template 760px. */


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

.displayarea { width: 770px; margin: 0px auto 0px auto; text-align: left; background: #FFFFFF URL(header.jpg) top left no-repeat; }
.headingarea { width: 770px; height: 110px; background: #36F; background: transparent; padding-bottom: 30px; }
  .headerleft { height: 30px; width: 760px; margin-left: 10px; padding-left: 10px; background: transparent URL(header_left.gif) left top no-repeat; }
  .headermain { height: 50px; width: 770px; background: #09F; background: transparent; padding-left: 120px; font-weight: bold; font-size: 230%; text-align: left; line-height: auto; color: #FFFFFF; }
  .headerright { height: 30px; width: 660px; background: #39B; background: transparent; padding-left: 120px; /*padding-bottom: 18px;*/ color: #FFFFFF; }

.leftcolumn { width: 140px; padding-top: 8px; display: none; }
/*
  .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: 170px; background: transparent; padding-top: 0px; }
    .righttop { float: right; height: 50px; width: 170px; background: URL(right_top.jpg) left top no-repeat; }
	.rightmain { float: right; width: 150px; padding: 0px; padding-left: 10px; padding-right: 10px; background: transparent URL(right_mid.jpg) repeat-y; }
	.rightbase { float: right; height: 60px; width: 170px; background: URL(right_bot.jpg) left top no-repeat; }

.footer { height: 20px; text-align: left; background: #6699FF URL(main_left.jpg) left repeat-y; }
    .footerleft { float: left;   }
	.footermain { float: left; padding: 0px 20px 0px 20px; }
	.footerright { float: left;  }

.mainarea { width: 570px; /*background: transparent URL(main_left.jpg) left repeat-y;*/ background: transparent URL(main_bak.gif) bottom left no-repeat; border-left: 10px solid #C2B8AD; padding: 10px; padding-left: 10px; margin-left: 20px; padding-top: 10px; }

.toplinkarea { background: transparent URL(main_left.jpg) left repeat-y; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; height: 0px; margin-top: 10px; }
.botlinkarea { background: #6699FF URL(main_left.jpg) left repeat-y; }

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

.headerleft .Ntext { color: #FFFFFF; }
.headerleft .Nlink { color: #FFFFFF; font-size: 1.2em; }
.headerleft .Nlink:hover { color: #FFFFFF; }

.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 #FFCC33; color: #FFFFFF; }
.headerright .infoMARKfirst { /*width: 80px;*/ width: auto; padding: 0px; background: transparent; border: 0px; border-right: 1px solid #FFCC33; color: #FFFFFF; }
.headerright .infoa { float: left; font-weight: bold; color: #FFFFFF; font-size: 12px; height: 18px; padding: 6px 10px 6px 10px; background: #FF9933; }
.headerright .infoa:hover { background: #FFB333; color: #FFF; }
.headerright .infoa1 { color: #FFFFFF; font-weight: bold; font-size: 12px; background: #FF9933; }
.headerright .infoa1:hover { background: #FFB333; color: #FFF; }
.headerright .infoMARKa { float: left; font-weight: bold; color: #6699FF; font-size: 12px; height: 18px; padding: 6px 10px 6px 10px; background: #FFFFFF; }
.headerright .infoMARKa:hover { background: #FFFFFF; }
.headerright .infoMARKa1 { float: left; font-weight: bold; color: #6699FF; font-size: 12px; background: #FFFFFF; }

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

.footermain .topicsXwrapperTB { background: transparent; border: none; color: #333333; }
.footermain .topicsXwrapperTB .topicsXitem { color: #333333; }
.footermain .topicsXa1 { color: #333333; }
.botlinkarea .buttonMark { color: #FFFFFF; }
.botlinkarea .button { color: #FFFFFF; }
.topicsXLogo img { border: solid 2px #202E48; } 
.topicsXLogo img:hover { border: solid 2px #FFF; }
.topicsXMARKLogo img { border: solid 2px #FFF; }
.topicsXMARKLogo img:hover { border: solid 2px #FFF; }

.rightcolumn img { border: solid 5px #FFFFFF; }