a:hover {color: red;}

body {
  
	margin: 20px;
	line-height: 20px;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #888488;
}

#sample {
float:
height:
float: left;
display: block;
margin: 14px 10px 0 10px;
padding: 0 10px;
background: #40C1D4;
text-decoration: none;
letter-spacing: -1px;
font-size: 1.4em;
font-family:
color: #FFFFFF;
background: url(graphics/x.gif)no-repeat
                   }
                   
#topbox
 {
height: 250px;
width: 1010px;
border: 1px solid #B8B8B8;
background: url(graphics/banner.gif) no-repeat;  
  }  
#topbox1
 {
height: 120px;
width: 790px;
border: 1px solid #B8B8B8;
background: url(graphics/banner.gif) no-repeat;  
  }  
                    
#mainbody {
height: 2700px;
width: 805px; 
border: 1px solid #B8B8B8;
 } 

   
#heading1
{height: 5px;
width: 790px;
}  



#topboxspacing 
{height: 20px;
width: 790px;
background: url(graphics/img03.gif) repeat-x;
} 
#spacingtop 
{
float: right; 
height: 100px;
width: 176px;
} 
#leftbody 
{
float: left;
height: 1200px;
width: 180px;
}

#rightbody 
{
float: right; 
height: 2400px;
width: 600px; 
margin: 0px auto;
padding: 20px 10px 20px 20px;
 border: 1px solid #B8B8B8;
 } 
			
 													#DIRECTORY2{}
 													
 #mainbodydirectory2
 {
height: 5700px;
width: 1020px; 
padding: 10px 10px 10px 10px;
border: 1px solid #B8B8B8;
 }  
  #insidebodydirectory
{
float: right; 
height: 5690px; 
width: 820px; 
margin: 0px auto;
font; Arial;
size; 2.0pt;
padding: 0px 5px 5px 5px;
background: url(graphics/img03.gif) repeat-x;
border: 1px solid #B8B8B8;
 }  				
 #directorylist
{

height:100px;
width: 780px; 
margin: 0px auto;
font; Arial;
size; 2.0pt;
padding: 5px 10px 10px 5px;
background: url(graphics/img03.gif) repeat-x;
  }  
 
#listboxA
{
float: left; 
height:40px;
width: 370px; 
margin: 0px auto;
font; Arial;
size; 2.0pt;
padding: 20px 5px 10px 10px;
border: 1px solid #B8B8B8;
  }  
  
   		#listboxA1
				{
					float: left; 
					height: 15px;
					width: 160px; 
					margin: 0px auto;
					font; Arial;
					size; 2.0pt;
					padding: 20px 5px 10px 10px;
					border: 1px solid #B8B8B8;
  		  		}
  		  	#listboxA2	
  		  		 {
					float: right; 
					height: 15px;
					width: 160px; 
					margin: 0px auto;
					font; Arial;
					size; 2.0pt;
					padding: 20px 5px 10px 10px;
					border: 1px solid #B8B8B8;
  		  		} 
  
#listboxB
{
float: right; 
height: 40px;
width: 360px; 
margin: 0px auto;
font; Arial;
size; 2.0pt;
padding: 20px 5px 10px 10px;
border: 1px solid #B8B8B8;
  }  
  
  
  					#listboxB1
				{
					float: left; 
					height: 15px;
					width: 160px; 
					margin: 0px auto;
					font; Arial;
					size; 2.0pt;
					padding: 20px 5px 10px 10px;
					border: 1px solid #B8B8B8;
  		  		}
  		  	#listboxB2	
  		  		 {
					float: right; 
					height: 15px;
					width: 160px; 
					margin: 0px auto;
					font; Arial;
					size; 2.0pt;
					padding: 20px 5px 10px 10px;
					border: 1px solid #B8B8B8;
  		  		}    
 									
 
  #midspacingdirectory2
{

height: 20px;
width: 690px; 
background: url(graphics/ximg03.gif) repeat-x;
}

  
  #businesslist
{
height: 5500px;
width: 800px; 
margin: 0px auto;
font; Arial;
size; 2.0pt;
padding: 5px 10px 15px 10px;
  background: url(graphics/img03.gif) repeat-x;
border: 1px solid #B8B8B8;
 }   
#listboxC
{
float: left; 
height: 5090px;
width: 390px; 
margin: 0px auto;
font; Arial;
size; 2.0pt;
padding: 20px 5px 10px 10px;

  }  
  
              #listboxC1
					{
						float: left; 
						height: 5450px;
						width: 180px; 
						margin: 0px auto;
						font; Arial;
						size; 2.0pt;
						padding: 20px 5px 10px 10px;
						border: 1px solid #B8B8B8;
						background: url(graphics/img03.gif) repeat-x;
 					 }  
 					 
 					 #listboxC2
					{
						float: right; 
						height: 5450px;
						width: 170px; 
						margin: 0px auto;
						font; Arial;
						size; 2.0pt;
						padding: 20px 5px 10px 10px;
						border: 1px solid #B8B8B8;
 					 }  
 #listboxD
{
float: right; 
height: 5090px;
width: 370px; 
margin: 0px auto;
font; Arial;
size; 2.0pt;
padding: 20px 5px 10px 10px;

  }  
    					 #listboxD1
					{
						float: left; 
						height: 5450px;
						width: 170px; 
						margin: 0px auto;
						font; Arial;
						size; 2.0pt;
						padding: 20px 5px 10px 10px;
						border: 1px solid #B8B8B8;
 					 }  
 					 
 					 #listboxD2
					{
						float: right; 
						height: 5450px;
						width: 160px; 
						margin: 0px auto;
						font; Arial;
						size; 2.0pt;
						padding: 20px 5px 10px 10px;
						border: 1px solid #B8B8B8;
 					 }   
 
#regular
{
float: right;
height: 190px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#C8C4C8
padding: 20px 20px 40px 50px;
  background: url(graphics/regular.jpg) no-repeat;
border: 1px solid #B8B8B8;
 } 
 
#services
{
float: right;
height: 80px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#C8C4C8
padding: 20px 20px 10px 11px;
  background: url(graphics/public3.gif) no-repeat;
border: 1px solid #B8B8B8;
 }
#bantaybata
{
float: right;
height: 80px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#C8C4C8
background: url(graphics/img03.gif) repeat-x;
border: 1px solid #B8B8B8;
 }
 #117
{
float: right;
height: 100px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#C8C4C8
padding: 20px 20px 40px 50px;
background: url(graphics/dial117.bmp) repeat-x;
border: 1px solid #B8B8B8;
 }
#generics
{
float: right;
height: 120px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#C8C4C8
background: url(graphics/generic.jpg) no-repeat;
border: 1px solid #B8B8B8;
 } 

#sakit
{
float: right;
height: 260px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#C8C4C8
padding: 20px 20px 40px 50px;
  background: url(graphics/salamat.jpg) no-repeat;
border: 1px solid #B8B8B8;
 }
#kabuhayan
{
float: right;
height: 200px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#E0DCE0
padding: 20px 20px 40px 50px;
background: url(graphics/kabuhayan.jpg) no-repeat;
border: 1px solid #B8B8B8;
 } 
#publicservice
{
float: right;
height: 200px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#E0DCE0
padding: 20px 20px 40px 50px;
background: url(graphics/publicservice.jpg) no-repeat;
border: 1px solid #B8B8B8;
 }  
#sakit3
{
float: right;
height: 200px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#E0DCE0
background: url(graphics/img03.gif) repeat-x;
border: 1px solid #B8B8B8;
 }   
#superpinoy
{
float: right;
height: 200px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#E0DCE0
padding: 20px 20px 40px 50px;
background: url(graphics/superpinoy.jpg) repeat-x;
border: 1px solid #B8B8B8;
 }  
 #tindahan
{
float: right;
height: 350px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#E0DCE0
padding: 20px 20px 40px 50px;
background: url(graphics/tindahan.jpg) repeat-x;
border: 1px solid #B8B8B8;
 }   
  
#banks
{
float: right;
height: 300px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#E0DCE0
padding: 20px 20px 40px 50px;
background: url(graphics/blessus.jpg) repeat-x;
border: 1px solid #B8B8B8;
 } 
#banks2
{
float: right;
height: 300px;
width: 176px; 
font-size: 10pt ;
font-family: Arial;
font color:#E0DCE0
padding: 20px 20px 40px 50px;
 } 

    
#spacingreserved
{
float: right;
height: 100px;
width: 176px;
background: url(cc/x95c.jpg) no-repeat-x;
border: 1px solid #B8B8B8;
}   
#spacingmid
{
float: left;
height: 10px;
width: 15px;
background: url(graphics/img03.gif) repeat-x;
}  
#hanapbuhay
{
float: left;
height: 190px;
width: 160px; 
background: url(graphics/img03.gif) repeat-x;
border: 1px solid #B8B8B8;
 } 
 
#bodyleftspacing {
height: 10px;
width: 180px; 
background: url(graphics/img03.gif) repeat-x;
border: 2px solid #B8B8B8;
 } 
 #spacinghorizontal
{
float: right;
height: 790px;
width: 10px;
background: url(graphics/img03.gif) repeat-x;
}    

#termscondition
 {
height: 30px;
width: 920px; 
padding: 20px 20px 20px 20px;
 }