#drag { width: 200px; height: 100px;background-color:White; }
.font12
{
font-size:12px;
} 
 .fade1
  {
  z-index:8; position:absolute; top:8px; width:550px; background-color:Gray;height:20px;  text-align:left;
  font-size:14px; text-indent:10px; color:white; 
    }
  .fadeimg
    {
    width:550px; height:530px; position:absolute; top:15px; z-index:6;
    
    }

 .natureimg
    {
    width:550px; height:545px; 
    
    }
    .leftbar 
{
position: absolute; width: 270px; height: 700px; background-color: #000080; 
border: 1px solid #000080; top: 81px; left: 19px;font-size:14px; 

 }
.toplogo 
{ 
position: absolute; width: 228px; height: 131px; z-index: 1; left: 165px; top: 5px; 
}
.leftnav 
{ 
width: 600px; height: 100%; background-color:#000080;
}

.horbar 
{ position: absolute; width: 560px; 
height: 66px; 
z-index: 1; left: 300px; 
top: 83px; 
background-color:White;
    }
.bottom 
{ 
position: absolute; width: 557px; 
height: 90px; 
z-index: 1; left: 300px; 
top: 695px; 
background-color: #000080;
    }
.topbar 
{ position: absolute; width: 598px; height: 41px; z-index: 1; left: 267px; 
top: 91px; border: 1px solid #000080; 
}
.topfont { color: #000080; font-size:24px; text-align: center;}
.echo {  position: absolute; width: 290px; 
height: 161px; 
z-index: 3; left: 44px; 
top: 146px
    }
.yaawhoo 
{ 
position: absolute; left: 80px; top: 50px; width: 400px; z-index:7;color:Navy; font-size:14px; 
}
.chico
{
position: absolute; width: 118px; height: 140px; z-index: 8; left: 324px; 
top: 384px;
}
.yousaidso
{
position: absolute; width: 289px; height: 73px; 
z-index: 7; left: 252px; 
top: 299px;
}
.mainbody {
position: absolute; width: 562px;  
height: 541px;  
left:-10px;
top: 5px; z-index: 1; 
background-image:url('http://frontiersoft.net/expression/expresion_image/sky-2.jpg');
background-repeat:no;
}
.sp1
{
position: absolute; width: 570px;  
overflow:auto; 
height: 555px; 
z-index: 3; left: 300px; 
top: 150px; 
background-color:Transparent; padding-left:0px; padding-right:10px;
}
.snowbase
{
width:569px; 
top:511px; 
height:44px; 
position:absolute; z-index:3; left:0px;
}
#orgname
{
position: absolute; width: 848px; height: 44px; z-index: 10; left: 20px; top: 0px; font-size:xx-large; color:White; text-align:center; 

}
ul.ulmain
{
clear:both; padding-left:2px; position:inherit; left:2px;
width: 262px;  text-align:left;height: 540px; z-index: 5; top:10px;
overflow:auto; margin-left: 2px;list-style-type:circle;font:size:12px;
    }
li.lig0{ list-style-type:circle; margin-left: -15px;} /*   margin-left: -15px;*/    
li.lig0.expand{ list-style-type:circle; margin-left: -15px;
background: url('http://frontiersoft.net/expression/expresion_image/plus.gif') no-repeat 1% 10%; 

}       
li.lig1
{
  list-style-type:circle; margin-left: -30px;
  }
 
li.lig2
{
margin-left: -38px; list-style-type:circle; 
}
li.lig3
{
margin-left: -26px; list-style-type:circle;

}
.expand
{
background: url('http://frontiersoft.net/expression/expresion_image/plus.gif') no-repeat 1% 10%; 
 padding-left:10px;    margin-left:2px; color:white;font-size:12px; 
 }

.shrink
{
background: url('http://frontiersoft.net/expression/expresion_image/minus.gif') no-repeat ;
padding-left:10px; color:white;background-color:Trasnparent; font-size:12px; 
margin-left:2px;
}
a:link {color:white;}      /* unvisited link */
a:visited {color:Lime;}  /* visited link */
a:hover {color:#FF00FF}  /* mouse over link */
a:active {color:Navy;}  /* selected link */
    #chico
    {
        height: 136px;
        width: 139px;
    }
    /* accordion items */
    .accordionItem a { margin: 0; font-size: 1.1em; padding: 0.4em; color: #fff; background-color: #944; border-bottom: 1px solid #66d; }
    .accordionItem a:hover { cursor: pointer; }
    .accordionItem ul { margin: 0; padding: 1em 0.4em; background-color: #eef; border-bottom: 1px solid #66d; }
    .accordionItem.hide li { color: #000; background-color: #88f; }
    .accordionItem.hide ul { display: none; }