.gallery {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.gallery li {
  border: 1px solid black;
  margin: 2px;
  padding: 5px;
  color: #33ccff;
  width: 480px;
  height: 375px;
  text-align: center;
  float: left;
  background-color: #3366cc;
  line-height: 1.1em;
}
.gallery img {
  margin-top: 2px;
}
.gallery img.port {
  margin-top: 0px;
}
#wrapper {
  margin: auto;
  width: 960px;
  text-align: left;
  max-width: 960px;
  background-color: #29166f;
}
#header {
  color: #33ccff;
  font-family: "Times New Roman",Times,serif;
  text-align: center;
  line-height: normal;
  font-size: medium;
  background-color: #29166f;
  height: 159px;
}
#hmenu {
  height: 2em;
  text-align: center;
  line-height: 2em;
  font-size: 0.8em;
  color: #29166f;
  font-weight: normal;
  font-family: Verdana,Tahoma,Arial;
  background-color: #3366cc;
}
#hmenu ul {
  margin: 0;
  padding: 0;
  color: #33ccff;
  list-style-type: none;
}
#hmenu li {
  padding: 0px 10px;
  position: relative;
  float: left;
  background-color: #3366cc;
  color: #33ccff;
}
#hmenu a {
  margin: 0 -10px;
  padding: 0px 10px;
  color: #29166f;
  font-family: verdana,tahoma,arial;
}
#hmenu a:hover {
  color: #33ccff;
  background-color: #3366cc;
}
ul#hmenu, ul#hmenu ul {
  margin: 0;
  padding: 0;
  color: #33ccff;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
ul#hmenu li {
  padding: 0px 10px;
  position: relative;
  float: left;
}
#hmenu li ul {
  position: absolute;
  margin-left: -999em;
  top: auto;
  left: 0;
}
ul#hmenu li a {
  border: 1px solid #cccccc;
  padding: 5px;
  background: #ffffcc none repeat scroll 0% 50%;
  display: block;
  text-decoration: none;
  color: #777777;
  margin-bottom: -1px;
  min-height: 0;
}
#hcontent {
  background-color: #29166f;
}
#hcol1 {
  width: 180px;
  background-color: #29166f;
  float: left;
  text-align: center;
  font-family: verdana,tahoma,arial;
  font-size: 0.8em;
  color: #33ccff;
  line-height: 1.5em;
  height: 452px;
}
#hmain {
  padding: 20px;
  overflow: scroll;
  margin-left: 5px;
  margin-right: 180px;
  background-color: #29166f;
  font-size: 0.8em;
  font-family: Verdana,Tahoma,Arial;
  text-align: justify;
  color: #33ccff;
  line-height: 2em;
  height: 452px;
  width: 550px;
}
#hcol2 {
  width: 180px;
  background-color: #29166f;
  float: right;
  text-align: center;
  font-family: verdana,tahoma,arial;
  font-size: 0.8em;
  line-height: 1.5em;
  color: #33ccff;
  height: 452px;
}
#hfooter {
  background-color: #3366cc;
  font-weight: normal;
  line-height: 1.8em;
  font-size: 0.7em;
  font-family: Verdana,Tahoma,Arial;
  text-align: center;
  height: 2em;
  color: #29166f;
}
* html ul#hmenu li a {
  height: 1%;
  position: relative;
}
#hmenu li:hover a, #hmenu li.over a, #hmenu li:hover li a:hover, #hmenu li.over li a:hover {
  color: #33ccff;
  background-color: #3366cc;
}
#hmenu li:hover li a, #hmenu li.over li a {
  color: #29166f;
  background-color: #3366cc;
}
#hmenu li ul li a {
  padding: 5px 10px;
}
#hmenu li:hover ul, #hmenu li.over ul {
  margin-left: 0;
}