<style type="text/css">
<!--

TD, DIV { font-family: Verdana, Arial, Helvetica ;
 font-size: 12px; color: ffffff;
 font-weight: normal; font-style: normal; }

PRE { font-family: Verdana, Arial, Helvetica ;
 font-size: 12px; color: ffffff;
 font-weight: normal; font-style: normal; }


.gap0 { font-size: 1px; line-height: 3px; background-color: transparent }
.gap1 { font-size: 1px; line-height: 5px; background-color: 000000 }
.tune { background: 000000 }
.bg { background-color: 000000 }

.title {
 font-family: Verdana, Century Gothic, Moderne, Arial, Helvetica ;
 font-size: 32px; letter-spacing: 3px; line-height: 48px; 
 font-weight: normal; font-style: normal; }

.subtitle {
 font-family: Verdana, Century Gothic, Moderne, Arial, Helvetica ;
 font-size: 12px; letter-spacing: 3px; line-height: 18px; 
 font-weight: normal; font-style: normal; }

.type { font-family: Verdana, Arial, Helvetica ;
 font-size: 14px; font-weight: bold; font-style: normal; }

.yr { font-family: Verdana, Arial, Helvetica ;
 font-size: 12px; font-weight: normal; font-style: italic; letter-spacing: 2px; }

.demos { font-family: Verdana, Arial, Helvetica ;
 font-size: 12px; background-color: ffffff; color: 553377; }

.demo-title { font-family: Verdana, Arial, Helvetica ; color: 000000; 
 font-size: 12px; font-weight: bold; font-style: normal; }

.demo-sub { font-family: Verdana, Arial, Helvetica ; color: 000000; 
 font-size: 10px; font-weight: normal; font-style: italic; }


a:visited,
a:active,
a:link { color: ffffff; text-decoration: underline; }
a:visited { color: ffffff; }
a:active { color: ff0000; background-color: 000000; 
 border: 2px dotted; border-color: ff0000; padding: 1px; }
a:hover { color: ff0000; background-color: 770000; }



a.med:visited,
a.med:active,
a.med:link { color: 000000; text-decoration: underline; background: transparent; }
a.med:visited { color: 000000; text-decoration: underline; background: transparent; }
a.med:active { color: 770000; text-decoration: none; background: eeeeee; 
 border: 0px dotted; border-color: ffffff; padding: 0px; }
a.med:hover { color: cc0000; text-decoration: underline; background:transparent; }

a.demo:visited,
a.demo:active,
a.demo:link { 
 font-family: arial, helvetica; 
 font-size: 10px; line-height: 22px; color: 5500ff;
 background: ffffff; background-color: ffffff; 
 border: 1px dotted; border-color: 5500ff;
 padding: 2px; letter-spacing: 2px; 
 font-weight: bold; font-style: italic; text-decoration: none;
}

a.demo:visited { 
 background: eeddff; background-color: eeddff; 
 border: 1px solid; border-color: 5577aa;
}

a.demo:active { 
 color: aa0000; background: ffcccc; background-color: ffcccc; 
 border: 1px dotted; border-color: cc0000;
 padding: 2px;
 }

a.demo:hover { 
 color: 000000; background: eeeeee; background-color: eeeeee; 
 border: 1px solid; border-color: aaaaaa;
 padding: 2px;
}


a.up:visited,
a.up:active,
a.up:link { 
 font-family: arial, helvetica; 
 font-size: 10px; line-height: 22px; color: ddbbff;
 background: 550077; background-color: 550077; 
 border: 1px dotted; border-color: ddbbff;
 padding: 2px; letter-spacing: 2px; text-indent: 2px;
 font-weight: bold; font-style: normal; text-decoration: none;
}

a.up:visited { 
 color: ffffff;
}

a.up:active { 
 color: ff0000; background: 000000; background-color: 000000; 
 border: 2px dotted; border-color: ff0000;
 padding: 1px;
 }

a.up:hover { 
 color: ff0000; background: 770000; background-color: 770000; 
}


BODY {
	scrollbar-track-color: #000000 ;
	scrollbar-3dlight-color: #555555 ;
	scrollbar-highlight-color: #777777 ;
	scrollbar-face-color: #777777 ;
	scrollbar-shadow-color: #aaaaaa ;
	scrollbar-darkshadow-color: #000000 ;
	scrollbar-arrow-color: #555555 ;
}


-->
</style>



