/* Common */
body {
  background-color:#112255;
  color:#FFFFFF;
  margin:0px;
  font-family:Arial, sans-serif;
}
body, table, td
{
  padding:0px;
  margin:0px;
  border-collapse:collapse;
}
h2
{
  text-align:center;
}
h3
{
  text-align:left;
}

/* Banner */
div.banner {
  position:absolute;
  top:10px;
  right:10px;
  margin:0px;
}

.banner img {
  border:1px solid black;
  margin:0px;
}

/* Menu */
.menu {
  position:absolute;
  top:0px;
  left:0px;
}

.menu table {
  border-collapse:collapse;
  width:100%;
}

.menu td {
  background-image:url(data/img/menu/line.gif);
  background-repeat:repeat-x;
  background-position:top;
  vertical-align:top;
  text-align:center;
  height:177px;
  overflow:hidden;
}

.menu img {
  position:relative;
  margin-top:20px;
  border:0px black solid;
}

/* Cogitat-Menu */
td.cogmenu {
  background-image:url(data/img/menu/cog-line.gif);
  background-repeat:repeat-y;
  background-position:left;
}

img.cogmenu {
  position:absolute;
  top:143px;
  left:0px;
}

img.cogmenubottom {
  position:relative;
  bottom:-100px;
  margin-left:0px;
  z-index:2;
}
.cogbutton
{
  height:69px;
  margin-left:6px;
  background:url('data/img/menu/cog-button.gif') top left no-repeat;
  font-weight:bold;
  text-align:center;
  padding-top:22px;
}

/* Content */
.content td {
  text-align:justify;
  vertical-align:top
}
.content table {
  border-collapse:collapse;
}

/* Preload */
div.load {
  position:absolute;
  top:-50px;
  left:-50px;
}
.load img {
  width:1px;
  height:1px;
}

a:link    {color:#CCCCCC; text-decoration:none}
a:visited {color:#888888; text-decoration:none}
a:hover   {color:#FFFFFF; text-decoration:underline}
a:active  {color:#FFFFFF; text-decoration:underline}
.menu a:hover {text-decoration:none}
.menu a:active {text-decoration:none}
.cogmenu a:link    {color:#FFFFFF; text-decoration:none}
.cogmenu a:visited {color:#FFFFFF; text-decoration:none}
.cogmenu a:hover   {color:#CCCCCC; text-decoration:none}
.cogmenu a:active  {color:#CCCCCC; text-decoration:none}