BODY {
background-color: #FFFFFF;
color: #000000;
font-size: 13;
font-family: Arial;
font-weight: 400;
}

A:link {
color:#cc0066;
}

A:hover {
color:#666666;
}

A:visited {
color:#666666;
}

h1{
font-size: 40;
font-weight: 700;
}

h2{
font-size: 20;
font-weight: 700;
}

h3{
font-size: 16;
font-weight: 700;
}

p{
font-size: 13;
font-family: Arial;
font-weight: 400;
}

font.small{
font-size: 10;
}

font.big{
font-size: 16;
}

font.highlight {
color: #CC0033;
font-weight: 700;
}

font.fire {
color: #CC0033;
}

font.wood {
color: #008000;
}

font.earth {
color: #FFCC00;
}

font.water {
color: #0033CC;
}

font.metal {
color: #999999;
}

font.green {
color: #008080;
}

font.orange {
color: #ff9900;
}

font.pink {
color: #ff00ff;
}

font.purple {
color: #800080;
}

font.yellow {
color: #ffff00;
}

font.white {
color: #ffffff;
}

.blueback {
color: #ffffff;
background-color: #3399CC;
}

.pinkback {
color: #ffff00;
background-color: #ff00ff;
}

.orangeback {
color: #ffff00;
background-color: #ff9900;
}

.yellowback {
color: #800080;
background-color: #ffff00;
}

.purpleback{
color: #ffffff;
background-color: #800080;
}
.purpleback a:link { 
color: #ffff00;
}
.purpleback a:visited { 
color: #ffff00;
}
.purpleback a:hover { 
color: #ffff00;
}

.whiteback {
color: #000000;
background-color: #FFFFFF;
}
.whiteback a:link { 
color:#cc0066;
}
.whiteback a:visited { 
color:#cc0066;
}
.whiteback a:hover { 
color:#666666;
}

.greenback {
background-color: #008080; 
color: #ffffff;
}
.greenback a:link { 
color: #ffff00;
}
.greenback a:visited { 
color: #ffff00;
}
.greenback a:hover { 
color: #ffff00;
}

.fireback {
color: #ffffff;
background-color: #CC0033;
} 

.woodback {
color: #ffffff;
background-color: #008000;
}

.waterback {
color: #ffffff;
background-color: #0033CC;
}

.earthback {
color: #000000;
background-color: #ffff00;
}

.metalback{ 
background-color: #808080; 
color: #ffffff;
}

.greyback{ 
background-color: #cccccc; 
color: #000000
}
.greyback a:link { 
color:#cc0066;
}
.greyback a:visited { 
color:#666666;
}
.greyback a:hover { 
color:#666666;
}


table {
border-spacing: 0;
border: none;
empty-cells: show;
border-collapse: collapse;
}

td {
padding: 7px;
font-size: 13;
font-family: Arial;
font-weight: 400;
}

.showborder {
border-spacing: 2px;
border-collapse: separate;
}
.showborder td {
border: solid 1px;
border-color: #000000;
}

.noborder {
border-spacing: 0;
border: none;
border-color: transparent;
border-collapse: collapse;
}
.noborder td {
border-spacing: 0;
border: none;
border-color: transparent;
}

.spaced {
border-spacing: 2px;
border-collapse: separate;
}
.spaced td {
border: none;
}