body {background-color:#000000; font-family:trebuchet ms, verdana; font-size:14px; color:#605644; font-weight:normal; text-align:left}




div#navigation {position: absolute; z-index:1; top:14em; left:6em; height:11.3em; width: 12.5em;  padding: 0.5em;border-style: dashed; border-width:1px; border-color:#370e00 }

div#maintext {position: relative; top: 12.2em; left: 21em;  width : 42%;  padding: 0.5em; }


.port{position:absolute; top:18em; left :22em;}

.port2{position:absolute; top:18em; left :22em; width:400px}

div#righttext {position: absolute; top: 13.2em; right: 2em;  width : 16%;  padding: 0.5em;}

.righttext2 {position: relative;   padding: 0.5em; border-style: dashed; border-width:1px; border-color:#370e00}

div#image1{ position: absolute; top: 28em; left: 5em; padding: 0.5em; }

div#logo{ position: absolute; top: 3em; left: 5em; padding: 0.5em; }


div#bluebox { position: absolute;  right: 2em; height:16em; width: 17em;background: #cedbff; padding: 0.5em; }

div#redbox {  position: absolute;  right: 22em; height:16em; width: 17em; background: #ffc2c2; padding: 0.5em; }


div#compbox {  position: absolute;  right:40em; height:16em; width: 20em; background: #ffffff; padding: 0.5em; }


H1      {font-size: 12pt; color: #ff9015; margin-left: 0em;margin-top: 0em}
H2      {font-size: 10pt; color: #ff9015}


LI      { margin-left: 0em}


h5{font-size:9px; color:#ffffff; margin-top: 2px;}


A:link {text-decoration: underline; color: #ffffff;}
A:visited {text-decoration: underline; color: #ffffff;}
A:active {text-decoration: underline}
A:hover {text-decoration: underline; color: #ff9015;}




.blg {background: url(css/blg.gif) 0 100% no-repeat #cccccc; width: 12em;}
.brg {background: url(css/brg.gif) 100% 100% no-repeat }
.tlg {background: url(css/tlg.gif) 0 0 no-repeat}
.trg {background: url(css/trg.gif) 100% 0 no-repeat; height: 35em; padding:10px}
.clear {font-size: 1px; height: 1px} 



.blb {background: url(css/blb.gif) 0 100% no-repeat #cedbff; border: 1px dashed; width: 18em}
.brb {background: url(css/brb.gif) 100% 100% no-repeat}
.tlb {background: url(css/tlb.gif) 0 0 no-repeat}
.trb {background: url(css/trb.gif) 100% 0 no-repeat; height: 16em; padding:10px}
.clear {font-size: 1px; height: 1px} 



.blp {background: url(css/blp.gif) 0 100% no-repeat #ffc2c2; width: 18em}
.brp {background: url(css/brp.gif) 100% 100% no-repeat}
.tlp {background: url(css/tlp.gif) 0 0 no-repeat}
.trp {background: url(css/trp.gif) 100% 0 no-repeat; height: 16em; padding:10px}
.clear {font-size: 1px; height: 1px} 



.blgr {background: url(css/blgr.gif) 0 100% no-repeat #add699; width: 18em}
.brgr {background: url(css/brgr.gif) 100% 100% no-repeat;}
.tlgr {background: url(css/tlgr.gif) 0 0 no-repeat}
.trgr {background: url(css/trgr.gif) 100% 0 no-repeat; height: 16em;  padding:10px}
.clear {font-size: 1px; height: 1px}