html, body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 100%;
  overflow: inherit;
  background-image:
	url('../images/mainbg.png');
	background-repeat: repeat-x;
}
img { border: 0px; }

#body { margin: 0px; height: 100%; width: 100%; }

/* main */
#maindiv { position: relative; width: 1024px; min-height: 100%; height: 100%; text-align: left; 
           margin: 0px auto; padding-bottom: 0px; background-image: url('../images/mainbg2.png'); background-repeat: repeat-y; }
*>#maindiv { height: auto; }	

/* sidebars */
#bgleft { width: 162px; height: 100%; float: left; margin: 0px; background-image: url('../images/leftbg.png'); background-repeat: repeat-y; }
#bgright { width: 165px; height: 100%; float: right; margin: 0px; background-image: url('../images/rightbg.png'); background-repeat: repeat-y; }

/* maincontent */
#header { width: 697px; height: 100px; float: left; margin: 0px; }

#menu { width: 697px; height: 37px; float: left; margin: 0px; background-image: url('../images/menubg.png'); background-repeat: no-repeat; }
#menu ul { position: relative; top: 5px; left: 10px; }
#menu ul li { margin: 0 0 0 10px; padding: 0; display: inline; font-weight: bold; color: #ffc900; }
#menu ul li a { text-decoration: none; color: #ffffff }
#menu ul li a:hover { text-decoration: none; color: #ffc900 }
#menu ul b { color: #ffffff }

#headerimage { width: 697px; height: 240px; float: left; margin: 0px; }

#content { width: 697px; float: left; margin: 0px; background-color: #ffffff; }
#content h1 { font-size: 18px; color: #1a238d; margin: 30px 0 0 38px; }
#content p { font-size: 12px; width: 592px; color: #7d7d7d; margin: 20px 0 0 38px; clear: both;}
#content p a { color: #7d7d7d; }
#content p a:hover { text-decoration: none; color: #ffc900 }
#content p b { font-size: 12px; font-weight: bold; color: #1a238d }
#content ul { font-size: 12px; wisdth: 592px; color: #7d7d7d; list-style-image: url('../images/listimg.png'); margin: 10px 0 10px 13px; }
#content ul li { margin: 8px 0 0 0; padding: 0 0 0 15px; }
#content center { font-size: 10px; color: #7d7d7d }
#content table { font-size: 11px; color: #7d7d7d; margin: 10px 10px 0 35px; }
#content table a { color: #7d7d7d; }
#content table a:hover { text-decoration: none; color: #ffc900 }
#content table b { font-size: 11px; font-weight: bold; color: #1a238d }
#content table td { vertical-align: top; }

#footfix { padding: 20px 0 0 0; margin: 0 0 0 -162px; text-align: center; font-size: 10px; color: #7d7d7d; height: 40px; width: 1024px; vertical-align: bottom; bottom: 20px; clear: both; background-image: url('../images/mainbg2.png'); background-repeat: repeat-y; }

.transactionbox { width: 141px; float: left; margin-right: 8px }
.transactionbox .top { background-image: url('../images/boxtop.gif'); height: 9px; background-repeat: no-repeat; 
                       background-position: bottom left;  }
.transactionbox .middle { background-image: url('../images/boxmiddle.gif'); text-align: center; padding-right: 18px; height: 180px;
                          padding-left: 10px; color: #7e7e7e; padding-top: 10px; font-size: 12px; position: relative }
.transactionbox .middle div { margin-bottom: 5px; }
.transactionbox .middle .date { font-style: italic; color: #333333; position: absolute; bottom: -2px; width: 113px;
                                text-align: center; left: 14px }
*>.transactionbox .middle .date { left: 10px }
.transactionbox .bottom { background-image: url('../images/boxbottom.gif'); height: 15px }

.clearer { clear: both; }