html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  overflow-y: scroll;
  text-align: center;
  background-color: #d3d3d3;
  font-size: .8em;
  font-family: arial;
}

#container {
  /*width: 1024px;*/
  width: 1000px;
  margin: auto;
  background-color: transparent;
}

#leftcolumn {
  color: white;
  font-weight: bold;
  width: 200px;
  float: left;
  background-color: transparent;
  margin-top: 20px;
  margin-left: 0;
}

#rightcolumn {
  color: white;
  font-weight: bold;
  width: 200px;
  float: right;
  background-color: transparent;
  margin-top: 20px;
  margin-right: 0;
}

#main {
  color: black;
  background-color: transparent;
  /*width: 580px;*/
  width: 570px;
  text-align: left;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.box {
  border: 1px #00229e solid;
  padding: 5px;
  margin-bottom: 20px;
  background-color: #6495ed;
  background-image: url(../images/bgbox.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
}

#footer {
  height: 30px;
  clear: both;
  background-color: #a9a9a9;
}

div#header {
  position: relative;
  height: 200px;
  background-color: #a9a9a9;
}

#header ul {
  position: absolute;
  background-color: transparent;
  margin: 0;
  bottom: 0;
  right: 50px;
}

#header ul li {
  float: left;
  list-style: none;
  margin: 0 8px 0 0;
} 

/*#header ul a,*/
#header ul .mainmenu,
#header ul strong {
  color: white;
  background-color: #6495ed;
  background-image: url(../images/bgmenu.gif);
  background-repeat: repeat-x;
  display: block;
  padding: .3em .7em;
  text-decoration: none;
  font-weight: bold;
}

#header ul a:hover,
#header ul a:focus,
#header ul a:active,
#header ul strong,
#header .mainmenu_selected {
  color: #00229e;
  background-color: #fffe95;
  background-image: none;
  background-repeat: repeat-x;
  display: block;
  padding: .3em .7em;
  text-decoration: none;
  font-weight: bold;
}

#submenu {
  /*background-color: midnightblue;
  background-image: url(../images/bgboxtitle.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;*/

  background-color: #6495ed;
  background-image: url(../images/bgbox.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;

  border: 1px #00229e solid;
  margin-bottom: 20px;
}

#submenu ul {
  /*background-color: #6495ed;
  background-image: url(../images/bgbox.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;*/

  list-style-type: none;
  margin: 0;
  padding: 0;
}

#submenu ul li {
  display: inline;
}

/*#submenu ul li a,*/
#submenu ul .submenu_item,
#submenu ul strong {
  display: block;
  text-decoration: none;
  text-align: left;
  color: #00229e;
  background-image: url(../images/bluedot.gif);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding: .3em 1.8em;
}

#submenu ul a:hover,
#submenu ul a:focus,
#submenu ul a:active,
#submenu ul li strong,
#submenu .submenu_selected {
  color: #fffe95;
  background-color: #00229e;
  background-image: url(../images/yellowdot.gif);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding: .3em 1.8em;
  display: block;
  text-decoration: none;
  text-align: left;
}

.nofloat {
  clear: both;
}