/*

x:width, y:height
-----------------------------------------------------------------
|x1|                         x2                              |x3| y1
-----------------------------------------------------------------
|                                      |                        |
|                x4                    |           x5           | y2
|                                      |                        |
-----------------------------------------------------------------
x1: set by 

*/

html {
  min-height: 100%; margin-bottom: 1px; /* force the vertical scrollbar to appear to prevent site from moving */
}

body{
  color: #333366;
  background-color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

.contents{
  color: #333366;
  background-color: #FFFFFF;
  width: 760px;          /* dx+pl+pr */
  margin-top: 20px; 
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 25px;    /* pl */
  padding-right: 25px;   /* pr */
  text-align: left;
}

body > div.contents{
  width: 710px;          /* dx */
}

table{
  font-size: 11px;
}

.logo{
  float: left;
/*  vertical-align: middle;*/
}

.menu{
  height: 65px;
  text-align: center;
  width: 535px;  /* = dx-logowidth(169px)-6px (top menu) */
}

.main{
  width: 100%;
  clear: both;
  border: solid 1px rgb(153,0,0);
}
  
.info{
  border: solid 1px rgb(153,0,0);
  padding: 10px;
  margin: 0px;
}

.newscommentbox{
  border: solid 1px rgb(153,0,0);
  padding: 7px;
  margin: 0px;
}

.newscommentline{
  border: none;
  height: 1px;
  padding: 0px;
  /*width: 684px;*/
  color: rgb(153,0,0);
  background-color: rgb(153,0,0);
}
  
.left{
  width: 433px;  /* (lcolumn="left column width") dx=lcolumn+rcolumn+lpl+lpr+2*rp+2 */
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;  /*lpl*/
  padding-right: 15px; /*lpr*/
  margin: 0px;
  vertical-align: top;
}

.floatleft{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;  /*lpl*/
  padding-right: 15px; /*lpr*/
  margin: 0px;
  vertical-align: top;
}

.right{
  width: 230px; /* (rcolumn="right column width") dx=lcolumn+rcolumn+lpl+lpr+2*rp+2 */
  padding: 10px; /*rp*/
  margin: 0px;
  vertical-align: top;
}

.nocolumns{
  width: 100%;
  padding: 10px; /* np */
  margin: 0px;
  vertical-align: top;
}

.signature{
  font-style: italic;
  text-align: right;
}

table.tv{
  vertical-align: top;
  width: 208px;
  border-collapse: collapse;
}

td.tv{
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 10px;
  margin: 0px;
}

table.person{
  vertical-align: top;
  border-collapse: collapse;
}

td.person{
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 5px;
  margin: 0px;
}

table.register{
  vertical-align: middle;
  width: 100%; /*684px;*/      /* = dx - 2 - 2*(np+2) */
  border-spacing: 0px;
/*  empty-cells: show;*/
/*  border-type: ridge;*/
/*  border: 1px ridge #888888;*/
/*  cell-spacing: 0px;*/
/*  border-collapse: collapse;*/
  border-color: #999999;
/*  cell-padding: 2px;*/
}

td.register{
  vertical-align: middle;
/*  border-collapse: collapse;*/
  border-color: #999999;
  height: 14px;
}

.copyright{
  height: 25px;
  text-align: right;
}

.vcenter{
  vertical-align: middle;
}

.hcenter{
  text-align: center;
}

.largeheader{
  font-size: 16px;
  /*color: #993333;*/
  color: #333366;
  font-weight: bold;
}

.header{
  font-size: 11px;
  /*text-decoration: underline;*/
  /*color: #993333;*/
  color: #333366;
  font-weight: bold;
  /*font-style: italic;*/
}

.underline{
  text-decoration: underline;
}

img{
  border: none;
}

a{
  font-weight: bold;
  text-decoration: none;
}

/* unvisited link */
a:link{
  color: #333366;
  background-color: inherit;
}

/* visited link */
a:visited{
  color: #333366;
  background-color: inherit;
}

/* mouse over link */
a:hover{
  color: #993333;
  background-color: inherit;
}

/* selected link */
a:active{
  color: #333366;
  background-color: inherit;
}

/* tab on link */
a:focus{
  color: #993333;
  background-color: inherit;
}