/*Constantinople*/

 /*---------------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;
    } 

.Box1 {
    position: absolute;
    left: 150px;
    top: 250px;
    } 

.Box2 {
    position: absolute;
    left: 750px;
    top: 250px;    
} 

.Box3 {
    position: absolute;
    left: 150px;
    top: 750px;
} 

.Box4 {
    position: absolute;
    left: 750px;
    top: 750px;    
} 

.Box5 {
    position: absolute;
    left: 150px;
    top: 1275px;    
} 

.Box6 {
    position: absolute;
    left: 750px;
    top: 1275px;    
} 

.Box7 {
    position: absolute;
    left: 150px;
    top: 1775px;    
} 

.Box8 {
    position: absolute;
    left: 750px;
    top: 1775px;    
} 

.Box9 {
    position: absolute;
    left: 150px;
    top: 2275px;    
} 

.Box10 {
    position: absolute;
    left: 750px;
    top: 2275px;    
} 

.Box11 {
    position: absolute;
    left: 150px;
    top: 2775px;    
} 

.Box12 {
    position: absolute;
    left: 750px;
    top: 2775px;    
}

.Box13 {
    position: absolute;
    left: 150px;
    top: 3275px;    
}

.Box14 {
    position: absolute;
    left: 750px;
    top: 3275px;    
}

.Box15 {
    position: absolute;
    left: 150px;
    top: 3775px;    
}

.Box16 {
    position: absolute;
    left: 750px;
    top: 3775px;    
}

.Box17 {
    position: absolute;
    left: 150px;
    top: 4275px;    
}

.Box18 {
    position: absolute;
    left: 750px;
    top: 4275px;    
}

.Box19 {
    position: absolute;
    left: 150px;
    top: 4825px;    
}

.Box20 {
    position: absolute;
    left: 750px;
    top: 4825px;    
}

.Box21 {
    position: absolute;
    left: 150px;
    top: 5375px;    
}

.Box22 {
    position: absolute;
    left: 750px;
    top: 5375px;    
}

.Box23 {
    position: absolute;
    left: 150px;
    top: 5900px;    
}

.Box24 {
    position: absolute;
    left: 750px;
    top: 5900px;    
}

.Box25 {
    position: absolute;
    left: 150px;
    top: 6500px;    
}

.Box26 {
    position: absolute;
    left: 750px;
    top: 6500px;    
}

.Box27 {
    position: absolute;
    left: 150px;
    top: 7000px;    
}

.Box28 {
    position: absolute;
    left: 750px;
    top: 7000px;    
}

.Box29 {
    position: absolute;
    left: 150px;
    top: 7500px;    
}

.Box30 {
    position: absolute;
    left: 750px;
    top: 7500px;    
}

.Box31 {
    position: absolute;
    left: 150px;
    top: 8050px;    
}

.Box32 {
    position: absolute;
    left: 750px;
    top: 8050px;    
}

.Box33 {
    position: absolute;
    left: 150px;
    top: 8600px;    
}

.Box34 {
    position: absolute;
    left: 750px;
    top: 8600px;    
}

.Box35 {
    position: absolute;
    left: 150px;
    top: 9150px;    
}

.Box36 {
    position: absolute;
    left: 750px;
    top: 9150px;    
}

.Box37 {
    position: absolute;
    left: 150px;
    top: 9700px;    
}

.Box38 {
    position: absolute;
    left: 750px;
    top: 9700px;    
}

.Box39 {
    position: absolute;
    left: 150px;
    top: 10250px;    
}

.Box40 {
    position: absolute;
    left: 750px;
    top: 10250px;    
}

.Box41 {
    position: absolute;
    left: 150px;
    top: 10800px;    
}

.Box42 {
    position: absolute;
    left: 750px;
    top: 10800px;    
}

.Box43 {
    position: absolute;
    left: 150px;
    top: 11350px;    
}

.Box44 {
    position: absolute;
    left: 750px;
    top: 11350px;    
}

.Box45 {
    position: absolute;
    left: 150px;
    top: 11900px;    
}

.Box46 {
    position: absolute;
    left: 750px;
    top: 11900px;    
}

.Box47 {
    position: absolute;
    left: 150px;
    top: 12450px;    
}

.Box48 {
    position: absolute;
    left: 750px;
    top: 12450px;    
}

.Box49 {
    position: absolute;
    left: 150px;
    top: 13000px;    
}

.Box50 {
    position: absolute;
    left: 750px;
    top: 13000px;    
}

.Box51 {
    position: absolute;
    left: 150px;
    top: 13500px;    
}

.Box52 {
    position: absolute;
    left: 750px;
    top: 13500px;    
}

.Box53 {
    position: absolute;
    left: 150px;
    top: 14000px;    
}

.Box54 {
    position: absolute;
    left: 750px;
    top: 14000px;    
}

.Box55 {
    position: absolute;
    left: 150px;
    top: 14550px;    
}

.Box56 {
    position: absolute;
    left: 750px;
    top: 14550px;    
}

.Box57 {
    position: absolute;
    left: 150px;
    top: 15100px;    
}

.Box58 {
    position: absolute;
    left: 750px;
    top: 15100px;    
}

.Box59 {
    position: absolute;
    left: 150px;
    top: 15650px;    
}

.Box60 {
    position: absolute;
    left: 750px;
    top: 15650px;    
}

.Box61 {
    position: absolute;
    left: 150px;
    top: 16200px;    
}

.Box62 {
    position: absolute;
    left: 750px;
    top: 16200px;    
}

.Box63 {
    position: absolute;
    left: 150px;
    top: 16750px;    
}

.Box64 {
    position: absolute;
    left: 750px;
    top: 16750px;    
}

.Box65 {
    position: absolute;
    left: 150px;
    top: 17300px;    
}

.Box66 {
    position: absolute;
    left: 750px;
    top: 17300px;    
}

.Box67 {
    position: absolute;
    left: 150px;
    top: 17850px;    
}

.Box68 {
    position: absolute;
    left: 750px;
    top: 17850px;    
}

.Box69 {
    position: absolute;
    left: 150px;
    top: 18400px;    
}

.Box70 {
    position: absolute;
    left: 750px;
    top: 18400px;    
}

.Box71 {
    position: absolute;
    left: 150px;
    top: 18950px;    
}

.Box72 {
    position: absolute;
    left: 750px;
    top: 18950px;    
}

.Box73 {
    position: absolute;
    left: 150px;
    top: 19500px;    
}

.Box74 {
    position: absolute;
    left: 750px;
    top: 19500px;    
}

.Box75 {
    position: absolute;
    left: 150px;
    top: 20050px;    
}

.Box76 {
    position: absolute;
    left: 750px;
    top: 20050px;    
}

.Box77 {
    position: absolute;
    left: 150px;
    top: 20600px;    
}

.Box78 {
    position: absolute;
    left: 750px;
    top: 20600px;    
}

.Box79 {
    position: absolute;
    left: 150px;
    top: 21150px;    
}

.Box80 {
    position: absolute;
    left: 750px;
    top: 21150px;    
}

.Box81 {
    position: absolute;
    left: 150px;
    top: 21700px;    
}

.Box82 {
    position: absolute;
    left: 750px;
    top: 21700px;    
}

.Box83 {
    position: absolute;
    left: 150px;
    top: 22250px;    
}

.Box84 {
    position: absolute;
    left: 750px;
    top: 22250px;    
}

.Box85 {
    position: absolute;
    left: 150px;
    top: 22800px;    
}

.Box86 {
    position: absolute;
    left: 750px;
    top: 22800px;    
}

.Box87 {
    position: absolute;
    left: 150px;
    top: 23350px;    
}

.Box88 {
    position: absolute;
    left: 750px;
    top: 23350px;    
}

.Box89 {
    position: absolute;
    left: 150px;
    top: 23900px;    
}

.Box90 {
    position: absolute;
    left: 750px;
    top: 23900px;    
}

.Box91 {
    position: absolute;
    left: 150px;
    top: 24450px;    
}

.Box92 {
    position: absolute;
    left: 750px;
    top: 24450px;    
}

.Box93 {
    position: absolute;
    left: 150px;
    top: 25000px;    
}

.Box94 {
    position: absolute;
    left: 750px;
    top: 25000px;    
}

.Box95 {
    position: absolute;
    left: 150px;
    top: 25550px;    
}

.Box96 {
    position: absolute;
    left: 750px;
    top: 25550px;    
}

.Box97 {
    position: absolute;
    left: 150px;
    top: 26100px;    
}

.Box98 {
    position: absolute;
    left: 750px;
    top: 26100px;    
}

.Box99 {
    position: absolute;
    left: 150px;
    top: 26650px;    
}

.Box100 {
    position: absolute;
    left: 750px;
    top: 26650px;    
}

.Box101 {
    position: absolute;
    left: 150px;
    top: 27200px;    
}

.Box102 {
    position: absolute;
    left: 750px;
    top: 27200px;    
}

.Box103 {
    position: absolute;
    left: 150px;
    top: 27750px;    
}

.Box104 {
    position: absolute;
    left: 750px;
    top: 27750px;    
}

.Box105 {
    position: absolute;
    left: 150px;
    top: 28250px;    
}

.Box106 {
    position: absolute;
    left: 750px;
    top: 28250px;    
}

.Box107 {
    position: absolute;
    left: 150px;
    top: 28800px;    
}

.Box108 {
    position: absolute;
    left: 750px;
    top: 28800px;    
}

.Box109 {
    position: absolute;
    left: 150px;
    top: 29350px;    
}

.Box110 {
    position: absolute;
    left: 750px;
    top: 29350px;    
}

.Box111 {
    position: absolute;
    left: 150px;
    top: 29900px;    
}

.Box112 {
    position: absolute;
    left: 750px;
    top: 29900px;    
}

.Box113{
    position: absolute;
    left: 150px;
    top: 30450px;    
}
 
.Box114{
    position: absolute;
    left: 750px;
    top: 30450px;    
} 

.Box115{
    position: absolute;
    left: 150px;
    top: 31000px;    
}
 
.Box116{
    position: absolute;
    left: 750px;
    top: 31000px;    
} 

.Box117{
    position: absolute;
    left: 150px;
    top: 31550px;    
}
 
.Box118{
    position: absolute;
    left: 750px;
    top: 31550px;    
} 

.Box119{
    position: absolute;
    left: 150px;
    top: 32100px;    
}
 
.Box120{
    position: absolute;
    left: 750px;
    top: 32100px;    
} 

.Box121{
    position: absolute;
    left: 150px;
    top: 32650px;    
}

.Box122{
    position: absolute;
    left: 750px;
    top: 32650px;    
} 

.Box123{
    position: absolute;
    left: 150px;
    top: 33300px;    
}