body {
			margin: 20px 0 0 ;
			padding: 0;
			border: 0;
			background: white;
			font: normal 100%/1.4em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;	color:#666666;
			text-align: center; /* Center on IE5 PC */
		}
		
p {
		font-size:76%;}
		
		.boxbody p {
		font-size:76%;}
		.boxbody a {color:gray}
		
		.boxbody a:hover {color:blue}	
			
		h1 { color: #777; font-size:1.8em; }
		h2 { color: #888; font-size:1.4em; }
		.exp { width:30em; margin:10px auto; }
		hr { width:35em; margin: 10px auto;}
		
		
		
		/* Show only to IE PC \*/
		* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
 
		.sidebox {
			margin: 0 20%; /* center for now */
	/*	width: 17em; /* ems so it will grow */
			background: url(/css/images/sbbody-r.gif) no-repeat bottom right;
			font-size: 100%;
		}
		.boxhead {
			background: url(/css/images/sbhead-r.gif) no-repeat top right;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.boxhead h2 {
			background: url(/css/images/sbhead-l.gif) no-repeat top left;
			margin: 0;
			padding: 20px 30px 5px;
			color: white; 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
			text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
		}
		.boxbody {
			background: url(/css/images/sbbody-l.gif) no-repeat bottom left;
			margin: 0;
			padding: 5px 30px 31px;
		}
		.widthlessbox {
			margin: 0 25%; /* NO WIDTH! Opens up a world of possibilities! */
			background: url(/css/images/sbbody-r.gif) no-repeat bottom right;
			font-size: 100%;
		}


#slider {
padding: 0; 
margin:0 auto 3em auto; 
list-style-type:none; 
overflow:hidden; 
width:715px; 
height:300px; 
border:0px solid #888; 
background:url(/images/main2.png)
}
#slider li {
float:left;
}
#slider li a {
display:block; 
height:300px;
width:20px; 
float:left; 
text-decoration:none; 
cursor: pointer;
}
#slider li a img {
width:45px; 
height:300px; 
border:0;
}
#slider li a:hover {
/*background:#eee; */
width:400px;
}
#slider li a:hover img {
width:400px;
}