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;
}


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;}
ol {list-style:decimal;}

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