/* Ascalon */

 /*---------------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: 140px;    
    }
/*--------------------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: 5%;
    top: 0%;    
    } 
/*-------------------all coin boxes in body--------------------------------------------*/     
.Blank {
    position: absolute;
    left: 0px;
    top: 50px;
    } 

.Box1 {
    position: absolute;
    left: 50px;
    top: 500px;
    } 

.Box2 {
    position: absolute;
    left: 600px;
    top: 500px;    
} 

.Box3 {
    position: absolute;
    left: 50px;
    top: 700px;
} 

.Box4 {
    position: absolute;
    left: 600px;
    top: 700px;    
}