body {
background: #EEE;
color: #000;
font-weight: bold;
font-family: "Times New Roman", Garamond, Verdana
}
a:link {
background: #EEE; color: #0000D0
}
a:active {
background: #EEE; color: #986800
}
a:visited {
background: #EEE; color: #505050
}
.ac {
text-align:center
}
.ar {
text-align: right;
}
.data {
margin-left: 10%;
font-weight: bold
}
.f2 {
background: #EEE;
font-size: 120%;
font-weight: bold; 
color: #A33; 
}
.f3 {
background: #EEE;
font-size: 230%;
font-weight: bold; 
color: #069; 
text-decoration: overline underline;
}
.f4 {
font-size: 80%;
}
.f5 {
font-size: 120%;
}
.f6 {
background: #EEE;
font-size: 100%;
font-weight: bold; 
color: #A33; 
}
.f7 {
font-size: 100%;
font-weight: bold; 
text-decoration: underline
}
.f8 {
font-size: 100%;
font-family: Verdana, Arial, Helvetica;
font-weight: bold 
}
.f9 {
background: transparent;
font-size: 100%;
font-weight: bold; 
color: #505050; 
text-decoration: underline
}
.f10 {
font-size: 200%;
}

.fl {
float: left;
}
.footer {
background: #EEE;
font-weight: normal;
font-size: 75%;
color: #C33; 
font-family: 'Trebuchet MS', Arial, sans-serif
}
.footer a:link {
background: #EEE; color: #0000D0
}
.footer a:active {
background: #EEE; color: #986800
}
.footer a:visited {
background: #EEE; color: #505050
}
.fr {
float: right;
}
h1 {
background: #EEE;
PADDING: 1% 0% 1% 0%;
font-size: 300%;
color: #00E;
font-family: "Times New Roman", Garamond, Verdana;
}
h2 {
background: #EEE;
PADDING: 1% 0% 2% 0%;
font-size: 200%;
color: #A33
}
h3 {
background: #EEE;
font-size: 120%;
color: #600;
text-decoration: underline
}
h4 {
background: #EEE;
font-size: 130%;
color: #600;
text-decoration: underline;
font: bold 100% "Times New Roman", Garamond, Verdana;
}
h1, h2, h3 {
text-align: center;
font-weight: bold
}
input.greyed {
background: #EEE repeat scroll;
color: #000;
font: bold 100% "Times New Roman", Garamond, Verdana
}
img.blue { 
 border: 2px solid #00E; 
}
.pac {
text-align: center;
padding: 1%
}
.par {
text-align: right;
padding: 1%
}
table {
  background-color:#EEE;
  width:100%;
  border-collapse:collapse;
}
table.blue {
  background-color:#EEE;
  border:2px solid #00E;
  padding:15px;
}
table.raised {
  table-layout: fixed;
  background-color:#FFF;
  border: 5px ridge #DDD;
  padding:4px;
}
table.shopping {
  table-layout: fixed;
  background-color:#FFF;
  border: 5px ridge #DDD;
  padding:4px;
}
table.shoppingnarrow {
  margin-left: 20%;
  width: 60%;
  table-layout: fixed;
  text-align: center;
  background-color:#FFF;
  border: 5px ridge #DDD;
  padding:4px;
}
td.blue {
  border: 2px solid #00E;
  text-align: center;
  padding:4px;
}
td.blueblue {
  background-color:#CCF;
  border: 2px solid #00E;
  text-align: center;
  padding:4px;
}
td.bluepink {
  background-color:#FCC;
  border: 2px solid #00E;
  text-align: center;
  padding:4px;
}
td.raised {
  background-color:#EEE;
  border: 5px ridge #FFF;
  text-align: center;
  padding:4px;
}
td.shoppingheading {
  background-color:#FC6;
  border: 3px ridge #DDD;
  font-weight: bold;
  text-align: center;
  padding: 4px;
}
td.shoppingheadinglarge {
  width: 15%;
  background-color:#FC6;
  border: 3px ridge #DDD;
  font-weight: bold;
  text-align: center;
  padding: 4px;
}
td.shoppingheadingmedium {
  width: 10%;
  background-color:#FC6;
  border: 3px ridge #DDD;
  font-weight: bold;
  text-align: center;
  padding: 4px;
}
td.shoppingheadingnarrow {
  width: 7%;
  background-color:#FC6;
  border: 3px ridge #DDD;
  font-weight: bold;
  text-align: center;
  padding: 4px;
}
td.shoppingheadingextralarge {
  width: 20%;
  background-color:#FC6;
  border: 3px ridge #DDD;
  font-weight: bold;
  text-align: center;
  padding: 4px;
}td.shoppingrows {
  background-color:#EEE;
  border: 3px ridge #DDD;
  font-weight: bold;
  text-align: center;
  padding: 0px;
}
  td.shoppingtotalrows {
  background-color:#EEE;
  border: 3px ridge #DDD;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}