html, body {
   position: absolute;
   background-image: url(bg.jpg);
   margin: 0;
   padding: 0;
   text-align: center;
   width: 100%;
   min-height: 100%;
   height: 100%;
}

img, img.zero {
   display: inline;
   border: 0 none;
   padding: 0 none;
   margin: 0 none;
}



a.top:link {text-decoration: none; color: #fff}
a.top:visited {text-decoration: none; color: #fff }
a.top:active {text-decoration: none; color: #fff}
a.top:hover {text-decoration: underline; color: #fff;}

div.ambbar {
   position: absolute;
   z-index: 1;
   top: -25px;
   width: 100%;
   height: 295px;
   left: 0px;
   background-image: url(ambbg.jpg);
   background-repeat: horizontal;
   margin: 0;
   padding: 0;
}

div.encompass {
   width: 900px;
   margin: 0 auto;
   text-align: left;
   min-height: 100% auto;
   height: 100% auto;
}

div.topbar {
   position: absolute;
   z-index: 2;
   width: 900px;
   height: 168px;
   background-image: url(topbar.jpg);
   background-repeat: no-repeat;
}
div.topmenu {
   position: absolute;
   top: 168px;
   z-index: 2;
   width: 900px;
   height: 33px;
   background-image: url(blackbar.jpg);
   background-repeat: no-repeat;
   font-family: verdana, tahoma;
   color: white;
   font-size: 14px;
   padding-top: 7px;
   padding-left: 5px;
}

div.fore_encompass {
   position: absolute;
   z-index: 1;
   width: 900px;
   height: inherit;
   background-image: url(forebg.jpg);
   background-repeat: repeat-y;
   background-position: 0px 0px;

}

div.main_text {
   z-index: 2;
   width: 900px;
   height: auto;
   font-family: verdana, tahoma;
   color: black;
   font-size: 12px;
   padding: 0px 10px 10px 10px;
}



div.botbar {
   position: absolute;
   z-index: 7;
   width: 900px;
   height: auto;
   min-height: 30px;
   background-image: url(botbar.jpg);
   background-repeat: repeat-y;
   font-family: verdana, tahoma;
   color: white;
   font-size: 10px;
   padding-top: 4px;
}


h1 {
   font-family: verdana, tahoma;
   color: #283d78;
   font-size: 14px;
}

table, td, tr {
   font-family: verdana, tahoma;
   color: black;
   font-size: 11px;
}

input.add, textarea.add {
   font-family: verdana, tahoma;
   color: black;
   font-size: 11px;
   border: 1px solid #283d78;
   background: #f0f4ff;
   width: 200px;
}
input.add2 {
   font-family: verdana, tahoma;
   color: black;
   font-size: 11px;
}

input.button {
   width: 99px;

}

div.main_left {

   width: 630px;
   border-right: 1px solid #2b2a2f;



}

table.collection_top {
   background: #21334f;
   border: none;
   height: 18px;
   width: 840px;

}

td.collection_top {
   border-right: 1px solid #435873;
   border-left: 1px solid #0d2544;
   padding: 0 5px 0 8px;
}

table.collection_body {
   background: white;
      border: 1px solid black;
   height: 18px;
   width: 840px;

}

td.collection_body_even {
   background: #e2efff;
   padding: 2px 5px 2px 8px;
   border-bottom: 1px solid #cccccc;
}

td.collection_body_odd {

   padding: 2px 5px 2px 8px;
   border-bottom: 1px solid #cccccc;
}



font.collection_top {
   font-family: verdana, tahoma;
   color: #dcdd74;
   font-size: 11px;
}

font.header1 {
   font-family: verdana, tahoma;
   color: #283d78;
   font-size: 14px;
}

font.after_header1 {
   font-family: verdana, tahoma;
   color: #666666;
   font-size: 9px;
}


div.table_encompass {
padding-left: 18px;

}
div.infotext {
   padding-left: 10px;
   width: 700px;
   font-family: verdana, tahoma;
   color: black;
   font-size: 11px;
}

div.righttext {
   padding-left: 7px;
}