/* rounded corners with a drop shadow class *******************************/

.border1 {
   -moz-border-radius:12px;
   -webkit-border-radius:12px;
   border-radius:12px;
   -moz-box-shadow:0px 0px 12px #000000;
   -webkit-box-shadow:0px 0px 12px #000000;
   box-shadow:0px 0px 12px #000000;
   padding-top:12px;
   padding-bottom:12px;
   padding-left:12px;
   padding-right:12px;
}

/* antique paper background class *****************************************/

.paper {
   background-image:url('paper.jpg');
}

/* tabbed menu ids *******************************************************/

#menu {
   float:left;
   width:100%;
   font-size:93%;
   line-height:normal;
   border-bottom:1px solid #666;
}
#menu ul {
   margin:0;
   padding:10px 10px 0 50px;
   list-style:none;
}
#menu li {
   display:inline;
   margin:0;
   padding:0;
}
#menu a {
   float:left;
   background:url("http://www.panix.com/~clay/currency/tableftF.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#menu a span {
   float:left;
   display:block;
   background:url("http://www.panix.com/~clay/currency/tabrightF.gif") no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#666;
}

/* table styles ***********************************************************/

#glossary {
   font-family:Veranda, sans-serif;
   border-collapse:collapse;
}
   
#glossary td, #notes th {
   font-size:14px;
   border:1px solid #808080;
   padding:10px
}  
   
#glossary th {
   font-size:14px;
   text-align:left;
   border:1px solid #808080;
   padding:10px;
   background-color:#BED676;
   color:#ffffff;
}  

#notes {
   font-family:Veranda, sans-serif;
   border-collapse:collapse;
}

#notes td, #notes th {
   font-size:14px;
   border:1px solid #808080;
   padding:3px 7px 2px 7px;
}

#notes th {
   font-size:14px;
   text-align:left;
   border:1px solid #808080;
   padding-top:5px;
   padding-bottom:4px;
   background-color:#BED676;
   color:#ffffff;
}

#notes tr.alt td {
   color:#000000;
   border:1px solid #808080;
   background-color:#EAF2D3;
}

#notes caption {
   font-size:12px;
   font-weight:bold;
   color:#104A00;
   caption-side:top;
}

/* text styles ************************************************************/

h1 { 
   font-family: Veranda, sans-serif;
   color:000066;
   font-size:32px;
}
h2 { 
   font-family: Veranda, sans-serif;
   font-size:18px;
}
h3 { 
   font-family: Veranda, sans-serif;
   font-size:16px;
}
P { 
   font-family: Veranda, sans-serif; 
}
b { 
   font-family: Veranda, sans-serif; 
}
li { 
   font-family: Veranda, sans-serif; 
}
td { 
   font-family: Veranda, sans-serif; 
}
a:visited {
   font-family: Veranda, sans-serif;
   text-decoration: none;
   color: gray;
}
a:link {
   font-family: Veranda, sans-serif; 
   text-decoration: none; 
   color: red;
}

/* fractions **************************************************************/

.den {
   font-size: 75%;
}
.num {
   font-size: 75%; vertical-align:.5ex
}

/* testing ****************************************************************/
 
div.note-image {
  float: left;
  width: 75%;
  border: thin silver solid;
  margin: 0em;
  padding: 0.5em;
}

div.note-image p {
  text-align: center;
  font-size: smaller;
  text-indent: 0;
}

ul.da {
   list-style-type:none;
   margin-left:0;
   padding-left:1em;
   text-indent:-1em;
}

ul.da li:before {
   content: "\00BB \0020";
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightgray;
padding: 5px;
left: 100px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
