body {
  color: rgb(0,0,0);
  background-color: rgb(255,255,255);
  font-family: arial;
}

#id_hwgalarea {
  background-color: rgb(255, 255, 255);
  font-size:18px;
  color:rgb(0, 0, 0);
}

#id_hwchoices {
  background-color: rgb(255, 255, 255);
  font-size:14px;
  color:rgb(0, 0, 0);
}

#id_hwgalset {
   visibility: hidden;
   width:0px;
   height:0px;
}

#content_area {
  float:left;
  width:100%;
}

#id_overlayarea {
  background-color: rgb(192,192,192);
  width: 100%;
}

#id_overlayarea img {
  top:0;left:0;right:0;
  position:absolute;
  margin:auto;
}

#id_mainarea {
  background-color: rgb(250,250,250);
  width: 1000px;
  height: 100%;
  margin: 0 auto 0 auto;
}

#id_banner {
}

#id_menu {
  background-color: rgb(114, 159, 255);
  width:100%;
  height:21px;
}

#id_menu ul, #id_menu ul li{
  background-color: rgb(50, 115, 255);
  font-size:18px;
  margin:0;
  padding:0;
  list-style:none;
  border-radius:6px;
}

#id_menu ul li{
  float:left;
}

#id_menu ul li:hover{
  color: yellow;
  background-color: rgb(0, 0, 0);
  position:relative;
}

#id_menu ul li a{
  padding:0px 15px;
  color:white;
  display:inline-block;
  text-decoration:none;
}

#id_menu ul li a:hover{
  color:yellow;
}
/* second level menu */
#id_menu ul li ul{
  position:absolute;
  display:none;
}

#id_menu ul li:hover ul{
  display:block;
}

#id_menu ul li ul li{
  float:none;
  width:210px;
}

#id_menu ul li ul li.long{
  float:none;
  width:350px;
}

/* third level menu */
#id_menu ul li:hover ul li ul{
  position:absolute;
  display:none;
}

#id_menu ul li:hover ul li:hover ul{
  display:block;
  left:210px; /* same as width in second level */
  top:0px;
}

#id_menu ul li ul li ul li{
  float:none;
  width:200px;
}

#id_menu ul li ul li ul li.long{
  float:none;
  width:350px;
}

.clear {
   clear:both;
}
