BODY {

background-color : #000000;

background-image:

/*url('images/stars-small.jpg'); */

url('images/stars.jpg');

background-attachment: fixed;

font-size: 80%;

margin: 0;

}



hr {

color: #6B8490;

background-color: #6B8490;

height: 1px;

width: 60%; 

border: 0px none;

}



P, TD, LI, UL, Table {

font-family : Verdana, Arial, sans-serif;

font-size : 100%;

}



/* this group sets the normal link colors */

A:LINK {color : #23238E; font-weight: bold; text-decoration: none;}/* Navy Blue */

A:VISITED {color : #A9ACB6; font-weight: bold; text-decoration : none;}/* aluminum  */

A:HOVER {color : #F8F8FF; font-weight: bold; background: #5D478B; text-decoration : none;}/* Ghost White on medium purple */

A:ACTIVE {color : #5D478B; font-weight: bold; text-decoration : none;}/* medium purple */



li {

list-style-image: url('images/bullet.gif');

}



H1 {

font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;

text-align: left;

font-size: 1.8em;

font-weight: bold;

letter-spacing: 2px;

color : #9E0508;

margin: 0px;

}



h2 {

color: #7F00FF;

font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;

text-align: left;

font-size: 1.4em;

font-weight: bold;

letter-spacing: 3px;

}



H3, H4, H5 {

font-size : 13px;

font-weight : bold;

color : #7F00FF;

}



H6 {

font-size : 9px;

color : #000000;

}



.header {

padding: 0px;

background-image: url('images/spore-header.jpg') }



/* Sets up the Left, Righ, Bottom Boarder for the main Table */

#head {

border: ridge #B2C3CC;

border-width: 4px 4px 0px;

background-color: #ffffff;

}



/* Sets up the Left, Righ, Bottom Boarder for the main Table */

#main {

border: ridge #CDC5BF;

border-width: 2px 2px 2px;

padding-left: 2px;

background-color: #E6E8FA;

}



.borders {

font-family : Verdana, Arial, sans-serif;

background-color: #8F8FBC;

line-height: normal;

padding: 10px;

font-size: 90%;

font-weight: bold;

}



.plain {

padding: 20px;

}



.slogan{

font-family : Verdana, Arial, sans-serif;

text-align: center;

color: #FCD116;

font-style: oblique;

font-size: 90%;

FLOAT: right;

position: static;

padding-left: 375px;

padding-right: 30px;

padding-top: 130px;

padding-bottom: 0px;

}



.rightside {

font-family : Verdana, Arial, sans-serif;

border-left: 1px dashed #3C4D55;

text-align: justify;

background: #FFFFFF;

padding-left: 10px;

padding-right: 5px;

padding-top: 15px;

padding-bottom: 15px;

}



.textarea {

font-family : century gothic;

text-align: justify;

background: #FFFFFF;

line-height: 18px;

padding-left: 20px;

padding-right: 20px;

padding-top: 15px;

padding-bottom: 15px;

}



.textbody{

font-family : Verdana, Arial, sans-serif;

text-align: left;

background: #FFFFFF;

padding-left: 20px;

padding-right: 20px;

padding-top: 0px;

}



span.highlight {

background-color:#E6E8FA;}



div.tag{

background: #CCCCFF;}



/* Table for Products */

.product {

background: #B0C4DE;

border: ridge #CDC5BF;

border-width: 2px 2px 2px;

padding-left: 2px;

}



/* Cells for Products */

.products {

border: ridge #CDC5BF;

border-width: 0px 0px 2px;

padding-left: 2px;

}



.tiny {

padding: 5px 5px 5px 20px;

font-size: 90%;

}



.special {

border: 1px dotted #3C4D55;

padding: 5px;

font-size: 80%;

line-height: 20px;

}



/* The on hover info box - use following syntax in html doc */

/* <SPAN title=" description here " class="popup">text</SPAN> */

.popup

{

COLOR: #9F141A;

CURSOR: help;

TEXT-DECORATION: none

}



.footer {

font-family : Verdana, Arial, sans-serif;

text-align: center;

color: #FCD116;

font-size: 90%;

}