.small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px ;
    color: #000000;
    line-height: 100%;
}

.light {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px ;
    color:#CC9933;
    line-height: 100%;
}

.caption {
    font-family: Verdana;
    font-size: 12px ;
    color: #000000;
    line-height: 100%;
}

.mousetype {
    font-family: Verdana;
    font-size: 9px ;
    color: #000000;
    line-height: 100%;
}

P {
    COLOR: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 125%;
    }
B {
    COLOR: #143D8D;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 125%;
    font-weight: bold;
    }
copy {
    COLOR: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 125%;
    }
BODY {
    background: url("gifs/verybackpixel.jpg");
    COLOR: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 125%;
    }
BODY.admin {
    background: white;
    COLOR: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 125%;
    }

TD {
    COLOR: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 125%;
    }
H3 {
    COLOR: #143D8D;
    font-family: Arial;
    font-size: 20px;
    }

.title {
	font-size: 20px;
	font-weight: bold;
        font-family: Arial;
        COLOR: #143D8D;
        line-height: 125%;
	}

.title2 {
	font-size: 14px;
	font-weight: bold;
        font-family: Arial;
        COLOR: #143D8D;
        line-height: 125%;
	}

.errorstring {
	font-size: 16px;
	font-weight: bold;
        font-family: Arial;
        COLOR: #CC6600;
	}

A {text-decoration: none;  color:#996633; font-weight:bold}
A:hover		{color:#CC9933;
		 text-decoration:none}
		 
A.buttonbar {text-decoration: none;  color:#666699; font-weight:bold}
A.buttonbar:hover		{color:#CC9933;
		 text-decoration:none}
		 
.old-border-table  { border: 3px solid; border-image: url(gifs/darkbrowndot.jpg); background-image: url(gifs/creamdot.jpg)}

.border-table  { background: white}


.btable  { border-bottom: 2px solid; border-image: url(gifs/darkbrowndot.jpg);}

.navtable  { background-image: url(gifs/bgpixel.jpg)}

.buttontable  { border-bottom: 1px solid #6666CC; background-image: url(gifs/creamdot.jpg);}

.obuttontable {background-image: url(gifs/creamdot.jpg); border-width: 2px 2px 2px 2px; border-style: solid; border: #6666CC;}

/* Begin Images */

a img {
        border: none;
        }



/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }
/* End Images */


.whitetext {
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    line-height: 18px;
    padding-left:13px;
    color: #FFFFFF;
        }

a.whitetext:link {
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    color: white;
    font-weight: normal;
        }

a.whitetext:visited {
    font-size: 14px;
    text-decoration: none;
    color: white;
        font-weight: normal;
    font-weight: normal;
        }

a.whitetext:hover {
    font-size: 14px;
    text-decoration: none;
    color: #dedede;
    font-weight: normal;
        }

a.whitetext:active {
    font-size: 14px;
    text-decoration: none;
    color: white;
    font-weight: normal;
        }

