
body {
text-align: center;
min-width: 750px; }

div#nav {
font-family: Verdana, Helvetica, Arial, sans-serif;
padding-bottom: 1em;
color: #000000; }

a.button {
border: 1px rgb(0,0,0) solid;
color: #000000;
text-decoration: none;
padding-right: .2em;
padding-left: .2em;
 }

a.button:hover {
border: 1pt #ff0033 solid;
background-color: #ffffcc;
color: #ff0033; }


a.currentbutton {
border: 1px rgb(0,0,0) solid;
text-decoration: none;
color: #000000;
padding-right: .2em;
padding-left: .2em;
background-color: rgb(255,255,0); }

a.page {
border: 1pt rgb(0,0,0) solid;
text-decoration: none;
color: #000000;
padding-right: .2em;
padding-left: .2em; }

a.currentpage {
border: 1pt rgb(0,0,0) solid;
text-decoration: none;
color: #000000;
padding-right: .2em;
padding-left: .2em; 
background-color: rgb(255,255,0); }

a.page:hover {
border: 1pt #ff0033 solid;
background-color: #ffffcc;
color: #ff0033; }

a.audio {
border: 1pt rgb(0,0,0) solid;
text-decoration: none;
color: #000000;
padding-right: .2em;
padding-left: .2em; }

a.audio_on {
border: 1pt rgb(0,0,0) solid;
text-decoration: none;
color: #000000;
padding-right: .2em;
padding-left: .2em;
background-color: rgb(255,255,0);  }

a.audio:hover {
border: 1pt #ff0033 solid;
background-color: #ffffcc;
color: #ff0033;  }

a.audio_on:hover {
border: 1pt #ff0033 solid;
background-color: #ff0033;
 color: #ffffff;}

a.next{
text-decoration: none;
color: #000000; }

a.next:hover{
color: #ff0033; }

a.disable {
border: 1px #ffffff solid;
text-decoration: none;
padding-right: .2em;
padding-left: .2em;
color: #999999; }

p.info {
text-align: left;
line-height: 1.5em; }


#cards img{
border: 2px #999999 dashed;
margin: -3pt; }

 i m g .l e f t   { 
border: 1px #ffffff solid;
float:left;
margin-right: 1em; }

div#footer {
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
padding-top: 1em;
color: #666666;
font-size: .8em;
font-style: oblique;
}