/* Global settings */
body { 
 font-family: arial; 
 font-size: 10pt; 
 background-color: #0000A0;
 background-image:url('img/bluemarb.gif');
 }
a:hover {
  background-color:transparent;
 } 

#spacer {
 position:absolute;
 top: 1100;
 left: 0;
 }  
 
#logo {
 position:absolute;
 top: 20;
 left: 280;
 z-index: 255;
 }
 
#tree {
  position:absolute;
  top: 10;
  left: 40;
  z-index: 100;
 }  
#tree2mid {
  position:absolute;
  top: 312;
  left: 60;
  z-index: 100;
 }
#tree2end {
  position:absolute;
  top: 560;
  left: 60;
  z-index: 100;
 }  
/* Services */
#services, #service-top, #service-txt {
 background-color: #ABABFA;
 }
#services {
 position:absolute;
 top:120;
 left:20;
 border:solid medium #FCEA67;
 background-image: url('img/bp2.jpg'); 
 padding: 8;
 z-index: 300;
 }
#service-top {font-size: 14pt; 
 border:solid medium gold;
 color: #FFFF80;
 background-image: url('img/bp.jpg'); 
 text-align:center;
 padding: 1;
 font-weight:900;
 margin-bottom: 20;
}
#service-txt, #leftnav { 
 font-size: 11pt;
 list-style:none; 
 background-image: url('img/bp2.jpg');
 color: #FFFF80;
 margin: 5 0 5 0; 
 padding: 0;
 }
 
/* Page format */

 
#top-header, #top-header2 {
 position:absolute;
 top: 10;
 left: 0;
 color: #FFFF80;
 text-align:center;
 font-size: 22pt;
 font-weight:900;
 padding: 5;
 width: 726;
 z-index: 310;
 } 
#top-header2 {
 position:absolute;
 top: 11;
 left: 2;
 color: #4E4007;
 z-index: 301;
 }  

#pg-frame {
  position:absolute;
  top:80;
  border:solid medium #C29F12;
  left: 200;
  width: 740;
  height: 900;
  padding: 10 0 10 10;
  background-color: #9B800F;
  background-image:url('img/gold.jpg');
 }
 
#my-content{
  background-color: white;
  position:absolute;
  top: 20;
  left: 10;
 } 

#my-text, #my-ads {
  position:absolute;
  top: 0;
  padding: 10;
  height: 900;   
 } 
 
#my-text {
  background-color: white;
  border:solid medium #F4BF51;
  left: 0;
  width: 480;
 }
#my-txt {
  position:absolute;
  width: 480;
  color: #117722;
  z-index: 300;
 } 

#my-ads {
  border:solid medium #FFFF80;
  left: 510;  
  width: 200;
  background-color: #400040;
  background-image:url('img/bp.jpg');
 }

#ad1, #ad2, #ad3, #ad4,
#ad5 {
 border:solid medium #E87733;
 background-color: white;
 margin: 10 0 10 0;
 height: 200;
 width: 190;
 padding: 2;
 } 
 
.ad-title {
 font-size: 12pt;
 background-color: #ED9763;
 text-align: center;
 } 
 
.ad-text {
 padding: 5 10 5 10;
 }
 
.pg-title {
  position:absolute;
  top: 80;
  left: 100;
  font-size: 22pt;
  font-weight: 900;
 }
 
/* Start of text after tree branch */
#pg-treetxt, .pg-treetxt, ul.pg-treetxt {
  font-size: 12pt;
  font-weight: 100;
  background-image:none;
  color: #117722;
  z-index: 500;
 } 
ul.pg-treetxt, li.pg-treetxt, lh.pg-treetxt {
  list-style-type:none;
  font-size: 10pt;
  float:left;
  padding: 0;
  margin: 1;
 }

#pg-list {
 border:dashed medium #117722;
 padding: 0 5 0 15;
 width: 420;
 height: 100;
 overflow:auto;
 background-color: #C8FAC8;
 }
 
lh.pg-treetxt {
  font-weight:900;
  margin-right: 5;
 } 
 
#pg-treetxt {
  position:absolute;
  top: 124;
  left: 30;
  
 }
 
#gen-txt {
 margin-top: 20;
 }
 
#txt-indent {
 margin-left: 64;
 }
 
#txt-prices {
 position:absolute;
 top: 800;
 left: 120;
 color: white;
 font-weight:900;
 font-size: 22pt;
 text-align:center;
 width: 200;
 background-color: #117722;
 border-style:solid;
 }

/*   left Nav looks funny */ 
/*   Left Nav looks fine now. */  
/*   Problem was with the margin command */
 
.leftnav, .leftnav:hover {
  text-decoration:none;
  font-weight:100;
  color: yellow;
 }    
.leftnav {
  background-color:transparent;
 }
.leftnav:hover {
  background-color: #D2D2FF;
  color: #000080;
  text-decoration:underline;
 } 

.green-tree {
  text-decoration:none;
  color: green;
 }

.green-tree:hover {
  text-decoration:underline;
  background-color: white;
 }

/*  Table Charts */
#tbl {
  position:relative;
  top: 0;
  left: -15;
  border: solid thin white;
  padding: 1;
  width: 480;
  margin-bottom: 10;
 }
#charts {
  border: solid medium #FFD600;
  padding: 1;
 }
.cell-frame {
  font-size:xx-small;
  border: solid thin brown;
  width: 100;
  height: 100;
  white-space:nowrap;
  padding: 1;
 }  
 
/*  Browser logos */

#firefox {
  position:absolute;
  top: 750;
  left: 30;
 } 
 
/* Lists Classes */

.redball {
  list-style-image:url('img/info2.png');
  list-style:'list-style-image';
 }
 
/* Under Brown box */

#underbox-nopic, #underbox-pic {
  position:absolute;
  color: #864B04;
  left: 0;
  padding: 15;    
 }

#underbox-nopic {
  top: 300; 
 } 

#underbox-pic {
  top: 450; 
 } 
   