body      {background-color: #0099ff}
a:link    {color: #0000ff }
a:visited {color: #0000ff }
a:active  {color: #0000ff }
p {font-family:sans-serif; font-size:18px;}

div.gal {
  position:relative;
  width:400px;
  height:300px;
}
div.scwin {
  position:absolute; 
  left:0px; 
  top:0px; 
  width:22000px; 
  clip: rect(0px 400px 300px 0px); 
  background-color: #0099ff;
}
div.scrim1{ position:relative; width:400px; float:left; text-align:center; color: #ffffff; font-family: sans-serif; font-weight: bolder;}
img.scrim1img{ position:relative; width:400px;}
div.scyear1{ position:relative; width:400px; float:left; text-align:center; color: #ffffff; font-family: sans-serif; font-weight: bolder;}
img.scyear1img{ position:relative; width:400px;}
div.scyear2{ position:relative; width:400px; float:left; text-align:center; color: #ffffff; font-family: sans-serif; font-weight: bolder;}
img.scyear2img{ position:relative; width:400px;}
div.scyear3{ position:relative; width:400px; float:left; text-align:center; color: #ffffff; font-family: sans-serif; font-weight: bolder;}
img.scyear3img{ position:relative; width:400px;}
div.scyear4{ position:relative; width:400px; float:left; text-align:center; color: #ffffff; font-family: sans-serif; font-weight: bolder;}
img.scyear4img{ position:relative; width:400px;}
div.scyear5{ position:relative; width:400px; float:left; text-align:center; color: #ffffff; font-family: sans-serif; font-weight: bolder;}
img.scyear5img{ position:relative; width:400px;}