body {
  margin: auto 0;
  min-width: 960px;
  background: #fff;
  font-family: "Trebuchet MS";
  color: #000;
  font-size: 14px;
}

#frame {
  width: 858px;
  margin: 0 auto;
}

#headerindex {
  height: auto;
  background: #fff;
  margin: auto 0;
  padding-top: 50px;
  color: #fff;
  text-align: center;
}

#navindex {
  height: auto;
  width: 858px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  color: #fff;
  text-align: center;
}

#leftinnav {
  display: block;
  width: 176px;
  height: 69px;
  background: url("project1.gif") no-repeat 0 0;
}

#leftinnav:hover {
  background-position: 0 -69px;
}

#leftinnav span {
  display: none;
}

#midinnav {
  display: block;
  width: 119px;
  height: 52px;
  background: url("about1.gif") no-repeat 0 0;
}

#midinnav:hover {
  background-position: 0 -52px;
}

#midinnav span {
  display: none;
}

#rightinnav {
  display: block;
  width: 158px;
  height: 43px;
  background: url("resume1.gif") no-repeat 0 0;
}

#rightinnav:hover {
  background-position: 0 -43px;
}

#rightinnav span {
  display: none;
}

#headermain {
  height: auto;
  background: #fff;
  margin: 10px 0 0 0;
  padding: 0px;
  color: #fff;
  text-align: center;
}

#content {
  background: #fff;
  padding: 0px;
  color: #000;
}

#footer {
  background: #fff;
  margin: 0;
  padding-bottom: 20px;
  color: #000;
  font: 900 10px "verdana";
}

.footerleft {
  float: left;
  width: auto;
}

.footerright {
  float: right;
  width: auto;
}

.inner {
  margin: auto;
  padding-top: 10px;
  max-width: 900px;
  text-align: left;
}

.left {
  float: left;
  width: auto;
  height: auto;
  margin: 20px 50px 0px 140px;
  text-align: center;
}

.middle {
  float: left;
  width: auto;
  height: auto;
  margin: 20px 70px 0px 0px;
  text-align: center;
}

.right {
  float: left;
  width: auto;
  height: auto;
  margin: 30px 0px 0px 0px;
  text-align: center;
}

.blue {
  background: #fff;
  float: left;
  width: 400px;
  margin: 20px 10px 0px 25px;
  padding: 5px 0 5px 0;
  text-align: center;
  border: 0px solid #000;
}

.green {
  background: #fff;
  float: left;
  width: 400px;
  margin: 20px 0px 0px 0px;
  padding: 5px 0 5px 0;
  text-align: center;
  border: 0px solid #000;
}

.red {
  background: #fff;
  float: left;
  width: 300px;
  margin: 20px 10px 0px 105px;
  padding: 5px 0 5px 0;
  text-align: center;
  border: 0px solid #000;
}

.red p {
  text-align: center;
  font-weight: bold;
}

.yellow {
  background: #fff;
  float: left;
  width: 300px;
  margin: 20px 0px 0px 0px;
  padding: 5px 0 5px 0;
  text-align: center;
  border: 0px solid #000;
}

.yellow p {
  text-align: center;
  font-weight: bold;
}

.colcon1 {
  height: 265px;
}

.colcon2 {
  height: 225px;
}

.center{
  text-align: center;
  padding-top: 15px;
  padding-bottom: 10px;
}

.center > div{
  margin: 0 auto;
}

.hr4 {
  border: 0;
  width: 100%;
  color: #000;
  background-color: #a0a0a0;
  height: 1px;
  margin: 20px 0 20px 0;
  overflow: hidden;
}

.hr5 {
  border: 0;
  width: 100%;
  color: #000;
  background-color: #a0a0a0;
  height: 1px;
  margin: 20px 0 5px 0;
  overflow: hidden;
}

.hr6 {
  border: 0;
  width: 100%;
  color: #000;
  background-color: #a0a0a0;
  height: 1px;
  margin: 20px 0 0px 0;
  overflow: hidden;
}

table.ewd {
  font-weight: normal;
  font-size: 14px;
  font-family: "Trebuchet MS";
  color: #fff;
  width: auto;
  background-color: #fff;
  border-bottom: 1px #000 solid;
  border-collapse: collapse;
  border-spacing: 0px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

table.ewd td {
  background-color: #fff;
  color: #000;
  width: auto;
  padding: 2px 10px;
  text-align: center;
  border: 1px #000 solid;
}

table.ewd td.top {
  background-color: #fff;
  color: #000;
  font-weight: bold;
  padding: 6px;
  text-align: center;
  border: 1px #000 solid;
}

p, li, ul {
  text-align: justify;
  font: 14px "Trebuchet MS";
}

h4 {
  font: 900 16px "Trebuchet MS";
}

h5 {
  font: 900 italic 16px "Trebuchet MS";
}

.top {
  font: 900 16px "Trebuchet MS";
  text-align: right;
  margin-top: -38px;
}

.date {
  font: 900 italic 14px "Trebuchet MS";
  text-align: center;
}

.tl {
  font: 900 italic 17px "Trebuchet MS";
  text-align: left;
}

a {
  color: #dc0c0a;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #a0a0a0;
  text-decoration: underline;
}

a.b {
  color: #000;
  text-decoration: none;
}

a.b:hover {
  color: #959595;
  text-decoration: underline;
}