body {
  font-family: Verdana, Arial, Times New Roman;
  background-color: #ffffff;
  color: #a1a1a1;
  font-size: 12px;
  margin-top: 0px;
  padding-top: 0px;
}

ul li {list-style: none;} 

#contentwrapper {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 450px;
  width: 728px;
  margin-top: -225px;
  margin-left: -364px;
  background-color: 00ff00;
}

#topbar {
  background: url(../images/topbar_jepco.gif) no-repeat 55px 13px #c50969;
  height: 89px;
  width: 728px;
  z-index: 50;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  text-align: center;
}

#menu {
  background-color: #ff9c00;
  padding: 4px 0px 0px 0px;
  height: 22px;
  width: 728px;
  z-index: 50;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  text-align: center;
}
#menu, #menu a, #menu a:hover {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
#menu span.hidden_menu_seperator {
  color: #ff9c00;
}

#menu a.active, #menu a.active:hover {
  color: #c50969;
}
#menu a.notactive:hover {
  color: #c50969;
}

#content {
  background-color: #666666;
  color: #ffffff;
  padding: 50px 45px 5px 55px;
  height: 244px;
  width: 319px;
  z-index: 50;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  text-align: left;
  overflow: auto;
  line-height: 16px;
  list-style-type: none;
}

#content a, #content a:hover {
  text-decoration: underline;
  padding: 0px 0px 0px 17px;
  background: url(../images/arrow.gif) no-repeat left 70% #666666;
  color: #FFFFFF;
  font-weight: bold;
}

#contentimglist {
  background-color: #666666;
  color: #ffffff;
  padding: 20px 20px 20px 20px;
  height: 219px;
  width: 688px;
  z-index: 50;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  text-align: center;
  overflow: auto;
  line-height: 16px;
  list-style-type: none;
}
#contentimglist img {
  border: #FFFFFF 0px solid;
  padding: 5px 10px 5px 10px;
}

#backlink {
  background-color: #666666;
  color: #ffffff;
  padding: 0px 0px 0px 30px;
  height: 40px;
  width: 698px;
  z-index: 50;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  text-align: left;
  overflow: auto;
  line-height: 16px;
  list-style-type: none;
}
#backlink a, #backlink a:hover {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}

#contentimg {
  background-color: #666666;
  color: #ffffff;
  padding: 0px;
  height: 299px;
  width: 235px;
  z-index: 50;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  text-align: center;
}

#sidemenu {
  width: 74px;
  height: 299px;
  padding: 0px;
  z-index: 50;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  text-align: center;
  background-color: #666666;
}
#sidemenu a, #sidemenu a:hover {
  text-decoration: none;
}

#aside, #bside,#cside,#dside {
  width: 74px;
  font-weight: bold;
  font-size: 13px;
  vertical-align: middle;

}
#aside, #aside a, #aside a:hover {
  color: #fff;
  background-color: #1cb6c0;
  height: 73px;
}
#bside, #bside a, #bside a:hover {
  color: #fff;
  background-color: #666666;
  height: 64px;
}
#cside, #cside a, #cside a:hover {
  color: #fff;
  background-color: #7dba28;
  height: 67px;
}
#dside, #dside a, #dside a:hover {
  color: #8ad8db;
  background-color: #666666;
  height: 95px;
}

#footer {
  background-color: #ffffff;
  color: #666666;
  padding: 6px 33px 0px 33px;
  height: 30px;
  width: 662px;
  z-index: 50;
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  text-align: center;
  font-weight: normal;
  font-size: 9px;
}
#footer a, #footer a:hover {
  color: #666666;
  text-decoration: none;
}
#footer p {
  padding: 0px;
  margin: 0px;
}

h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}

#etoNotice {
  display: none;
}

#footer, #footer a, #footer a:hover {
  color: #666666;
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
}
#footer a.active, #footer a.active:hover {
  color: #ffe153;
}
#footer a:hover {
  color: #ffe153;
}

#imageviewer {
  font-family: Verdana, Arial, Times New Roman;
  background-color: #666666;
  color: #ffffff;
  font-size: 12px;
  margin: 0px;
  padding: 0px 0px 60px 0px;
  height: 600px;
  overflow: auto;
}
#imageviewer img {
  padding: 10px 0px 00px 0px;
}

#imageviewer a, #imageviewer a:hover, #arrowbacklink a, #arrowbacklink a:hover {
  text-decoration: underline;
  padding: 0px 0px 0px 17px;
  background: url(../images/backarrow.gif) no-repeat left 70% #666666;
  color: #FFFFFF;
  font-weight: bold;
}

BODY.image {
  background-color: #666666;
  padding: 0px;
  margin: 0px;
}