/* style.css */


body {margin:0; padding:0; text-align:center; font-family:Arial; background:url(../image/bg.jpg);}

#oa {
  width:800px; margin:0 auto;
  text-align:center;
}

#wrapper {
  float:left;
  width:800px;
  margin:0;
  padding:0;
  text-align:center;
  }

#headtop {

  }

#head {
  float:left;
  background:#333366;
  }


/* +++++++ CENTER +++++++++++++++++++++++ */
#center {
  width:100%;
  float:right;
  }



#left {
  width:150px;
  float:left;
  margin:0; padding:0;
  }
  #left ul {float:left;}
  .leftfree {text-align:right; color:#CCCCFF;}
  .leftbox {text-align:left;}  .leftbox p {padding:10px; padding-top:5px; text-align:center; margin:0;}
  #left h2 {margin:0; padding:2px; padding-left:20px; font-size:14px; background:#333366; color:white;}

#middle {
  width:450px;
  float:left;
  margin:0; padding:0;
  background:white;
  }
  #middlemain {padding:8px; font-size:14px; text-align:left;}
  .middlemain {padding:8px; font-size:14px; text-align:left;}  
  .mainhead {width:100%; background:#333366; text-align:left;}
  .mainhead h1 {font-size:16px; margin:0; padding:3px; padding-left:10px; color:#FFFFCC;}

#right {
  width:200px;
  float:right;
  margin:0; padding:0;
  }
  .boxright {border:5px solid #FFFFCC; border-top:0px; border-right:0; text-align:left; background:black;}
  .rightfree {clear:right; text-align:left; color:#CCCCFF;}
  .rightbox {text-align:left; border:5px solid #FFFFCC; border-left:0; margin-top:25px; border-right:0; border-top:0;}
      .rightin {padding:3px; text-align:center; background:#FFFFCC; margin:0;}
  #right h2 {margin:0; padding:3px; padding-left:20px; font-size:16px; background:#333366; color:white;}


/* +++++++ CLOSE: CENTER +++++++++++++++++++++++ */

#bottom {
  float:right;
  margin:0; padding:0;
  text-align:center;
  }
  #bleft {float:left; width:150px;}
  #bmiddle { width:650px; float:right; }




/* ++++ Navigation +++++++++++++++++++++++++++++ */

ul#navigation {
  margin:0; padding:0;
  width:140px;
  text-align:center;
  font-family:Arial;
  border:5px solid #333366;
  border-top:0px;
  background:url(../image/bgleft.jpg);
  }

ul#navigation h1 {
  font-size:18px;
  margin:0;
  padding:3px;
  background:#333366;
  color:white;

  }

ul#navigation li {
  list-style:none;
  }

ul#navigation li a {
  text-decoration:none;
  color:black;
  line-height:20px;
  margin-left:1px;
  border:1px solid white;
  border-left:0;
  border-right:0;
  background:url(../image/bgleft.jpg);
}


html>body ul#navigation li a {
  text-decoration:none;
  color:black;
  display:block;
  margin-left:1px;
  border:1px solid white;
  border-left:0;
  border-right:0;
  background:url(../image/bgleft.jpg);
  }
  ul#navigation li a:hover {
  background:#333366;
  color:white;
  }