html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: url('./images/background.gif') repeat-y #F2F2F2;
  font-family: arial, verdana, sans-sarif;
  font-size: 14px;
}

#container {
  position: relative;
  min-height: 100%;
  height: 100%;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: auto;
}

html>body #container {
  height: auto;
}

#main {
  width: 876px;
}

#navigation {
  float: left;
  width: 193px;
}

#content {
  float: right;
  width: 622px;
  padding: 0 30px 30px 30px;
}

#clearfloats {
  clear: both;
  margin-bottom: 50px;
}

#footer {
  position: absolute;
  top: 197px;
  left: 225px;
  color: #CCCCCC;
  font-size: 11px;
  font-weight: bold;
}

#navigation ul {
  position: relative;
  left: -20px;
  list-style:  none;
}

#navigation ul li {
  width: 151px;
  padding: 10px 0 10px 0;
  text-align: left;
  border-bottom: 1px #CCCCCC dotted;
  background: url('./images/menunotactivebg.gif') no-repeat center;
  
}

#navigation ul li a {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #3C3C3C;
  text-decoration: none;
}

.contentBox {
  border: 1px black solid;
  width: 600px;
  margin-bottom: 15px;
  padding: 5px;
}

.makeRight {
  text-align: right;
}

img {
  border: 0;
}