<style type="text/css">

body {
background-color:#f2f8ed;
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:url(line3.jpg)repeat-x;
margin-top:55px;
margin-bottom:55px;
}


#home
{
margin-left:11px;
float:left;
width:132px;
height:55px;
text-decoration:none;
display:block;
background-image:url(home.jpg);
background-position:0px -55px;
}
#about
{
float:left;
width:146px;
height:55px;
text-decoration:none;
display:block;
background-image:url(about.jpg);
background-position:0px -55px;
}

#services
{
float:left;
width:135px;
height:55px;
text-decoration:none;
display:block;
background-image:url(services.jpg);
background-position:0px -55px;
}

#contact
{
float:left;
width:175px;
height:55px;
text-decoration:none;
display:block;
background-image:url(contact.jpg);
background-position:0px -55px;
}


#resources
{
float:left;
width:292px;
height:55px;
text-decoration:none;
display:block;
background-image:url(resources.jpg);
background-position:0px -55px;
}


#home:hover,#home:active  { background-position:0 0; }
#about:hover,#about:active  { background-position:0 0; }
#services:hover,#services:active  { background-position:0 0; }
#contact:hover,#contact:active  { background-position:0 0; }
#resources:hover,#resources:active  { background-position:0 0; }





div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}



#topbar{
margin:0 auto;
background:url(satorilogo.gif);
height:95px;
width:900px;
}


#bottombar{
margin:0 auto;
background:url(bottombar1.gif);
height:95px;
width:900px;
}


#container{
background-color:#FFFFFF;
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
width:900px;
height:905px;
text-align:center;
overflow:hidden;
}

.people{
margin-left:10px;
margin-top:20px;
margin-bottom:12px;
float:left;
}

.guiding{
margin-top:20px;
margin-left:10px;
margin-bottom:12px;
float:left;
}

#grayline{
background-color:#d4d4d4;
width:270px;
height:10px;
margin-left:11px;
float:left;
}

#grayline1{
background-color:#d4d4d4;
width:325px;
height:10px;
float:left;
}

#panel{
background-color:#f2f8ed;
margin-left:11px;
width:260px;
height:450px;
float:left;
text-align:left;
font-size:14px;
line-height:1.3em;
padding-left:10px;


}


#whiteline{
background-color:#FFFFFF;
width:265px;
height:10px;
float:left;
margin-left:10px;
margin-right:10px;
text-align:left;

}

.links{
margin-left:11px;
float:left;
margin-bottom:20px;
}

.maintext{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
float:left;
width:590px;
padding-left:15px;
line-height:1.3em;
}


.whoweare{
float:left;
margin-left:15px;
margin-top:15px;
padding-bottom:1px;
background-color:#d4d4d4;
line-height:1.75em;
}



#box{
width:900px;
height:60px;
float:left;
padding-bottom:20px;
margin-top:5px;
}

.floatleft{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.copyright{
font-size:12px;
line-height:7em;
}

#bottomtext {
    background-image:url(bottombar1.gif);
    background-repeat: no-repeat;
    height: 100px;
    width: 900px;
	margin:0 auto;
	font-size:14px;
	line-height:1.3em;
}



			.home a {
			background-image: url(home.jpg);
			display: block;
			margin-left:10px;
			height: 55px;
			width: 132px;
			float:left;
			}
		
			.home a:hover {
			background-image: url(home1.jpg);
			}
			
			.about a {
			background-image: url(about.jpg);
			display: block;
			height: 55px;
			width: 146px;
			float:left;
			}
		
			.about a:hover {
			background-image: url(about1.jpg);
			}
			
			
			.service a {
			background-image: url(services.jpg);
			display: block;
			height: 55px;
			width: 135px;
			float:left;
			}
		
			.service a:hover {
			background-image: url(services1.jpg);
			}
			
			
			.contact a {
			background-image: url(contact.jpg);
			display: block;
			height: 55px;
			width: 175px;
			float:left;
			}
		
			.contact a:hover {
			background-image: url(contact1.jpg);
			}
			
			
			.resource a {
			background-image: url(resources.jpg);
			display: block;
			height: 55px;
			width: 292px;
			float:left;
			}
		
			.resource a:hover {
			background-image: url(resources1.jpg);
			}






</style>
