body{
		margin: 0;
		background: #E8E8E8;
		font-weight: bold;
		color: #111;
		font-family:"Trebuchet MS",Helvetica,sans-serif;
		height: 100%;
    margin: 0%;
    padding: 0%;
	}
	
  div.pic{
	height: 300px;
	width: 300px;
	position: relativ;
	vertical-align: top;
	text-align: center;
	float: left;
  }

  a:link,a:active,a:visited,a:hover{
    color: #000000;
  }

  a:hover{
    color: #FC0;
  }
     .nav
    {
     width: 247px;
     height: 171px;
     position: relative;
     margin: 20px auto;
    }
    .nav .top
    {
     width: 247px;
     height: 20px;
     background-image: url(images/navpic/top.png);
    }
    .nav .topLeft
    {
     float: left;
     width: 57px;
     height: 30px;
     background-image: url(images/navpic/topleft.png);     
    }
    .nav .overview
    {
     float: left;
     display: block;
     width: 113px;
     height: 30px;
     background-image: url(images/navpic/over.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    .nav .topRight
    {
     float: left;
     width: 77px;
     height: 30px;
     background-image: url(images/navpic/topright.png);     
    }
    .nav .left
    {
     float: left;
     width: 33px;
     height: 111px;
     background-image: url(images/navpic/left.png);     
    }
    .nav .right
    {
     float: left;
     width: 46px;
     height: 111px;
     background-image: url(images/navover/right.png);     
    }
    .nav .center
    {
     float: left;
     width: 168px;
     height: 111px;
    }
    .nav .prev
    {     
     float: left;
     display: block;
     width: 56px;
     height: 49px;
     background-image: url(images/navpic/prev.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    
        .nav .prevoff
    {     
     float: left;
     display: block;
     width: 56px;
     height: 49px;
     background-image: url(images/navpic/prevoff.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    .nav .random
    {     
     float: left;
     display: block;
     width: 48px;
     height: 49px;
     background-image: url(images/navpic/random.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    .nav .next
    {     
     float: left;
     display: block;
     width: 64px;
     height: 49px;
     background-image: url(images/navpic/next.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    
        .nav .nextoff
    {     
     float: left;
     display: block;
     width: 64px;
     height: 49px;
     background-image: url(images/navpic/nextoff.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    
        .nav .upload
    {
     float: left;
     display: block;
     width: 168px;
     height: 37px;
     background-image: url(images/navpic/upload.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    
    .nav .center .bottom
    {     
     clear: both;
     display: block;
     width: 168px;
     height: 25px;
     background-image: url(images/navpic/bottom.png);      
    }
    
    .body
    {
     position: relative;
     margin: 20px auto;
    }
    
    
    /* AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */
    
     .over
    {
     width: 247px;
     height: 171px;
     position: relative;
     margin: 20px auto;
    }
    .over .top
    {
     width: 247px;
     height: 20px;
     background-image: url(images/navover/top.png);
    }
    .over .topLeft
    {
     float: left;
     width: 57px;
     height: 39px;
     background-image: url(images/navover/topleft.png);     
    }
    .over .overview
    {
     float: left;
     display: block;
     width: 113px;
     height: 39px;
     background-image: url(images/navover/over.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    .over .topRight
    {
     float: left;
     width: 77px;
     height: 39px;
     background-image: url(images/navover/topright.png);     
    }
    .over .left
    {
     float: left;
     width: 33px;
     height: 111px;
     background-image: url(images/navover/left.png);     
    }
    .over .right
    {
     float: left;
     width: 46px;
     height: 111px;
     background-image: url(images/navover/right.png);     
    }
    .over .center
    {
     float: left;
     width: 168px;
     height: 111px;
    }
    .over .prev
    {     
     float: left;
     display: block;
     width: 56px;
     height: 49px;
     background-image: url(images/navover/prev.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    
        .over .prevoff
    {     
     float: left;
     display: block;
     width: 56px;
     height: 49px;
     background-image: url(images/navover/prevoff.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    .over .random
    {     
     float: left;
     display: block;
     width: 48px;
     height: 49px;
     background-image: url(images/navover/random.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    .over .next
    {     
     float: left;
     display: block;
     width: 64px;
     height: 49px;
     background-image: url(images/navover/next.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    
        .over .nextoff
    {     
     float: left;
     display: block;
     width: 64px;
     height: 49px;
     background-image: url(images/navover/nextoff.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    
        .over .upload
    {
     float: left;
     display: block;
     width: 168px;
     height: 37px;
     background-image: url(images/navover/upload.png);     
     /* Hide text */
     text-indent: -200px;
     overflow: hidden;   
    }
    
    .over .center .bottom
    {     
     clear: both;
     display: block;
     width: 168px;
     height: 25px;
     background-image: url(images/navover/bottom.png);      
    }