@charset "utf-8";

/* STRUCTURE */
#header{
  width:1046px;
  height:20px;
  padding:10px 0;
  margin:0 auto;
}
#page{
  width:1026px;
  padding:10px;
  margin:0 auto;
  overflow:auto;
  background:white;
  border:10px solid #dddad4;
}
#footer{
  width:1026px;
  padding:25px 0;
  margin:0 auto;
}
  .content{
    width:772px;
    float:right;
    overflow:auto
  }
    .full{
      clear:both
    }

    .left{
      width:468px;
      float:left;
      overflow:auto;
    }
      .left .left{
        float:left;
        width:232px
      }
      .left .right{
        float:right;
        width:232px
      }

    .right{
      width:300px;
      float:right;
      overflow:auto
    }
      .right .left{
        float:left;
        width:130px
      }
      .right .right{
        float:right;
        width:166px
      }


  .sidebar{
    width:250px;
    float:left
  }


      .panel{
        overflow:hidden;
        margin:0 0 4px 0;
      }

  /* Begin Images */
p img {
  padding: 0;
  max-width: 100%;
  }

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
  }

.alignleft {
  float: left
  }
/* End Images */