@charset "utf-8";
/* CSS Document */

#wrapperyadisplay
{
height:1000px;
}
#display{
	
	
	height:920px; 
	border:none;
	
		}	
 

#middlebar	{
				position:relative;
				width:100%;
				height:880px;
				float:left;
				top:-10px;
				background-color: #fafdf9;
				z-index:6;	
				padding-right:0px;
			
				
				background-repeat:repeat-x;	
			}
#juu
{
padding-left:6px;
height:33px;
width:100%;
background-color:#e7eed8;
font-size:200%;
color:#5c665c;
position:relative;
overflow:hidden;

}
#blg,#log,#o,#g
{
font-size:100%;
font-weight:bold;
}

#blg
{
color:#8f9d8f;
}
#log
{
color:#848f84;
}
#o
{
color:#717d71;
}
#g
{
color:#666f66;
}

#topsay
{
font-size:65%;
}

#find
		{
		float:right;
		margin-left:110px;
		margin-top:0px;
		background-image:url(images/searchb.png);
		background-repeat:no-repeat;
		padding-left:30px;
		height:23px;
		border: solid #bfd8d1 1px;
		position:absolute;
		background-color:#f3ffff;
		padding-top:2px;
		
		}
#topcorner
		{
				position:relative;
				width:100%;
				height:35px;
				top:0px;
				background-color: #a8bdb7;
				z-index:7;	
				background-image:url(images/titltop.png);
				border-bottom: solid gray 1px;
			
				
				
		}

#topcorner  #para
			{
			font-size:100%;
			
			text-align:left;
			height:100%;
			width:145px;
			background-image:url(images/titltopside.png);
			background-color: #ccc;
			float:right;
			padding-left:15px;
			position:relative;

		}
#para #contimg
			{
			width:100px;
			height:26px;
			background-image:url(images/mycontact.jpg);
			background-repeat:no-repeat;
			padding-left:45px;
			padding-top:9px;
			
			
			}
#para #contimg a
		{
		text-decoration:none;
		color:#364d7a;
	
		}
			
#para #contimg a:hover
		{
		text-decoration:none;
		color:#b24d03;
		font-weight:bold;
	
		}
#topcorner #abtright
{
float:left;
font-size:100%;
height:35px;

width:138px;
background-image:url(images/titltopside.png);
}


#abtright p
		{
		
		
		height:26px;
		width:85px;
		margin-left:8px;
		padding-left:43px;
		padding-top:9px;
		float:right;
		position:absolute;
		margin-top:0px;
		background-image: url(images/logy.png);
		background-repeat:no-repeat;
		
		}
#abtright p a
			{
			
			text-decoration:none;
			padding:1px  4px 2px 4px;
			background-image: url(images/main.gif);
			color:#1a6a88;
			font-weight:bold;
			border:solid #a7b19f 1px;
			}
	#abtright p a:hover
			{
			
			font-weight:bold;
			color:#e7eed8;
			}		
			
			
 #topcorner #abtcenta
 {
 
 float:right; 
 width:640px;
background-color:#f3ffff;
 margin-right:10px;
 height:21px;
 margin-top:4px;
 background-image:url(images/titcent.png);
 padding-top:5px;
 border-left: solid #a8b2b3 2px
 }
 
 
 #abtcenta li
		{
		display:inline;
		margin-left:5px;
		
		}
 
 #abtcenta li a
		{
		text-decoration:none;
		color:#6e7d9d;
		
		}
 
 
 #abtcenta li a:hover
		{
		
		color:#c0a06c;
		
		}
 
 
#viewer
{
float:right;
background-color:black;
width:100%;
height:30px;

} 
 
 
#contpi
			{
			width:94.8%;
			height:715px;
			background-color: #f8fcfc;
			background-image:url(images/picbg.jpg);
			background-position: -50% 0%;
			float:right;
			background-repeat:repeat-y;
			border: solid #dde6cf 4px;
			margin-top:5px;
			margin-right:5px;
			padding-top:16px;			
			padding-left:10px;
			font-size:76%; 
			letter-spacing:0.05em;
			position:relative; 
			
			
			}

		
			
#contpi ul 
				{
				padding:0; 
				margin:0; 
				list-style-type:none;
				width:210px;
				}


							
#contpi li 
				{
				float:left;
				margin:1px;
				}

				
#contpi a.set span
	
		{			
		position:absolute;  
	    width:1px;  
	    height:1px;  
	    top:5px;  
	    left:5px; 
		text-align:center; 		
	    overflow:hidden;  
	    background-color:#f8fcfc;  
	
		}

				
#contpi #show
	
		{			
		
	    width:450px;  
	    height:200px;  
	    top:130px;  
	    left:320px; 
		text-align:center; 		
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
		}
		
		
		

#contpi a.set, #contpi a.set:visited 
		{  
	    display:block;  
	    color:aqua;  
	    text-decoration:none;  
	   border: solid #646f6c 3px; 
	    margin:1px 2px 1px 2px;  
	    text-align:left;  
	     
	    }  


#contpi a.set:hover
{
border: solid #bfd8d1 3px;
}	

#contpi a.set:hover span {  
		position:absolute;  
	    width:580px;  
		height:720px;  
	    top:7px;  
		left:250px;  
	    color:#000;  
		background:#f8fcfc;
		text-align:right;
	    }  

#contpi a.set:hover span  img
		{
		float:left;
		margin-top:auto;
		margin-bottom:auto;
		border: solid #bfd8d1 5px;
		}



	
#contpi a.moja	
{
background-image:url(images/energthumb.png);
width:65px;
height:72px;

}

#contpi a.moja:hover span	
{



text-align:right;
margin-top:70px;
}



#contpi a.mbili	
{
background-image:url(images/vpthmb.jpg);
width:65px;
height:72px;

}


#contpi a.mbili:hover span	
{

width:571px;
height:560px;

text-align:right;
margin-top:90px;
}
#contpi a.tatu	
{
background-image:url(images/odidicthumb.jpg);
width:65px;
height:72px;

}

#contpi a.nne	
{
background-image:url(images/odidic2.jpg);
width:65px;
height:72px;

}



#contpi a.sita	
{
background-image:url(images/lionthumb.jpg);
width:65px;
height:72px;

}

#contpi a.sita:hover span	
{

width:600px;
height:350px;

text-align:right;
margin-top:90px;
}







#contpi a.saba	
{
background-image:url(images/methumb.jpg);
width:65px;
height:72px;
background-color:blue;
}


#contpi a.saba:hover span	
{

width:591px;
height:350px;

text-align:right;
margin-top:90px;
}
#contpi a.nane	
{
background-image:url(images/wbillthumb.png);
width:65px;
height:72px;
background-color:blue;
}

#contpi a.nane:hover span	
		{

		width:551px;
		height:350px;
	
		text-align:right;
		margin-top:100px;
		}

#contpi a.tisa	
{
background-image:url(images/alithumb.jpg);
width:65px;
height:72px;
background-color:blue;
}

#contpi a.tisa:hover span	
{

width:551px;
height:380px;

text-align:right;
margin-top:60px;
}




#contpi a.kumi	
{
background-image:url(images/djthumb.png);
width:65px;
height:72px;
background-color:blue;
}


#contpi a.kumi:hover span	
{

width:551px;
height:380px;

text-align:right;
margin-top:110px;
}

#contpi a.namoja	
{
background-image:url(images/matatathumb.jpg);
width:65px;
height:72px;
background-color:blue;
}

#contpi a.namoja:hover span	
{

width:551px;
height:450px;


margin-top:40px;
}


#contpi a.nambili	
{
background-image:url(images/vegthumb.jpg);
width:65px;
height:72px;

}

#contpi a.natatu	
{
background-image:url(images/turkanathumb.png);
width:65px;
height:72px;

}

#contpi a.nanne
				{
				background-image:url(images/othumb3.png);
				width:65px;
				height:72px;
			
}
  #printspacer
				{
			
				width:20px;
				float:right;
		
				}