HTML {
  margin:0px;
  background-color:#000;
}

BODY {
  text-align:center;
  margin:auto;
}

DIV {
  font-size:12px;
  font-family:Verdana,sans-serif;
  margin:0px;
}

A {
  color:#f00;
}

.fleft {
  float:left;
}
.fright {
  float:right;
}
.clear {
  clear:both;
}
.left {
  text-align:left;
}
.right {
  text-align:right;
}
.centered {
  text-align:center;
}

#container {
  width:742px;
  text-align:left;
  margin:auto;
  position:relative;
}

#nav {
  width:194px;
  height:390px;
  float:left;
  border-left:solid #311d14 1px;
  margin-top:-2px;
}

#nav .bottom {
  height:1px;
  border-top:solid #311d14 1px;
  margin-top:-2px;
}

#nav A {
  text-decoration:none;
  padding-top:20px;
  font-size:12px;
  display:block;
  width:195px;
  height:36px;
  text-align:center;
  margin-bottom:3px;
}

#nav .on {
  background:url('images/nav_on.gif');
  color:#02fe08;
}

#nav .off {
  background:url('images/nav_off.gif');
  color:#70706f;
}

#nav .off:HOVER {
  color:white;
}

#header {
  height:388px;
}

#gremlin {
  position:absolute;
  margin-top:-2px;
  width:547px;
  height:390px;
  top:68px;
  left:195px;
  background:url('images/gremlin.jpg');
}

#heading_main {
  position:absolute;
  top:94px;
  left:535px;
  padding-right:2px;
  color:white;
  z-index:15;
}

#heading_main .content {
  height:300px;
  overflow:auto;
  width:205px;
}

#body {
  color:white;
  border-left:solid #311d14 1px;
  border-right:solid #311d14 1px;
  padding:10px;
}

#footer {
  border:solid #311d14 1px;
  border-bottom-width:0px;
  height:15px;
  color:#999;
  text-align:center;
  font-size:10px;
  padding:6px;
  background:url('images/nav_off.gif');
}

.section {
  border-bottom:dotted 1px #ccc;
  padding-bottom:8px;
  margin-bottom:20px;
}

.project STRONG {
  font-size:14px;
  display:block;
}

.project .location {
  margin-top:2px;
  margin-bottom:4px;
  float:left;
  width:200px;
  color:yellow;
}

.project .perc {
  float:left;
  margin-top:2px;
  color:green;
}

.project .desc {
  margin-bottom:8px;
  clear:both;
}

.project .updated {
  margin-bottom:4px;
  font-size:11px;
}

.notes STRONG {
  display:block;
  margin-top:10px;
  margin-bottom:4px;
}

.error {
  color:#f00;
  font-size:11px;
  margin-top:1px;
  margin-bottom:1px;
}

.alert {
  color:yellow;
  display:block;
  margin-top:5px;
  margin-bottom:5px;
}

FORM .label {
  margin-top:4px;
  margin-bottom:4px;
  font-size:11px;
  float:left;
  clear:both;
  width:100px;
  margin-right:3px;
  text-align:right;
}

FORM .input {
  margin-top:4px;
  margin-bottom:6px;
}

FORM .medium {
  width:95px;
  font-size:11px;
}

SELECT, OPTION {
  font-size:11px;
}

.feedback .medium {
  width:95px;
}

.feedback .label {
  width:85px;
}

.feedback TEXTAREA {
  font-size:11px;
  width:95px;
  height:120px;
}

.feedback SELECT {
  width:95px;
}

.indent {
  margin-left:8px;
}