#wrapper {width: "device-width"; max-width: 800px; margin: 0 auto; overflow: hidden;}

body {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 15pt; line-height: 150%; color:#000000} 

table, th, td body {font-family: arial,helvetica; font-size: 14pt; color:#000000} 

div.smalltext {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 12pt; line-height: 140%; color:#000000} 

div.space {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 14pt; line-height: 140%; color:#000000} 

div.linktext {font-family: arial,helvetica; text-align: center; font-size: 14pt; line-height: 200%; color:#000080}

div.border {border: 1px black; padding: 5px; margin: 5px; font-family: arial,helvetica; font-size: 14pt; line-height: 140%; color:#000000}

img.mug {width:20%; height:auto; float:left; margin-right:0.5em; border-style:solid; border-width:1px}

h1 {font-family: arial,helvetica; font-size: 30px; text-align: center; color:#000080}

h2 {font-family: arial,helvetica; font-size: 30px; line-height: 150%; color:#000080}

h3 {font-family: arial,helvetica; font-size: 24px; color:#000080}

h4 {font-family: verdana,arial,helvetica; font-size: 20px; color:#000080}

h5 {font-family: verdana,arial,helvetica; font-size: 12pt; color:#000080}

p.backhead {font-family: verdana,arial,helvetica; font-size: 20px; color:black}

@media only screen and (min-device-width: 200px) and (max-device-width: 400px) {#wrapper {width: 325px; margin: 0 auto; overflow: hidden;}

@media only screen and (min-device-width: 400px) and (max-device-width: 600px) {#wrapper {width: 500px; margin: 0 auto; overflow: hidden;}

@media only screen and (min-device-width: 600px) and (max-device-width: 700px) {#wrapper {width: 650px; margin: 0 auto; overflow: hidden;}