@charset "UTF-8";

@import url(/css/screen/content.css);
@import url(/css/screen/navmod.css);

body { 
   background: #4d87c7 url("/imgs/bg_blue.gif") repeat-x top left fixed; 
   padding: 6px; 
   text-align: center;
   margin-top: -8px; 
   }    

.box { width: auto;  min-width: 740px; max-width: 99%; margin: 12px auto; border: 4px #889 solid; }  

.header {
  clear: both;
  height: 42px;
  text-align: left;
} 
.header .logo {float: left;}
.header h1 { 
  margin: 6px;
  font-size: 26px;
  font-weight: bolder;
  float: left;
  color: white;
  }
.header h5 {
  color: lightgray;
  float:left;
  margin:8px;
  margin-left: 45px; 
}   
.header .right-box {
  float: right; 
  margin: 20px 10px 0px 0px;
}    
.wrapper { 
  width: auto;  
  min-width: 740px; 
  max-width: 100%;
  background-color: white; 
  position: relative;
  text-align: center; 
  padding: 8px;
  height: auto;
  top: 0px; 
}  
 
#mid-band {
  min-height: 648px;
  height: 648px;      
}
.wrapper .list-box {
  width: 360px;
  height: 450px;
  text-align: left;
  padding: 0px;
  margin-left: 10px;
  min-height: 350px;
} 
.list-box-right {float: right;}
.list-box-left {float: left;}
   
.image-box {
  width: 96%;
  text-align: center;
}
#avatar_panel {
  margin: 40px;
  text-align:center;
}                   

.footer { 
  padding: 4px;
  width: 95%; 
  font-size: 120%;
  text-align: center; 
  clear: both; 
  color: white;
  position: absolute; 
  bottom:0px;
}
.footer a {color: white;}