/* base */
html{
  height: 100%;
/*  overflow:hidden;*/
  padding: 0px;
  margin: 0px;
}
body{
  height: 100%;
  padding: 0px;
  margin: 60px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  background-color: #ddddcc;
/*  text-decoration: none;*/
}
p{
  padding: 0px;
  margin: 0px;
}
a{
/*  cursor:none;*/
}
#containertable {
  width: 100%;
/*  height: 1000px;*/
/*  margin: 0px;
  padding: 0px;*/
  background-color: #cccccc;
}

/* header/footer */
#rowheadertitle {
  height: 100px;
  padding-top: 30px;
}
#rowheadermenu {
  height: 190px;
  padding-top: 30px;
}
#titlename {
  float: left;
  margin-left: -80px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  font-size: 28px;
}

#topmenu {
  float: left;
}
#topmenu a{
  cursor:none;
  float: left;
  width: 70px;
  height: 70px;
  margin-left: 30px;
  margin-right: 100px;
  background-color: #000000;
}
#topmenu a:hover{
  background-color: #ff0000;
  color: #000000;
}
.buttonmenutext {
  float: left;
  margin-left: 70px;
  margin-top: 70px;
  display: none;
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;
}
#topmenu a:hover .buttonmenutext {
  display: block;
}
#rowfooter {
  height: 60px;
  background-color: #ddddcc;
}

/* columns */
#colsingle {
  padding: 20px;
}
#colleft {
  padding: 20px;
  width: 33%;
}
#colcenter {
  border: 1px solid grey;
  padding: 20px;
  width: 34%;
}
#colright {
  padding: 20px;
  width: 33%;
}
/*contents*/
#mainpic{
  text-align: center;
  width: 100%;
}
#mainpic img{
  border: 1px solid yellow;
  width: 200px;
  height: 200px;
  background-color: #cccccc;
}