html, body {
  height:           100%;
  width:            100%;
  text-align:       center; 
  margin:           0;
  padding:          0;
  font-family:      "Verdana";
  font-weight:      normal;
  font-size:        11px;
  color:            #404040;
  background-color: #FFFFFF;
}

#container {
  position:   relative;
  top:        0;
  bottom:     0;
  height:     100%;
  margin:     0 auto;
  text-align: left;
  width:      1000px;
  z-index:    1;
}

#header {
  position:         absolute;
  top:              32px;
  left:             0;
  right:            0;
  height:           120px;
  background-color: #C1C1C1;
  width:            100%;
}

#main {
  position:         absolute;
  background-color: #FFFFFF;
  top:              152px;
  bottom:           0;
  left:             245px;
  right:            0;

  _width:  755px;
  _height: 570px;
}

#mainMenu {
  position: absolute;
  top:      152px;
  left:     0;
  z-index:  3;
}

#content {
  position: absolute;
  top:      21px;
  bottom:   0px;
  left:     0px;
  right:    0px;
  margin:   0px;
  padding:  10px;
  overflow: auto;

  _width:  735px;
  _height: 529px;
}

#website-title {
  position:  absolute;
  top:       50px;
  left:      20px;
  font-size: 20px;
}

#website-slogan {
  position:    absolute;
  font-weight: bold;
  top:         80px;
  left:        20px;
  font-size:   13px;
}

/* Article layout */

.item-info {
  position:       relative;
  color:          #888888;
  right:          5px;
  _right:         1%;
  font-size:      9px;
  text-align:     right;
  padding-bottom: 5px;
}

div#Article.changeInformation > h1 {
  margin-top: 30px;
}

div#Article.changeInformation > div > div.item-info {
   position: absolute;
   top: 8px;
   right: 8px;
}

#articleContent {
  padding-bottom: 10px;
}