body {
background-color: white;
font-family: Arial, "Palatino Linotype", Courier, Verdana, sans-serif;
font-size: 11px;
color: #555555;
}

p {color:black}

a { font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold: color: #555555; text-decoration: none}

a:link {
  color: black; font-weight: bold; font-size: 12px; text-decoration: none}
a:visited {
  color: #636363; font-size: 12px; text-decoration: none}

a:hover { font-family: "Arial Black", Verdana, sans-serif; font-size: 16px; color: black; background-color: silver; text-decoration: underline}


h1 { font-family: Arial, Verdana, sans-serif; font-size: 28px; color: black }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: green }
h3 { font-family: Arial, Verdana, sans-serif; font-size: 16px; color: green }
h4 { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: black }
h5 { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: black }

hr { color:#555555; width:100%; height:1px; }

table {
font-family: Arial, Verdana, sans-serif;
border-radius: 6px;
font-size: 11px;
color: #555555;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 100%;
}

table.menu {
   width: auto;
   margin-right: 0px;
}

   img {
        border-radius: 6%;
        }


/* make round corners on divs */
      #round 
    { 
      border-radius: 6px; 
      background: rgb(215, 215, 215);
    }
  
 

table, tr, td { 
               border-radius: 6px;
               border: 0px solid Black;
               }

/* make the table a 100% wide by default */
table {
width: 80%;}


/* if the browser window is at least 3440px wide: */
@media only screen and (max-width: 3440px) {
  table {
  width: 10%;}
}


/* if the browser window is at least 3400px wide: */
@media only screen and (max-width: 3400px) {
  table {
  width: 10%;}
}


/* if the browser window is at least 3300px wide: */
@media only screen and (max-width: 3300px) {
  table {
  width: 15%;}
}


/* if the browser window is at least 2800px wide: */
@media only screen and (max-width: 2800px) {
  table {
  width: 20%;}
}

/* if the browser window is at least 2700px wide: */
@media only screen and (max-width: 27000px) {
  table {
  width: 35%;}
}


/* if the browser window is at least 2400px wide: */
@media only screen and (max-width: 24000px) {
  table {
  width: 70%;}
}


/* if the browser window is at least 1920px wide: */
@media only screen and (max-width: 1920px) {
  table {
  width: 80%;}
}


/* if the browser window is at least 1800px wide: */
@media only screen and (max-width: 1800px) {
  table {
  width: 75%;}
}


/* if the browser window is at least 1700px wide: */
@media only screen and (max-width: 1700px) {
  table {
  width: 80%;}
}


/* if the browser window is at least 1400px wide: */
@media only screen and (max-width: 1400px) {
  table {
  width: 85%;}
}


/* if the browser window is at least 1200px wide: */
@media only screen and (max-width: 1200px) {
  table {
  width: 90%;}
}


/* if the browser window is at least 800px wide: */
@media only screen and (max-width: 800px) {
  table {
  width: 98%;}
}



.note {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: purple;
font-weight: bold;
}

a:slink {
  color: black; font-weight: bold; font-size: 10px}

.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

.photo img {width: auto; border: none;}