body {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
    padding:0;
    height:100%;
	min-width:500px;
	font-size:13px;
	font-family:arial, helvetica, sans-serif;
	color:#000000; 
}

h3 { 
	font-size :16px;
	font-weight:bold;
	color:#9900CC;
}

a {
	color:#CC0000; 
	text-decoration:underline;
}

a:Visited  { 
	text-decoration:none;
}

a:Active  {
	text-decoration:underline;
}

a:Hover  { 
	text-decoration:none;
}

.showcase { 
	font-size:13px;
	color:#000000;
}

.sm { 
	font-size:11px;
}

.xsm { 
	font-family: arial, sans-serif;
	font-size:10px;
}

.med { 
	font-size:15px;
}

.medlg { 
	font-size:16px;
}

.lg {
	font-size:18px;
}

.arial {
	font-family: arial, helvetica, sans-serif;
}

.linksmall { 
	font-size: 11px;
}

.title {
	font-size :16px;
	font-weight:bold;
	color:#9900CC;
}

.label { 
	font-size :16px;
	font-weight:bold;
	color:#000000;
}

<!-- CSS below combines the floating image on the right with the watermark defined in body, as well as the top banner. -->
#bkright {
    position: absolute;
    top: 0px;
    right: 0px;
    height:auto;
    width:100%;
    min-height:100%;
    background:transparent url(../images/bg_tile.gif) right top repeat-y;
    text-align:center;
    }

* html #bkright {
    height:100%;
}

#main {
    margin:0px auto;
    width:100%;
    padding:0px;
    text-align:left;
	min-width:700px;
}

#LeftHead {
	float: left;
}

#RightHead {
	float: right;
}

#menu {
	position:absolute;
    margin:0px auto;
	top: 84px;
	left: 0px;
    padding: 0px;
    text-align: left;
	width:137px;
}

#content {
	position:absolute;
	top: 92px;
	left: 150px;
	margin-right: 15px;
    text-align: left;
	padding: 10px;
}

#footer {
	color:#000000;
	font-size: 11px;
	font-weight:normal;
    text-align: left;
}

<!-- Site legacy CSS -->
#white { color:#FFFFFF; text-decoration:none; }

#linkwhite { color:#FFFFFF; text-decoration:none; }
#linkwhite:hover { text-decoration:underline; }

#white:hover { color:#FFFFFF; text-decoration:underline; }

#purple { color:#9900CC; text-decoration:none; }

#purpleLink { color:#660099; text-decoration:underline }
#purpleLink:hover { text-decoration:none; }

#ltPurpleLink { color:#FFFFFF; text-decoration:underline }
#ltPurpleLink:hover { text-decoration:none; }

#blueLink { color:#000066; text-decoration:underline; }
#blueLink:hover { color:#000066; text-decoration:none; }

#ltBlueLink { color:#CCFFFF; text-decoration:none; }
#ltBlueLink:hover { text-decoration:underline; }

#ltBlueON { color:#CCFFFF; text-decoration:underline; }

#subLink { color:#336666; text-decoration:none; }
#subLink:hover { color:#336666; text-decoration:underline; }

#redLink { color:#CC0000; text-decoration:underline; }

#redLink:hover { text-decoration:none; }

#dkPurple { color:#660099 }

#dkPurple:hover { color:#9900CC; text-decoration:none; }

#idRed { color:#990033 }

#red { color:#CC0000 }

#dkRed { color:#990000 }

#gold { color:#FFCC00 }

#goldLink { color: #FFCC00;text-decoration:none; }
#goldLink:hover { text-decoration:underline;  }

#ltGrey { color:#CCCCCC }

#mdGrey { color:#999999 }

#dkGrey { color:#333333 }

#dkBlue { color:#000033 }

#mdBlue { color:#000066 }

#idBlue { color:#003366 }

#blue { color:#0000CC; }

#ltBlue { color:#CCFFFF }

#margin8 { padding-left:8px;padding-right:8px; }

