body {margin : 0px; overflow : hidden; background-color : #EEEEEE; font-family: Arial, Verdana, Helvetica, sans-serif}

p    {margin : 0.5em 0.5em 0.6em 0.5em; text-indent : 1.5em; text-align : justify}

h1   {font-size : 200%; text-align : center; margin-top : 1em; margin-bottom : 0.5em}
h2   {font-size : 180%; text-align : center; margin-top : 1em; margin-bottom : 0.5em}
h3   {font-size : 150%; text-align : center; margin-top : 1em; margin-bottom : 0.5em}
h4   {font-size : 120%; text-align : center; margin-top : 1em; margin-bottom : 0.5em}
h5   {font-size : 100%; text-align : center; margin-top : 1em; margin-bottom : 0.5em}
h6   {font-size : 100%; text-align : center; margin-top : 1em; margin-bottom : 0.5em; font-style : italic}

hr   {border : 0; color : #BBBBBB; height : 1px}

ul   {margin-top : 0.4em; margin-bottom : 0.4em}
li   {text-align : justify; margin : 0em 0em 0.2em 0em}

td   {text-align : center}

sup  {vertical-align : 33%}
sub  {vertical-align : -33%}

form {margin-bottom : 0.2em}

input  {font-size : 14px; font-family : MS Sans Serif, sans-serif}
select {font-size : 14px; font-family : MS Sans Serif, sans-serif}

a:hover {color : red}

<!-- Full page container for large tables/html/etc -->
div.containerfull {
  height:100%; width:100%;
  padding:4px;
  overflow:hidden;
  z-index:2;
}

<!-- Middle container for a single column layout -->
div.container123 {
  height:100%; width:100%;
  padding-top:40px; padding-bottom:40px; padding-left:4px; padding-right:4px;
  overflow:hidden;
  z-index:2;
}

<!-- Center (liquid) container for a three column layout -->
div.container2 {
  height:100%; width:100%;
  padding-top:40px; padding-bottom:40px; padding-left:184px; padding-right:184px;
  overflow:hidden;
  z-index:2;
}

<!-- Left (liquid) container for a two column layout -->
div.container12 {
  height:100%; width:100%;
  padding-top:40px; padding-bottom:40px; padding-left:4px; padding-right:184px;
  overflow:hidden;
  z-index:2;
}

<!-- Right (liquid) container for a two column layout -->
div.container23 {
  height:100%; width:100%;
  padding-top:40px; padding-bottom:40px; padding-left:184px; padding-right:4px;
  overflow:hidden;
  z-index:2;
}

<!-- Left (fixed) container for a two column layout -->
div.container1 {
  position:absolute; top:0px;
  height:100%; width:180px;
  padding-top:40px; padding-bottom:40px; padding-left:4px;
  overflow:hidden;
  z-index:2;
}

<!-- Right (fixed) container for a two column layout -->
div.container3 {
  position:absolute; top:0px; right:0px;
  height:100%; width:180px;
  padding-top:40px; padding-bottom:40px; padding-right:4px;
  overflow:hidden;
  z-index:2;
}

<!-- Left (liquid) container for the pictures/slideshow layout -->
div.container12pic {
  height:100%; width:100%;
  padding-top:40px; padding-bottom:40px; padding-left:4px; padding-right:234px;
  overflow:hidden;
  z-index:2;
}

<!-- Right (fixed) container for the pictures layout -->
div.container3pic {
  position:absolute; top:0px; right:0px;
  height:100%; width:230px;
  padding-top:40px; padding-bottom:40px; padding-right:4px;
  overflow:hidden;
  z-index:2;
}

<!-- Top_right (fixed) container for slideshow controls -->
div.container3top {
  position:absolute; top:0px; right:0px;
  height:100%; width:230px;
  padding-top:40px; padding-bottom:110px; padding-right:4px;
  overflow:hidden;
  z-index:3;
}

<!-- Bottom_right (fixed) container for slideshow controls -->
div.container3bottom {
  position:absolute; bottom:0px; right:0px;
  height:110px; width:230px;
  padding-top:4px; padding-bottom:40px; padding-right:4px;
  overflow:hidden;
  z-index:2;
}

<!-- Top container (main menu) -->
div.containertop {
  position:absolute; top:4px;
  height:32px; width:100%;
  padding-left:4px; padding-right:4px;
  overflow:hidden;
  z-index:2;
}

<!-- Bottom container (info and auxiliary menu) -->
div.containerbottom {
  position:absolute; bottom:4px;
  height:32px; width:100%;
  padding-left:4px; padding-right:4px;
  overflow:hidden;
  z-index:2;
}

<!-- Any box except top/bottom boxes -->
div.box {
  padding:0.4em 0.5em 0.4em 0.5em;
  height:100%; width:100%;
  border: 1px solid #BBBBBB;
  overflow:auto; overflow-x:auto;
  z-index:1000;
}

<!-- Top/bottom boxes -->
div.boxmenu {
  padding:0em 0em 0em 0em;
  height:100%; width:100%;
  border: 1px solid #BBBBBB;
  overflow:hidden;
  z-index:1000;
}