html, body {
  margin:0 auto;
  padding:0;
  height: 100%;
}

#container, #containergrow  {
  text-align: center;
  height: 100%;
  background:#f4f4f4 url(/defaultlayout/media/bg.gif) top center repeat-y;
}

#containergrow  {
  height: auto;
}

#wrap {
  margin:0 auto;
  padding-top: 10px;
  width:960px;
  text-align: left;
  height: auto;
}

#logo {
  margin:0 0 10px 0;
}  


#menubar{
clear:left;
float:left;
width:180px;
margin:0;
padding-top: 0px;
}


#content {
  float: left;
  margin: 0;
  margin-left: 20px;
  height: auto !important;
  height: 500px;
  min-height: 500px;
  width: 740px;
}


#extras {
float:right;
width:120px;
margin:0 0 0px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
text-align: justify;

}



#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #C6DBD2;
width:960px;
text-align:center;
color:#808080;
font-size:0.9em;
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}



h3{
font-size:1.3em;
margin:0 0 10px 0;
}

h2{
font-size:1.5em;
margin:0 0 0.5em 0;
border-bottom: 1px solid #CCC;
}

.hide{
display:none;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright, .right{
text-align:right;
}

.center{
text-align:center;
}

.clear {
  clear:both;
}


TD.right, TABLE.data TR TH.right {
   text-align: right;
   float: none;
   width: 70px;
}

DIV.bodyscroller {
  height: 450px; 
  overflow-y: auto;
  overflow-x: hidden;
}