.container_in {
  padding: 5px;
}

.container_in_left {
  padding: 5px 0px;
}

#outerwrapper {
  min-width: 770px;
  width: 100%;
  background: url(/images/other/tealline.png) repeat-y left;
}

#wrapper {/* background:url() repeat-y right; */}

#header {/* ie bug */
  width: 100%;
  margin: 0px -1px -5px -1px;
  padding-bottom: 10px;/* end ie bug */
  background: white;
  text-align: center;
}

#innerwrapper {
  float: left;
  width: 100%;/* IE doubles the margins on floats, this takes care of the problem */
  display: inline;
  margin-left: -245px;
}

#left {
  float: left;
  width: 220px;/* IE doubles the margins on floats, this takes care of the problem */
  display: inline;
  margin-left: 245px;
}

#center {/* the width from #left (220px) + the negative margin from #innerwrapper (245px) */
  margin-left: 465px;
}

#center p {
  padding: 10px;
}/* good to know: if #sidebar is to be shorter than #center, then there is no need for this rule */

#right {/* this is to keep the content of #sidebar to the right of #center even if the content of "center is shorter */
  padding-left: 100%;/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value *//* Note: Do not increase to -245px or else IE 6 will do the jittering dance */
  margin-left: -244px;
}/* this is to make sure IE (v6) *displays* everything inside this element */

#right p {
  position: relative;
}

#footer {
  text-align: center;
  width: 100%;
  clear: both;
  padding: 5px 0px;
  background: #FFFFCC;
  border-top: #FFCC00 1px solid;
}

#nav div{
  color: gray;
  margin: 0;
  padding: 2px;
  background: #E9E9E9;
  border-bottom: #CCCCCC 1px solid;
  text-align: right;
}

#nav input{
  border: #969696 1px solid;
  height: 16px;
  width: 90px;
}

#menubar label {
  color: #4A4A4A;
}

#menubar div{
  color: gray;
  margin: 0;
  padding: 2px;
  background: #E9E9E9;
  border-bottom: #CCCCCC 1px solid;
  text-align: right;
}

#menubar {
  font-color: #CCCCCC;
}

#menubar input {
  border: #CCCCCC 1 px solid;
}

#menubar input{
  border: #CCCCCC 1px solid;
  height: 16px;
  width: 90px;
}

#navsubmit {
  background: transparent !important;
  border:0 !important;
  font-weight: bold;
  color: #3C1E00;
  height: 18px;
  width: 30px !important;
}/* this is the class that is applied to 2 structural hacks in the markup (see #2 and #5). The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #innerwrapper in NN4 */

.clearing {
  height: 0;
  clear: both;
}