body {
background-color: transparent;
background-image:url('pics/unicolor2.gif');
margin : 0;
padding : 0;
border : 0px none;
overflow : scroll;
width : 100%;
height : auto;
}

html, body, textarea {
  font-family: Verdana, Arial,sans-serif;
  scrollbar-base-color:#FF00FF;
  scrollbar-3d-light-color:#FFFF00;
  scrollbar-arrow-color:#FF0000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#0000FF;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#cccccc;
overflow: hidden;
}




#cont {
position:absolute;
left:0;
top:0;
overflow: visible;
height: 100%; 
width: 100%;
margin:0;
padding:0;
background-color: transparent;
text-align:center;
z-index:1;
}


.fade0{
position: absolute; 
top:40px;
right:10px;
border:5px ridge #ff0000;
background-color:transparent;
/* background-image:url('../pics/unicolor.gif'); */
width:700px;
height:700px;
padding:0;
margin:0px auto;
overflow:visible;
}






div.book a {
display : block;
position: absolute; 
right: 0px; 
top: 245px;
background-color : transparent;
background-image : url('../pics/book2.gif');
width:172px; 
height:172px;
}

div#book a:hover {
position: absolute; 
right: 0px; 
top: 245px;
background-color : transparent;
background-image : url('../pics/jj1.gif');
width:172px; 
height:172px;
}





div.myself a {
display : block;
position: absolute; 
right: 251px; top: 0;  
background-color : transparent;
background-image : url('../pics/myself.gif');
width:172px; 
height:172px;
}

div#myself a:hover {
position: absolute; 
right: 251px; top: 0;  
background-color : transparent;
 background-image : url('../pics/jj1.gif');
width:172px; 
height:172px;
}







div.myfamily a {
display : block;
position: absolute; 
right: 426px; top: 70px;
background-color : transparent;
background-image : url('../pics/family.gif');
width:172px; 
height:172px;
}

div#myfamily a:hover {
position: absolute; 
right: 426px; top: 70px;
background-color : transparent;
background-image : url('../pics/jj1.gif');
width:172px; 
height:172px;
}







div.mytravel a {
display : block;
position: absolute; 
right: 426px; top: 420px;
background-color : transparent;
background-image : url('../pics/travel.gif');
width:172px; 
height:172px;
}

div#mytravel a:hover {
position: absolute; 
right: 426px; top: 420px;
background-color : transparent;
 background-image : url('../pics/jj1.gif');
width:172px; 
height:172px;
}





div.album a {
display : block;
position: absolute; 
right: 75px; top: 70px;
background-color : transparent;
background-image : url('../pics/album.gif');
width:172px; 
height:172px;
}

div#album a:hover {
position: absolute; 
right: 75px; top: 70px;
background-color : transparent;
 background-image : url('../pics/jj1.gif');
width:172px; 
height:172px;
}








#lcont {
position:absolute;
left:0%;
top:0%;
width: 50%;
height:100%;
border: 3px ridge #00ff00;
background-color:transparent;
/* background-image:url('../pics/unicolor.gif') */;
overflow:visible;
z-index:5;
}


#mcont {
position: absolute; 
left:20%;
top:0px; 
width:50%;
height:100%;
border: 0px ridge #ff0000;
background-color:transparent;
/* background-image:url('../pics/unicolor.gif') */;
overflow:visible;
}

#rcont {
position: absolute; 
right:0px;
top:0px; 
bottom:10%;
height: 90%; 
border: 3px ridge #ff00ff;
width:50%;
background-color:transparent;
/* background-image:url('../pics/unicolor.gif') */;
overflow:visible;
z-index:15;
}


#topbanner{
position:absolute;
left:-20%;
top:0px;
overflow: visible;
height: 5%; 
width: 125%;
margin:0;
padding:0;
border: 5px ridge #ff00ff;
background-color:transparent;
text-align:center;
z-index:10;
}


#lowbanner{
position:absolute;
left:0px;
bottom:0px;
overflow: visible;
height: 5%; 
width: 100%;
margin:0;
padding:0;
border: 5px ridge #00ffff;
background-color:transparent;
text-align:center;
z-index:10;
}





#rootig {	
position:absolute;	
top:250px; left:350px;
height:400px;
width:370px;
font-family:verdana;
font-size: 10pt; color:#ffff00;
line-height: 150%;
border:0px ridge #ddd;
z-index:100;
}



.trans{
background-image:url('../pics/trans.gif');
background-repeat:repeat;
background-color:transparent;
}




.navtext {
border:9px ridge  #FF00FF; 
position:absolute;
top:-100px;
width:300px;
font-family: verdana, arial;
font-size:8pt;
background-color:#000000;
color: #00FFFF;
overflow: hidden;
z-index:500;
}