/* pick hover colors to compliment body and text color */
a:hover      { color: #ffff00; background-color: #000000}
.body1         { font-family: Arial, Helvetica, sans-serif; 
               background-color:  #FFFFcc; color: #000000; margin: 0%; background-image: url("images/bground1.jpg") ; background-position: 0px 0px; background-attachment: fixed;}
               
.body2         { font-family: Arial, Helvetica, sans-serif; 
               background-color:  #FFFFcc; color: #000000; margin: 0%; background-image: url("images/bground2.jpg") ; background-position: 0px 0px; background-attachment: fixed;}               
               

.head1 {font-family: Arial, Helvetica, sans-serif;
font-size: 160%; margin: 2px 0px;}
.head1c { font-family: Arial, Helvetica, sans-serif;
font-size: 160%; margin: 2px 0px; text-align: center;}
.head2 { font-family: Arial, Helvetica, sans-serif; font-size: 130%; 
margin: 2px 0px;}
.head2c { font-family: Arial, Helvetica, sans-serif; 
font-size: 130%; margin: 2px 0px; text-align: center;}
.head3 { font-family: Arial, Helvetica, sans-serif; font-size: 110%;
margin:2px 0px;}
.head3c { font-family: Arial, Helvetica, sans-serif;font-size: 110%;
margin: 2px 0px; text-align: center;}

.classh   {font-family: Arial, Helvetica, sans-serif; font-size: 105%;
font-weight: bold; margin: 5px 25px 2px 25px}

.zero {font-family: Arial, Helvetica, sans-serif;  margin: 2px}
.one   {font-family: Arial, Helvetica, sans-serif;  margin: 2px 30px}
.two   {font-family: Arial, Helvetica, sans-serif;  margin: 2px 45px}
.three  {font-family: Arial, Helvetica, sans-serif;  margin: 2px 60px}

.zeros   {font-family: Arial, Helvetica, sans-serif; font-size: 90%;
 margin: 2px}
 .zerosb   {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 90%;
 margin: 2px}
.ones   {font-family: Arial, Helvetica, sans-serif; font-size: 90%;
  margin: 2px 30px}
.twos   {font-family: Arial, Helvetica, sans-serif; font-size: 90%;
  margin: 2px 45px}
.threes   {font-family: Arial, Helvetica, sans-serif; font-size: 90%;
  margin: 2px 60px}

.zerow   {font-family: Arial, Helvetica, sans-serif;
 margin: 2px; background-color:  #FFFFFF; color: #000000;}
.onew   {font-family: Arial, Helvetica, sans-serif;
  margin: 2px 30px; background-color:  #FFFFFF; color: #000000;}
.twow   {font-family: Arial, Helvetica, sans-serif;
  margin: 2px 45px; background-color:  #FFFFFF; color: #000000;}
.threew   {font-family: Arial, Helvetica, sans-serif;
  margin: 2px 60px; background-color:  #FFFFFF; color: #000000;}

.zerosw   {font-family: Arial, Helvetica, sans-serif; font-size: 90%;
 margin: 2px; background-color:  #FFFFFF; color: #000000;}
.onesw   {font-family: Arial, Helvetica, sans-serif; font-size: 90%;
  margin: 2px 30px; background-color:  #FFFFFF; color: #000000;}
.twosw   {font-family: Arial, Helvetica, sans-serif; font-size: 90%;
  margin: 2px 45px; background-color:  #FFFFFF; color: #000000;}
.threesw   {font-family: Arial, Helvetica, sans-serif; font-size: 90%;
  margin: 2px 60px; background-color:  #FFFFFF; color: #000000;}
.oneb   {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  margin: 2px 30px}
.grey {background-color: #999999; color: #000000; padding: 4px;}

.nav  { background-color: #FFFF00; color: #000000;  border-style: none; 
text-align: center; font-size: 80%; margin: 2px 0px ; padding: 2px; width: 100%}
.nav2  { background-color: #FFFFFF; color: #000000;  border-style: none; 
text-align: center; font-size: 80%; margin: 2px 100px; padding: 2px;}



.box1         {background-color: #ffffff; color: #000000;   margin: 4px 30px; border-width: 1px; border-color: #000000; 
              border-style: solid; width: auto; height: auto; padding: 4px}

.box2      {background-color: #ffffff; color: #000000;   margin: 4px 30px; border-width: 1px; border-color: #FFFFFF; 
              border-style: solid; width: auto; height:auto; padding: 4px}

.box3      {   margin: 4px 30px; border-width: 1px; 
              border-style: none; width: auto; height:auto; padding: 4px}