body
{
background:#fff;
font-family: helvetica, arial, sans-serif;
padding:10px;
margin:0px;
border:0px;
}

.main
{
  width:780px;
  margin:0 auto;
  border:1px solid #555555;
}

.banner
{
  padding:0px;
  margin:0px;
  height:110px;
}

.banner img
{
  display:block;
}

.linkbar
{
  padding:4px;
  background: url(../images/lowerback.jpg);
  background-repeat:no-repeat;
}

.linkp
{
  padding:0px;
  margin:0px;
  font-weight: bold;
  text-decoration:none;
  color:#000000;
  text-align:center;
}

.linkp a
{
  padding:0px;
  margin:3px;
  font-weight: bold;
  text-decoration:none;
  color:#000000;
}

.bodyarea
{
  padding:10px;
  margin-left:5px;
  margin-right:5px;
  margin-top:3px;
  background: url(../images/effect.png);
  background-repeat:repeat;
  border:1px solid #888888;
}

.bodyarea p
{
padding:5px;
margin:5px; 
}

.smallp
{
padding:1px;
margin:0px; 
font-size:70%;
text-align:right;
}

h1, h2, .spanheader
{
 margin: 3px;
padding:3px;
font-size:150%;
font-weight:bold;
color:#457124; 
}

.rightimg
{
  float:right;
  padding:5px;
  margin:5px;
  background:#ffffff;
  border:1px solid #aaaaaa;
}

.pic

{
display:block;
margin:0 auto;
padding:5px;
}

#overlay
{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background:#000000;
  z-index:30;
}

#photoframe
{
  z-index:40;
  position:absolute;
  left:0px;
  top:10px;
  width:100%;
  height:100%;
}

#photoholder
{
  margin:0 auto;
  padding:10px;
  background:#eeeeee;
  width:48px;
  border-radius:5px;
  -moz-border-radius:5px;
}

#controls
{
  width:300px;
  height:24px;
  margin:0 auto;
  background:#eeeeee;
  margin-top:5px;
  padding:4px;
  border-radius:5px;
  -moz-border-radius:5px;
}

#controls a, #controls a img
{
  text-decoration:none;
  border:0px;
  margin:0px;
  padding:0px 2px;
}

#photo
{
  border:1px solid #000000;
}

#imgnumber
{
  font-weight:bold;
  padding:10px;
  color:#909090;
  position:relative;
  top:-4px;
  font-size:120%;
}