#mainpic{ 
 float: left;
 left: 10px;
 display:inline; 
 position: relative; 
 width:510px;
 height: 500px;
 }
 
.displaypic{
border:2px;
border-style: solid;
border-color: #9CB9F3;}

div.galleryheader{
background: url("/images/graphics/bar-section.png")repeat-x;
background-color: #9CB9F3; 
min-height: 22px;
text-align: center;
font-weight: bold;
width:505px;
padding-top:2px;
margin-bottom: 10px;
color:#000033;
displat:inline;
float:left;
}

div.thumbheader{
background: url("/images/graphics/bar-section.png")repeat-x;
background-color: #9CB9F3; 
min-height: 22px;
text-align: center;
font-weight: bold;
width:230px;
padding-top:2px;
margin-bottom: 10px;
color:#000033;
}


#thumbs{
 float: left; 
 display:inline; 
 position: relative; 
 width:240px;
 left: 30px;
 height: 380px;
 }

.normal{border:2px;
border-style: solid;
border-color: #9CB9F3;
display:inline;
float: left;
position: relative;
margin-right: 5px;
margin-bottom: 5px;}

.current{
border:2px;
border-style: solid;
border-color: #ff0000;
display:inline;
float: left;
position: relative;
margin-right: 5px;
margin-bottom: 5px;
}
.normal:hover{border-color: #000033;}

#nextpic
{
  position: relative;
  float: left;
  left: 10px;
  width: 32px;
  height: 32px;
  background: url("../images/graphics/nextbtn.png") no-repeat 0 0;
  background-position: 0 0px;

}

#nextpic:hover
{ 
  background-position: 0 -32px;
}

#nextpic:active
{ 
  background-position: 0 -64px;
}

#nextpic span
{
  display: none;
}
 #prevpic
{
  position: relative;
  float: left;
  left: 10px;
  width: 32px;
  height: 32px;
  background: url("../images/graphics/prevbtn.png") no-repeat 0 0;
  background-position: 0 0px;

}

#prevpic:hover
{ 
  background-position: 0 -32px;
}
#prevpic:active
{ 
  background-position: 0 -64px;
}

#prevpic span
{
  display: none;
}
#picnav{
 float: left; 
 display:inline; 
 position: relative; 
 width:300px;
 margin-top :10px;
 margin-left: 100px;
 height :40px;}

#navbtn {
display: inline;
float:left;
position: relative;
width: 32px;
margin-left: 5px;
margin-right: 5px;}

#galleryindexbtn{
float:left;
width: 160px;
display:inline;
position: relative;
  left: 10px;
  width: 160px;
  height: 32px;
  background: url("../images/galleryindex.png") no-repeat 0 0;
  background-position: 0 0px;
}

#galleryindexbtn span
{
  display: none;
}

#galleryindexbtn:hover
{ 
  background-position: 0 -32px;
}

#navbtn img 
{
  position: relative;
  float: left;
  left: 10px;
  width: 32px;
  height: 32px;
}