/*Antioch*/

 /*---------------image enlarge left column------------------*/ 
.lsthumbnail{
position: relative;
z-index: 0;
}

.lsthumbnail:hover{
background-color: transparent;
z-index: 50;
}

.lsthumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border:thin;
visibility: hidden;
color: black;
text-decoration: none;
}

.lsthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.lsthumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: 60px; /*position where enlarged image should offset horizontally */

}
/*---------------image enlarge right column------------------*/ 
.rsthumbnail{
position: relative;
z-index: 0;
}

.rsthumbnail:hover{
background-color: transparent;
z-index: 50;
}

.rsthumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border:thin;
visibility: hidden;
color: black;
text-decoration: none;
}

.rsthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.rsthumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: -600px; /*position where enlarged image should offset horizontally */

}

 /*hides pp extra btn*/
 div#blank {    
    background:#FFFFFF;
    width: 2500px;    
    }
/*--------------------box that contains coin pic plus info-------------------------------------------*/	
 div#coin_box_greek {
    border: 5px solid #000000;
    padding: 5px 5px;        /*text space from edge*/
    background: -webkit-linear-gradient(#FF8D00, #ae3a3a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF8D00, #ae3a3a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF8D00, #ae3a3a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF8D00, #ae3a3a); /* Standard syntax (must be last) */    width: 500px;
    border-radius: 25px;     /*rounding*/
    font-size: 15px;
    font-family:"Comic Sans MS";
    color:#FEFEF0;  
    }
	
	div#coin_box_roman {
    border: 5px solid #000000;
    padding: 5px 5px;        /*text space from edge*/
    background: -webkit-linear-gradient(#F9821B, #DD2626); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F9821B, #DD2626); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F9821B, #DD2626); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F9821B, #DD2626); /* Standard syntax (must be last) */
    width: 500px;
    border-radius: 25px;     /*rounding*/
    font-size: 15px;
    font-family:"Comic Sans MS";
    color:#FEFEF0; 
    }
	
	 div#coin_box_byz {
    border: 5px solid #000000;
    padding: 5px 5px;        /*text space from edge*/
    background: -webkit-linear-gradient(#FFD700, #5E2605); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFD700, #5E2605); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFD700, #5E2605); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFD700, #5E2605); /* Standard syntax (must be last) */    width: 500px;
    border-radius: 25px;     /*rounding*/
    font-size: 15px;
    font-family:"Comic Sans MS";
    color:#FEFEF0;  
    }
    
 div#coin_box_ie {
    border: 5px solid #000000;
    padding: 5px 5px;        /*text space from edge*/    
    background:#c3361d; /* Standard syntax (must be last) */    
	width: 500px;
    border-radius: 25px;     /*rounding*/
    font-size: 15px;
    font-family:"Comic Sans MS";
    color:#FEFEF0;  
    }
	
div#coin_box_byzie {
    border: 5px solid #000000;
    padding: 5px 5px;        /*text space from edge*/    
    background:#C77826; /* Standard syntax (must be last) */    width: 500px;
    border-radius: 25px;     /*rounding*/
    font-size: 15px;
    font-family:"Comic Sans MS";
    color:#FEFEF0;  
    }	
 /*--------------------box that contains page intro information, is plain white(h2)--------------*/
 div#coin_box_header {
    border: 0px solid #000000;
    padding: 0px 0px;        /*text space from edge*/    
    background:#FFFFFF; /* Standard syntax (must be last) */    width: 1050px;
    border-radius: 1px;     /*rounding*/
    font-size: 20px; 
    font-family:"Bookman Old Style";
    color:#000000;  
    }

/*-----------------belongs to coin_box_header----------------------------------------*/      
h2 {    
    position: absolute;
    left: 10%;
    top: 0%;    
    } 
/*-------------------all coin boxes in body--------------------------------------------*/     
.Blank {
    position: absolute;
    left: 0px;
    top: 50px;
    } 
	
.link {
	position: absolute;
	font-size: 35px;
    left: 650px;
    top: 16300px;    	
} 	

.Box1 {
    position: absolute;
    left: 150px;
    top: 250px;
    } 

.Box2 {
    position: absolute;
    left: 750px;
    top: 250px;    
} 

.Box3 {
    position: absolute;
    left: 150px;
    top: 800px;
} 

.Box4 {
    position: absolute;
    left: 750px;
    top: 800px;    
} 

.Box5 {
    position: absolute;
    left: 150px;
    top: 1350px;    
} 

.Box6 {
    position: absolute;
    left: 750px;
    top: 1350px;
    } 

.Box7 {
    position: absolute;
    left: 150px;
    top: 1900px;    
} 

.Box8 {
    position: absolute;
    left: 750px;
    top: 1900px;
} 

.Box9 {
    position: absolute;
    left: 150px;
    top: 2450px;
} 

.Box10 {
    position: absolute;
    left: 750px;
    top: 2450px;    
} 

.Box11 {
    position: absolute;
    left: 150px;
    top: 3000px;
} 

.Box12 {
    position: absolute;
    left: 750px;
    top: 3000px;    
} 

.Box13 {
    position: absolute;
    left: 150px;
    top: 3550px;    
} 

.Box14 {
    position: absolute;
    left: 750px;
    top: 3550px;
    } 

.Box15 {
    position: absolute;
    left: 150px;
    top: 4100px;    
} 

.Box16 {
    position: absolute;
    left: 750px;
    top: 4100px;
} 

.Box17 {
    position: absolute;
    left: 150px;
    top: 4650px;    
} 

.Box18 {
    position: absolute;
    left: 750px;
    top: 4650px;
} 

.Box19 {
    position: absolute;
    left: 150px;
    top: 5200px;    
} 

.Box20 {
    position: absolute;
    left: 750px;
    top: 5200px;    
} 

.Box21 {
    position: absolute;
    left: 150px;
    top: 5750px;
    } 

.Box22 {
    position: absolute;
    left: 750px;
    top: 5750px;    
} 

.Box23 {
    position: absolute;
    left: 150px;
    top: 6300px;
} 

.Box24 {
    position: absolute;
    left: 750px;
    top: 6300px;    
} 

.Box25 {
    position: absolute;
    left: 150px;
    top: 6850px;
    } 

.Box26 {
    position: absolute;
    left: 750px;
    top: 6850px;    
} 

.Box27 {
    position: absolute;
    left: 150px;
    top: 7400px;
} 

.Box28 {
    position: absolute;
    left: 750px;
    top: 7400px;    
} 

.Box29 {
    position: absolute;
    left: 150px;
    top: 7950px;
    } 

.Box30 {
    position: absolute;
    left: 750px;
    top: 7950px;    
} 

.Box31 {
    position: absolute;
    left: 150px;
    top: 8500px;
} 

.Box32 {
    position: absolute;
    left: 750px;
    top: 8500px;
} 

.Box33 {
    position: absolute;
    left: 150px;
    top: 9100px;    
} 

.Box34 {
    position: absolute;
    left: 750px;
    top: 9100px;
    } 

.Box35 {
    position: absolute;
    left: 150px;
    top: 9650px;    
} 

.Box36 {
    position: absolute;
    left: 750px;
    top: 9650px;
} 

.Box37 {
    position: absolute;
    left: 150px;
    top: 10200px;
} 

.Box38 {
    position: absolute;
    left: 750px;
    top: 10200px;    
} 

.Box39 {
    position: absolute;
    left: 150px;
    top: 10750px;
} 

.Box40 {
    position: absolute;
    left: 750px;
    top: 10750px;
} 

.Box41 {
    position: absolute;
    left: 150px;
    top: 11300px;
} 

.Box42 {
    position: absolute;
    left: 750px;
    top: 11300px;
} 

.Box43 {
    position: absolute;
    left: 150px;
    top: 11900px;
} 

.Box44 {
    position: absolute;
    left: 750px;
    top: 11900px;
} 

.Box45 {
    position: absolute;
    left: 150px;
    top: 12400px;
} 

.Box46 {
    position: absolute;
    left: 750px;
    top: 12400px;
} 

.Box47 {
    position: absolute;
    left: 150px;
    top: 12950px;
} 

.Box48 {
    position: absolute;
    left: 750px;
    top: 12950px;
} 

.Box49 {
    position: absolute;
    left: 150px;
    top: 13500px;
} 

.Box50 {
    position: absolute;
    left: 750px;
    top: 13500px;
} 

.Box51 {
    position: absolute;
    left: 150px;
    top: 14050px;
} 

.Box52 {
    position: absolute;
    left: 750px;
    top: 14050px;
} 

.Box53 {
    position: absolute;
    left: 150px;
    top: 14600px;
} 

.Box54 {
    position: absolute;
    left: 750px;
    top: 14600px;
} 

.Box55 {
    position: absolute;
    left: 150px;
    top: 15150px;
} 

.Box56 {
    position: absolute;
    left: 750px;
    top: 15150px;
} 

.Box57 {
    position: absolute;
    left: 150px;
    top: 15750px;
} 

.Box58 {
    position: absolute;
    left: 750px;
    top: 15750px;
} 

.Box59 {
    position: absolute;
    left: 150px;
    top: 16300px;
} 