html
{
    height: 98%;
    background-color:   #eeeeee;
}
body
{
    height: 98%;
    margin: 1% 2%;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 0.9em;
    background-color:   #fefefe;
    border: 1px solid #AAAAAA;
}
#wholepage
{
   height:             94%; 
}
#header
{
    width: 100%;
    margin: 1em 0 0 0;
}
#header img.floatleft { 
    float: left; 
    margin-left: 1.5em;
}
#header p
{
    float: left;
    font-size: 1.2em;
    margin: 1em 0 0 .5em;
}

div.menu
{
    height:             85%;
    width:              16%;
    float:              left;
    font-size:          .8em;
    background-color:   #fdfdf0;
    border-right:       1px solid #AAAAAA;
    font-weight: bold;
}
div.menu h3
{
    color: black;
}
div.menu ul
{
    list-style-type:none;
    margin-left:  0;
    padding-left: 0;
}
div.menu .cat *, div.menu .cat-act * {
    color: #882555;
    text-decoration: none;
}
div.menu .cat a:hover, div.menu .cat-act a:hover {
    text-decoration: underline;
}
div.menu .cat-act {
    background-color:   #eeddcc;
}

#xtoc
{
    color: black;
}
#toc ul
{
    list-style-type:none; 
    margin: 0 0 0.8em .8em;
    padding:     0 0 0.8em .8em;
    background-color:   #fdfdf0;
    font-weight: normal;
}
#toc a 
{
    color:black;
    text-decoration: none;
}
#toc a:hover
{
    text-decoration: underline;
}

#footer
{
    font-size: 0.8em;
    font-style: italic;
    text-align:center;
    border-top:       1px solid #AAAAAA;
}

#content
{
    padding: 0.2em 1em;
    height: 85%;
    overflow:auto;
    line-height: 1.3em;
    background-color: white; 
}

#content img.floatleft
{
    float:left;
    margin-right: 1em;
}

div.partners     {width:80%;}
div.partners ul  {list-style-type:none}
div.partners img {float:left; padding-right:1em; border:none}


/* page content related stuff */
h1
{
    color:              #882555;
    font-size:          1.1em;
    font-weight:        bold;
    text-decoration:    underline;
}
h2
{
    color:              #882555;
    font-size:          1.1em;
    font-weight:        bold;
}
h3
{
    color:              #882555;
    font-size:          1.0em;
    font-weight:        bold;
    margin-left:        10px;
}

.warning
{
    text-align: center;
    color: red;
}

.hidden { display: none; }
.noindent {
    margin-left: 0px; 
    padding-left: 0px;
}
.clearboth { clear: both; }

table {
    margin-left: 5px;
    margin-top:  2px;
    border-collapse: collapse;
}
table td, table th {
    border: 1px solid black;
    white-space: nowrap;
}

table.blackline {
    width: 80%;
    margin-left: 5px;
    margin-top:  2px;
    border-collapse: collapse;
}
table.blackline td, table.blackline th {
    padding: 1px 3px 1px 3px;
    border: 1px solid black;
}
.vpaleblubg { background-color: #EAFCFF; }
.vpaleyelbg { background-color: #FFFBEA; }