@media (min-width:320px) { }
body{background-image:url('images/orangebkgd3.jpg');font-family:Arial,Geneva,Verdana,sans-serif;font-size:medium;margin:0;padding:0;color:#333;line-height:150%;font-style:normal;font-weight:normal;}
#container{margin:auto;width:320px;padding:1px;background:#fef886;color:#333;border:1px solid #030;}
h1{color:green;}
h2{color:red;}
h3{color:green;text-align:center;}
h4{color:teal;text-align:center;}
p.c8{color:maroon;}
p.c7{color:teal;}
p.c6{color:blue;}
p.c3{color:red;}
p.c2{color:green;}
span.c9{color:blue;}
span.c4{background-color:yellow;}
span.c3{color:red;}
span.c2{color:gray;}
span.c1{color:purple;}
img.c1{float:right;border-style:solid;border-width:1px;margin:5px;width:auto}
img.c2{float:left;border-style:solid;border-width:1px;margin:5px;width:auto}
.style1{border:1px solid teal;background-color:yellow;text-align:center;width:29%;}
.style2{border:1px solid blue;background-color:#f1a629;text-align:center;width:29%;}
.style3{border:1px solid teal;background-color:yellow;text-align:center;width:20%;}
.style4{border:1px solid blue;background-color:#f1a629;text-align:center;width:20%;}
.style5{border:1px solid teal;background-color:yellow;text-align:center;width:90%;}
.style6{border:1px solid teal;background-color:yellow;text-align:center;width:45%;}
.style7{border:1px solid blue;background-color:#f1a629;text-align:center;width:45%;}
table.c1{width:100%;}