<STYLE TYPE="text/css">
<!--

BODY {
background: #6F6F6F;
color: #000000;
margin: 4px 4px 4px;
font-size: 8pt;
font-family: "Comic Sans MS";
}

a {
text-decoration: none;
color: #dddddd;
}
a:hover {
text-decoration: underline;
}
a:Visited {
text-decoration: none;
color: #dddddd;
}

#Body {
position: absolute;
z-index: 1;
top: 7px;
left: 7px;
background: #111111;
color: #ff00ff;
width: 786px;
height: 100%;
}

.tleft {
position: absolute;
overflow: hidden;
z-index: 2;
top: 0px;
left: 0px;
border: 1px solid #000000;
margin: 0;
width: 75%;
height: 100%;
valight: middle;
}

.tright {
position: absolute;
overflow: hidden;
z-index: 2;
top: 0px;
left: 75%;
border: 1px solid #000000;
background: #ffffff;
margin: 0;
width: 25%;
height: 100%;
}

#header {
z-index: 1;
height: 75px;
width: 100%;
background: #CCCCCC;
}

#header .tleft h1, .tleft h2, .tleft h3 {
font-size: 1em;
background: #000066;
color: #000000;
padding: 3px;
margin: 0;
}

#header .tright h1, .tright h2, .tright h3 {
font-size: 1em;
background: #000066;
color: #000000;
padding: 3px;
margin: 0;
}

#left {
position: absolute;
z-index: 3;
top: 75px;
left: 0px;
border: 1px solid #000000;
background: #200087;
color: #ffffff;
margin: 0;
width: 100px;
height: 100%;
}
#left ul {
list-style: none;
padding: 0;
margin: 0.5em;
}
#left ul.sub {
list-style: none;
padding: 0;
margin-left: .75em;
margin-top: 0;
margin-bottom: 0;
}

#right {
position: absolute;
z-index: 2;
top: 75px;
left: 0px;
border: 1px solid #000000;
width: 100%;
height: 100%;
color: #FFFFFF;
background: #000000;
}

.Graphic {
position: absolute;
z-index: 4;
overflow: hidden;
top: 100px;
left: 550px;
border: 1px dashed #ffffff;
width: 200px;
height: 200px;
}

.TEXT {
margin: 20px 122px 20px;
}
.TEXT h1 {
font-size: 16pt;
}

-->
</STYLE>
