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

A:link {
color:#9900CC;
}

A:hover {
color:#008080;
}

A:visited {
color:#008080;
}

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;
}

.small{
font-size: 10;
}

.big{
font-size: 16;
}

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

.fire {
color: #CC0033;
}

.wood {
color: #008000;
}

.earth {
color: #FFCC00;
}

.water {
color: 3399CC;
}

.metal {
color: #999999;
}

.green {
color: #008080;
}

.orange {
color: #ff9900;
}

.pink {
color: #ff00ff;
}

.purple {
color: #800080;
}

.yellow {
color: #ffff00;
}

.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: #330066;
background-color: #FFFFFF;
}
.whiteback a:link { 
color: #9900CC;
}
.whiteback a:visited { 
color: #008080; 
}
.whiteback a:hover { 
color: #008080; 
}

.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: #ffff00;
background-color: #008000;
}

.waterback2 {
color: #330066;
background-color: #99FFFF;
}
.waterback {
color: #330066;
background-color: #CCCCFF;
}

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

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

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: #330066;
}

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

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

.redborder{ 
border-spacing: 2px;
border-collapse: separate;
}
.redborder td {
background-color: #CCCCFF; 
border: none;
}