/*Trier*/

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

 /*--------------------box that contains coin pic plus info-------------------------------------------*/
 div#coin_box {
    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;  
    }	
	
	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; 
    }
	
 /*--------------------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: 25px;     /*rounding*/
    font-size: 20px; 
    font-family:"Bookman Old Style";
    color:#000000;  
    }

/*-----------------belongs to coin_box_header----------------------------------------*/      
h2 {    
    position: absolute;
    left: 5%;
    top: -1%;    
    } 
/*-------------------all coin boxes in body--------------------------------------------*/     
.Box1 {
    position: absolute;
    left: 50px;
    top: 300px;
    } 

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

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

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

.Box5 {
    position: absolute;
    left: 50px;
    top: 1400px;    
} 

.Box6 {
    position: absolute;
    left: 600px;
    top: 1400px;    
} 

.Box7 {
    position: absolute;
    left: 50px;
    top: 1950px;    
} 

.Box8 {
    position: absolute;
    left: 600px;
    top: 1950px;    
} 

/*Coins For Sale location*/
.CFS {
	position: absolute;
    left: 3%;
    top: 8%;    	
}

 /*-------------------------BODY-----------------------------------------------*/
 * html body{
  overflow:hidden;
 } 
 * html div#content {
  height:100%;
  overflow:auto;
 }
 
 body {
  margin:12%;
  padding:.5px 0 0 0;
  font-family:"Comic Sans MS";
 } 
 
 
 /*--------------------------links within top header left side-----------------------------------------*/
 /* unvisited link */
a.civs:link {
    font-size: 30px;
    font-family:"Comic Sans MS";
    text-decoration: none;
    color:#FEFEF0;
}

/* visited link */
a.civs:visited {
    color:#FEFEF0;
}

/* mouse over link */
a.civs:hover {
    color:#FEFEF0;
    font-size: 40px;
}
/*--------------------------links within top header right side-----------------------------------------*/
/* unvisited link */
a.link:link {
    font-size: 25px;
    font-family:"Comic Sans MS";
    text-decoration: none;
    color:#FFFFFF;
}
/* mouse over link */
a.link:hover {
    color:#FFFFFF;
    font-size: 40px;
}

/* visited link */
a.link:visited {
    color:#FFFFFF;
}
/*-------------------tree parent text property--------------*/
a.parent:link {
    font-size: 20px;
    font-family:Aharoni;
    text-decoration: none;
    color:#000000;
    font-weight:lighter;
}
/*-------------------tree child text property---------------*/
a.child:link {
    font-size: 25px;
    font-family:"Arabic Typesetting";
    text-decoration: none;
     color:#000000;
    font-weight:normal;
}