html {
  height: 100%; width: 100%;
  background-color: #1d4b5a;
  font-family: Verdana, Arial, sans-serif;
  background-image: url(assets/background_tile.jpg);
}

body {
  height: 100%; width: 100%;
  padding: 0px;

}

a:focus { outline: none; }
a:active { outline: none; }

h1
{
	font-family: Georgia, Times New Roman, serif;
	font-weight: normal;
	color: #d6ccaf;
	font-size: 21px;
	margin-bottom: 15px;
}

h2
{
	font-family: Georgia, Times New Roman, serif;
	font-weight: normal;
	color: #d6ccaf;
	font-size: 16px;
}

#noflash {
  height: 100%;
}

#swf {
  display: block;
  position: relative;
  margin: 0 auto;
  top: 0;
  overflow: hidden;
  background-color: #ccc;

  /* for mozilla */
  min-width: 928px;
  min-height: 580px;

  width: 100%;
  height: 100%;

 /* max-width: 1440px;
  max-height: 1024px; */

  /* for IE */
  width:  expression( Math.min( Math.max( document.body.clientWidth, 928 ), 1440) + "px" );
  height: expression( Math.min( Math.max( document.body.clientHeight, 580 ), 1024) + "px" );
}

#container {
  width: 928px;
  margin: 50px auto 0px auto;
}

#content {
  background-image: url(../img/shadow_top.gif);
  background-position: top;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 0px;
}

#left {
  width: 424px;
  float: left;
  margin-right: 26px;
}

#noflash #left {
  width: 509px;
}

#right {
  width: 474px;
  float: left;
  position: relative;
  color: #453416;
}

#noflash #right {
  width: 389px;
}

#welcome p {
  margin-top: 4px;
  font-size: 0.85em;
  line-height: 1.8em;
  color: #ece4ca;
  text-align: justify;
}

p.footnote {
  font-size: 0.65em;
  color: #ece4ca;
}

a:visited {
  color: #f6bc15;
}