body  {background-color: #99CC99; margin-left: 8%; margin-right: 8%}

.plain          {font-style: normal}
.caption        {text-align: center; color: #225555; font-size: 95%; font-style: italic;
                font-family: Optima, Arial, sanserif}
.italic         {font-style: italic}
.center         {text-align: center}
.right          {text-align: right}
.bigger         {font-size: 110%; text-align: center}
.bigcenter      {text-align: center; color: #225555; font-size: 170%;
                font-family: Optima, Arial, sanserif; font-weight: bold}
.justwhite      {color: white}
.white          {text-align: center; color: white}
.smallwhiteleft {text-align: left; color: white; font-size: 95%; font-style: italic;
                font-family: Optdeeima, Arial, sanserif}
.whiteleft      {text-align: left; color: white; font-size: 110%; font-style: italic;
                font-weight: normal; font-family: Optima, Arial, sanserif}
.smallwhite     {text-align: center; color: white; font-size: 85%; 
                font-family: Optima, Arial, sanserif}
.red            {color: red}
.gray           {color: gray}
.update         {color: darkorange; font-size: 90%; font-style: italic}
.darkred        {color: darkred; font-size: 90%; font-style: italic}

p  {text-align: left; color: #225555; font-size: 95%; 
   font-family: Optima, Arial, sanserif}

h1, h2, h3, h4 {color: #225555; font-family: Optima, Arial, sanserif}
h1 {font-size: 140%}
h2 {font-size: 125%}
h3 {font-size: 110%}
h4 {font-size: 100%}

ul {list-style-type: circle; color: #225555; 
   font-family: Optima, Arial, sanserif; 
   text-align: left}
li {color: #225555; font-family: Optima, Arial, sanserif; text-align: left}
dl {color: #225555; font-family: Optima, Arial, sanserif; text-align: left}
dt {color: #225555; font-family: Optima, Arial, sanserif; text-align: left}
dd {color: #225555; font-family: Optima, Arial, sanserif; text-align: left}

img {margin: 5px; border: 5px; padding: 5px}

a:link {color: #336699; text-decoration: none; font-family: Optima, Arial, sanserif}
a:visited {color: #3399CC; text-decoration: none; font-family: Optima, Arial, sanserif}
a:active {color: #3399CC; text-decoration: none; font-family: Optima, Arial, sanserif}
a:hover {color: #3399CC; text-decoration: none; font-family: Optima, Arial, sanserif}

a.recommend:link {color: darkred}
a.recommend:visited {color: darkred}
a.recommend:active {color: red}
a.recommend:hover {color: red}

table      {width: 100%}
td         {vertical-align: top}
td.left    {width: 40%; background-color: #CCFFCC}