/*
 
*/


Body { background-color: #FFFFCC;
       color: #660099;
       font-family: Verdana, Arial, sans-serif;
}

.nav { text-align: center;
       padding: 15px;
 }


#footer { color: #000000;
          font-size: .60em;
          font-style: italic;
          text-align: center;
          padding-top: 20px;
          padding-bottom: 20px;
}

h1 { color: #FFFFCC;
     background-color: #660099;
     text-align: center;
     font-family: Lucida Calligraphy, sans-serif;
     font-size: 4em;
     align: center;
}

h2 { text-align: center;
     font-family: Lucida Calligraphy, sans-serif;
 }

h3 { color: #660099;
     background-color: #CCFFCC;
     padding: 5px;
     font-family: Lucida Calligraphy, sans-serif;
}

.content { padding-left: 5%;
           padding-right: 5%;
}

img { border:0 }

#leftcolumn { float: left;
              width: 100px;
              padding-top: 10px;
}

#rightcolumn { margin-left: 150px;
               padding: 10px;
}

table { border: 1px solid #9966CC;
        width: 75%;        
        margin: auto;
        border-collapse: collapse;
}

td { border: 1px solid #9966CC;
     valign: middle;
     padding: 5px; 
}

th { border: 1px solid #FFFFCC;
     background-color: #660099;
     color: #FFFFCC;
     vertical-align: middle;
     padding: 5px; 
     font-family: Lucida Calligraphy, sans-serif;
}

.altrow { color: #6600CC;
          background-color: #CCFFCC;
}

.button { width: 100px;
          padding: 3px 15px;
          color: #FFFFCC;
          background-color: #660099;
          font-family: Lucida Calligraphy, sans-serif;
          font-size: 18px;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
}

a.button:link { color: #FFFFCC;
                background-color: #660099;
}

a.butoon:visited { color: #CCFFCC;
                   background-color: #9966CC;
}

a.button:hover { color: #9966CC; 
                 background-color: #CCFFCC;
}