body{ background-color:#103334; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF; margin-top:15px;}

.container{ width:788px; margin-left: auto; margin-right: auto; border-top:solid #FFFFFF 1px;}


.wrapper{float:left; width:100%; background-image:url(../images/bg_faux.gif); background-repeat:repeat-y;   } /* this kicks everything to the left of it except content, which is inside it. */

 /* for Internet Explorer 6 min-height hack*/
/*\*/
* html .maincol {
height: 520px;
}
/**/
.maincol{margin: 0 60px 0 309px ; min-height:520px; background-color:#722637; padding:40px 10px 0 0;   }

.graphixcol{float:left; width:187px; background-color:#000000; margin-left:-787px; }

.navcol{float:left; width:110px; background-color: #722537; margin-left:-599px; padding:108px 10px 0 0;}

.edgecol{float:left; width:59px; background-color:#722637; margin-left:-60px;}

.topbar{float:left; width:400px;background-image:url(../images/topline.jpg); background-repeat:no-repeat;  margin-left:-460px; height:24px; text-align:right; padding-top:3px;}


.footer{border-left:1px solid  #FFFFFF; border-right:1px solid  #FFFFFF; border-bottom:1px solid  #FFFFFF; clear:both;  width:786px; margin:auto; background-image:url(../images/bg_footer.gif); background-repeat:repeat-y;      }

.boxtop{ width:380px; height:19px; background-image: url(../images/boxtop.gif); background-repeat:no-repeat; margin:auto; }
.boxcontent{width:380px; background-image: url(../images/boxbg.gif); background-repeat: repeat-y;   margin:auto; }
.boxpad{ padding: 20px;}

.boxbottom{ width:380px; height:19px; background-image: url(../images/boxbottom.gif); background-repeat:no-repeat; margin:auto; }