/* CSS Document */

body {
   background-color:#c0c0c0;
}

#centerwrapper {
  position:relative;
  top:0;
  bottom:0;
  width:768px; /* for  800px wide*/
  margin:0px auto;
  text-align: center;
}

#container {
   top:0px; 
   width:800px;
   background-image:url(../images/bg.gif);
   background-repeat:no-repeat;
   position:absolute;
   border:0;
   background-color:#000033;
   margin-bottom:0;
   margin-top:0;

   /* set left and right to the same value! */
  left: 0;
  right:  0;
  /* adding auto margins left and right will
     center the element horizontally!         */
  margin-left: auto;
  margin-right: auto;

}

#container img {
   border:0;
}

#header {
   height:115px; 
   
   text-align:left;
}

#header img {
      position:relative; 
      top:24px;
      left:0px;
}

#menu {
  width:176px;
  float:left;
  position:relative;
  left:0px;
  text-align:left;
  font-family:Arial Narrow;
  font-size:12px;
  font-weight:bold;
  font-style:italic;
  text-decoration:none;
  color:#fff;
  text-align:center;
  margin-left:0px;
}


#menu a,span {
   text-decoration:none;
   color:#fff;
   padding-left:27px;
}

#menu img {
   padding-right:30px;
}

#box {
  float:right;
  margin-right:15px;  
  background-color: #FFFFFF;
  border:1px solid #414170;
  text-align:left;
  margin-top:0px;
  width:605px;
  padding-bottom:10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  margin-bottom:20px;
}

#tab {
  float:left;  
  background:none;
  text-align:left;
  margin-top:0px;
  width:607px;
  margin-left:2px;
  margin-bottom:2px;
  margin-right:0px;
  padding-right:0px;
}

#tab img{
 
}

#box p, h4 {
  padding-left:10px;
  padding-right:10px;
}

#box h2 {
  font-weight:bolder;
  color:#020267;
  font-style:italic;
  padding-left:10px;
  padding-top:0px;
  font-size:18px;
}

#footer {
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  padding-bottom:20px;
  float:left;  
  width:800px;
}

#footer a {
  color:#FFFFFF;
  font-weight:bold;
}