* {
    margin:0;
    padding:0;
}
html,body {
    background: #5eb4fd;
    height:100%;
    overflow:inherit;
}
div {
    width:100%;
}
.maintable {
    background-color:#999999;
    margin-top:2px;
    margin-bottom:2px;
}

.tableh1 {
   background:#BDBDBD;
   color:#FFFFFF;
   font-weight:bold;
   padding-top:3px;
   padding-right:10px;
   padding-bottom:3px;
   padding-left:10px;
}


#wrap {
    min-height:100%; 
    width:1010px; 
    margin:0 auto;
}
#wrap:before { /* Opera and IE8 "redraw" bug fix */
    content:"";
    float:left;
    height:100%;
    margin-top:-999em;
}
* html #wrap { /* IE6 workaround */
    height:100%; 
}
#foot {
    height:408px;
    width:100%;
    margin:-408px auto 0; /* negative margin-top equals height of #foot */
    background:url('images/bgb.jpg') no-repeat;
}


#content {
    padding-top:20px;
    margin: 0px auto;
    width : 1010px;
    overflow:hidden;
    text-align:center;
}
#header {
 color: #333;
 width: 986px;
 float: left;
 padding: 10px;
 height: 50px;
 margin: 10px 0px 0px 0px;
 background: url("images/header_bg.png");
 text-align:center;
}
#leftcolumn { 
 color: #333;
 background: #dfe6ec;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 500px;
 width: 200px;
 float: left;
 overflow-y: scroll;
}
#rightcolumn { 
 float: left;
 color: #333;
 background: #dfe6ec;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 500px;
 width: 766px;
 display: inline;
 overflow-y: scroll;
 z-index: 1000;
}
#footer { 
 height: 1px;
 clear: both;
}
h1 {
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 30px;
    padding-top:5px;
}
h2 {
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 20px;
    padding-top:5px;
}
#bigimg {
    padding-top:20px;
}
 
/**
 * Overwrite for having a carousel with dynamic width.
 */
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 580px;
}
 
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
}