html,body
{
 background-color:#DDDDFF;

 font-family:arial,verdana,'sans serif';
 font-size:100%;
 color:#000000;

 width:100%;
 left:0px;
 height:100%;
 top:0px;
 margin:0px;
 padding:0px;
}

div[id="page"]
{
 background-color:#DDDDFF;
 position:relative;

 width:100%;
 left:0px;
 height:100%;
 top:0px;
}

div[id="header"]
{
 background-color:#DDDDFF;
 position:absolute;
 z-index:1;

 width:auto;
 left:0px;
 right:0px;

 height:auto;
 min-height:20%;
 top:0px;
 bottom:80%;
}

div[class="navleft"]
{
 position:absolute;
 left:0px;
 top:0px;
 padding:0.5em;
}

div[class="navright"]
{
 position:absolute;
 right:0px;
 top:0px;
 padding:0.5em;
}

div[id="footer_display"]
{
    display: inline-block;
    float:left;
    z-index: 100;
    height: 1em;
    padding:0.5em;
    overflow: hidden;
}

div[id="about_display"]
{
    display: inline-block;
    float:right;
    z-index: 100;
    height: 1em;
    padding:0.5em;
    overflow: hidden;
}

div[id="main"]
{
 background-color:#DDDDFF;
 position:absolute;
 z-index:0;

 width:auto;
 left:0px;
 right:0px;

 height:auto;
 top:20%;
 bottom:0px;

 padding-top:0px;
 padding-bottom:3em;
}

div[id="footer"]
{
 background-color:#DDDDFF;
 position:absolute;

 width:auto;
 left:0px;
 right:0px;

 height:3em;
 bottom:0px;

 padding-left:0.5em;
}

table[id="headertable"]
{
 table-layout:fixed;
 border-style:none;
 border-collapse:collapse;
 width:100%;
 height:100%;
}

tr[id="hdrrow1"]
{
 border-style:none;
 width:100%;
 height:100%;
}

td[id="hdrcell1"]
{
 border-style:none;
 width:25%;
 height:100%;
 text-align:center; 
 vertical-align:middle;
}

td[id="hdrcell2"]
{
 border-style:none;
 width:50%;
 height:100%;
 text-align:center; 
 vertical-align:middle;
}

td[id="hdrcell3"]
{
 border-style:none;
 width:25%;
 height:100%;
 text-align:center; 
 vertical-align:middle;
}


table[id="maintable"]
{
 border-color:#000000;

 table-layout:fixed;
 border-style:none;
 xborder-style:solid;
 border-collapse:collapse;
 color:#000000;
 width:100%;
 height:100%;
}

tr[id="mainrow"]
{
 border-style:none;
 width:100%;
 height:100%;
}

td[id="maincell"]
{
 background-color:#DDDDFF;

 border-style:none;
 width:100%;
 height:100%;
 vertical-align:top;
 text-align:center; 
 padding-top:2em;
}

tr[id="row1"]
{
 border-style:none;
 width:100%;
 height:100%;
}

td[id="cell1"]
{
 background-color:#FF9000;

 border-style:none;
 width:25%;
 height:100%;
 padding-top:1em;
 padding-left:0.5em;
}

td[id="cell2"]
{
 background-color:#DDDDFF;

 border-style:none;
 width:50%;
 height:100%;
 text-align:center; 
 padding-top:2em;
}

td[id="cell3"]
{
 background-color:#FF9000;

 border-style:none;
 width:25%;
 height:100%;
 text-align:center; 
 padding-top:2em;
}

table[id="footertable"]
{
 table-layout:fixed;
 border-collapse:collapse;
 width:100%;
 height:3em;
}

tr[id="ftrrow1"]
{
 border-style:none;
 width:100%;
 height:100%;
}

td[id="ftrcell1"]
{
 background-color:#DDDDFF;

 border-style:none;
 width:100%;
 height:100%;
 padding-top:0px;
}

div[id="newsheaders_box"]
{
background-color:#000000;
position:static; 

width:auto;
margin-left:20%;
margin-right:20%;
padding:1px;

margin-top:1em;
margin-bottom:1em;

border-radius:0.8em;
}


div[class="newsheader"]
{
background-color:#CCCCCC;
position:static; 

width:auto; 
padding-right:0.5em;
padding-left:0.5em;

height:2em; 
line-height:2em;
text-align:left;
margin:1px;
overflow:hidden;
cursor: pointer;

border-radius:0.6em;

}

div[id="newsitem_box"]
{
background-color:#EEEEEE;
position:static; 

margin-left:20%;
margin-right:20%;
margin-top:1em;
margin-bottom:1em;
padding:0.5em;

border-radius:0.8em;
}

div[id="itemtitle"]
{
background-color:#EEEEEE;
position:static; 

width:100%; 
text-align:left;

height:2em;
}

div[class="itemdate_box"]
{
background-color:#EEEEEE;
 float:left;
 width:50%;
}

div[class="itemdatelabel"]
{
 position:static; 
 float:left;

 width:8em;
 height:1em;
 text-align:left;
}

div[class="itemdatevalue"]
{
 position:static; 
 float:left;
 clear:right;

 height:1em;
 text-align:left;
}

div[id="itemtext"]
{
background-color:#FFFFFF;
position:static; 

width:auto; 
padding-left:0.5em;
padding-right:0.5em;

height:18em; 
margin-top:2em;

text-align:left;
overflow:auto;
}

div[class="text_window"]
{
 width:90%;
 margin:auto;
}


h1
{
font-size:200%;
margin:0.6em;
}
h2
{
font-size:150%;
margin:0.4em;
}
h3
{
font-size:100%;
margin:0.2em;
}

ul
{
  list-style:circle;
  text-align: left;
}
ol 
{
  list-style:decimal;
  text-align: left;
}

a:link {color:#000080;}
a:hover {color:red;}

span[class="setting_id"]
{
  font-weight:bold;
  color:#000099;
}

span[class="field_id"]
{
  font-weight:bold;
  color:#888888;
}

span[class="menu_option_id"]
{
  font-weight:bold;
  color:#000000;
}

span[class="button_id"]
{
  display:inline-block;
  font-size:80%;
  font-weight:bold;
  color:#444444;
  background-color:#BBBBBB;
  border-style:solid;
  border-color:#666666;
  border-width:0.1em;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:0.2em;
  padding-bottom:0.2em;
  margin-top:0.1em;
  margin-bottom:0.1em; 
}