#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 60%;
  height: 100%;
  margin: auto;
  font-family: Arial, monospace, sans-serif;
  font-size:   12pt;
  line-height: 140%;
}

h1 /* page title */
{ font-family: Arial, monospace, sans-serif;
  font-size:   30pt;
  font-weight: normal;
  line-height: normal;
}

h2 /* section titles */
{
  font-family: Arial, monospace, sans-serif;
  font-size:      14pt;
  font-weight:    bold;
  margin-top:     1.4em;
  margin-bottom:  0.5em;
  color:          rgb(50,150,180);
}

h3 /* section titles */
{
  font-family: Arial, monospace, sans-serif;
  font-size:      12pt;
  font-weight:    bold;
  margin-top:     1.4em;
  margin-bottom:  0.5em;
  margin-left:    1em;
  color:          rgb(40,140,170);
}


div.outer_box {
    padding-top: 10px;
    width: 80%px;
    padding-bottom: 30px;
    overflow:hidden;
}

div.inner_box 
{
    float: left;
    width: 250px;
}

div.right_box 
{
    float: left;
    width: 50%;
    text-align: center;
}



a {text-decoration: none}
a:link    {color: rgb(70,170,200)}
a:visited {color: rgb(30,130,160)}
a:hover   {color: rgb(90,190,220)}
a:active  {color: rgb(255,0,0)}
a.black   {color: rgb(0,0,0); font-weight: bold}
a.pink    {color: rgb(255,0,255)}
a.pink:visited {color: rgb(255,0,255)}  /* IE bug */

.black    {color: rgb(0,0,0)}
.blue     {color: rgb(0,64,255)}
.green    {color: rgb(160,208,0)}
.grey     {color: rgb(160,160,160)}
.pink     {color: rgb(255,0,255)}

.paper    {font-weight: bold; }

#text
{
  float:       right;
  width:       80%;
  clear:       none;
}