#rotator
{
	border: 1px solid #000;
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
}

#rotator img
{
	border: 0;
	cursor: pointer;
}

p
{
	text-align: center;
}

 
div#container
{
   width: 904px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
body
{
   text-align: center;
   margin: 0;
}
 
 
#rotator
{
	border: 1px solid #A52A00;
	width: 125px;
	height: 125px;
}
 
#rotator img
{
	width: 125px;
	height: 125px;
}
 
<!--
function SwapImage()
{
   var doc=document, args=arguments;
   doc.$imgSwaps = new Array();
   for(var i=2; i<args.length; i+=2)
   {
      var elem=FindObject(args[i]);
      if(elem)
      {
         doc.$imgSwaps[doc.$imgSwaps.length]=elem;
         elem.$src=elem.src;
         elem.src=args[i+1];
      }
   }
}
// -->
</script> 
<style type="text/css"> 
a:active
{
   color: #0000FF;
}