code {color:#8000F0; background:#F0FFF0; font-weight:bold; font-family:"monospace"}
.code {color:#8000F0; background:#F0FFF0; font-weight:bold; font-size:large; font-family:Courier, "Courier New", Arial, monospace}
dt {color:darkgreen; font-size: 100%}
.dt {color:darkgreen; font-size: 100%}
.faint {color:#bbbbbb}
.news{color:blue; background:#E0ffD0}

<!-- e.g. y05 not supported by IE; prefer .y05 and span class=y05 (Firefox 3.6 bug workaround next dummy line)-->
.foo {font-size: foo}
.date {font-weight: bold; color:#408040; background:#f0f0ff}
p.date {text-align:right;}
p.main {text-align:justify;}
.main {text-align:justify;}
li.main {text-align:justify;}

.y18 {font-size: smaller; color:red; background:yellow}
.y17 {font-size: smaller; color:green; background:#ffc0c0}
.y16 {font-size: smaller; color:green; background:#b0b0ff}
.y15 {font-size: smaller; color:green}
.y14 {font-size: smaller; color:green}
.y13 {font-size: smaller; color:green}
.y12 {font-size: smaller; color:#909090}
.y11 {font-size: smaller; color:#909090}
.y10 {font-size: smaller; color:#909090}
.y09 {font-size: smaller; color:#909090}
.y08 {font-size: smaller; color:#909090}
.y07 {font-size: smaller; color:#909090}
.y06 {font-size: smaller; color:#909090}
.y05 {font-size: smaller; color:#909090}
.y04 {font-size: smaller; color:#909090}
.y03 {font-size: smaller; color:#909090}
.y02 {font-size: smaller; color:#909090}
.y01 {font-size: smaller; color:#909090}
.y00 {font-size: smaller; color:#909090}
.y99 {font-size: smaller; color:#909090}
.indented   {padding-left: 50pt;    }
.greyout {color=#b0b0b0; font-size: 75%}
large {font-size:160%}
.large {font-size:160%}
boldnote {background:#ffffa0; font-weight:bold; color:#4d004d; font-size: 125%}
.boldnote {background:#ffffa0; font-weight:bold; color:#4d004d; font-size: 125%}
highlight {font-weight:bold; background:#ffffa0; color:#2d00dd;}
.highlight {font-weight:bold; background:#ffffa0; color:#2d00dd;}
subject {color:purple; background:#F0FFF0; font-weight:bold; font-size:large}
.subject {color:purple; background:#F0FFF0; font-weight:bold; font-size:large}
note {background:#ffffa0}
.note {background:#ffffa0}
darkbold {color:darkblue; font-weight:bold}
.darkbold {color:darkblue; font-weight:bold}
algebra {font-style:italic; color:darkblue}
.algebra {font-style:italic; color:darkblue}
.noital {font-style:normal}
formula {color:darkblue; font-weight:bold}
.formula {color:darkblue; font-weight:bold}
sym {color:darkblue}
.sym {color:darkblue}
.boldblue {font-weight:bold; color:#2d00dd; font-size: 125%}
boldblue {font-weight:bold; color:#2d00dd; font-size: 125%}
.specialkey {color:red; font-style:italic}
freq {color:#5000f0; font-style:italic; font-size:110%}
.freq {color:#5000f0; font-style:italic; font-size:110%}
.red {font-weight:bold; color:red}
red {font-weight:bold; color:red}
emphasis {font-weight:bold; font-style:italic; color:purple}
.emphasis {font-weight:bold; font-style:italic; color:purple}
define {font-weight:bold; font-style:italic; color:#8866D0}
.define {font-weight:bold; font-style:italic; color:#8866D0}
.green {font-weight:bold; color:green; background:#f0c0c0}
.bg  {background:#e0e0f0}
.cy {background:#33ffff}
.codis {background:#e0ffe0}
.cmd {font-weight: bold; color: blue}
cmd {font-weight: bold; color: blue}
.locus {font-weight: bold; color: purple; font-size: 75%}
ver {font-weight: bold; color: purple; font-size: 80%}
.ver {font-weight: bold; color: purple; font-size: 80%}
DNAtype {font-weight:bold; font:algerian "arial black"; color: blue; font-size:125%}
.DNAtype {font-weight:bold; font:algerian "arial black"; color: blue; font-size:125%}
allele {font-weight: bold; color: purple; font-family: sans-serif; font-size:90%}
.allele {font-weight: bold; color: purple; font-family: sans-serif; font-size:90%}
subtitle {font-family: sans-serif; font-weight: bold; color: #906000; font-size:90%}
.subtitle {font-family: sans-serif; font-weight: bold; color: #906000; font-size:90%}
.chromosome {font-weight: bold; color: green; background:#e0ffe0; font-style:sans-serif}
chrom {font-weight: bold; color: green; font-family: sans-serif}
.chrom {font-weight: bold; color: green; font-family: sans-serif; font: Arial}
.option {font-family: sans-serif; color: indigo; font-size: 90%}
menu {font-weight: bold; color: darkgreen; font-family: sans-serif; background:yellow}
.menu {font-weight: bold; color: darkgreen; font-family: sans-serif; background:yellow}
.name {font-weight: bold; color: violet}
.categ {font-weight: bold; color:#004040}
.subcmd {font-style: italic; font-weight:bold; color: green}
subcmd {font-style: italic; font-weight:bold; color: green}
.phone  {font-style: italic;                   color: green}
.gray {color:green; bgcolor=red; background=blue}
bi {font-weight: bold; font-style: italic}
.bi {font-weight: bold; font-style: italic}
.p {font-weight: bold; background:#f0c0c0}
.q {font-weight: bold; }
.r {font-weight: bold; color:#ff00ff}
.s {font-weight: bold; background:#ffff80}
.em {font-weight:bold; background:#f8f8ff}

.big{font-weight:bold; font-size:150%; background:#f0f0f0}
.bri{font-weight:bold; background:#f0f0f0}

table#footer{
	color:darkblue;
	background-color:#CCFFCC;
	border:0
}

a:link {background-color: Yellow; text-decoration:underline;}
a:visited {background-color: LightCyan; text-decoration:underline;}
a:hover {background-color: Khaki; font-size:120%; text-decoration:none;}
a:active {background-color: Yellow; color: #C800C8; font-size:120%}

car{font-family: "Helvetica, Univers, sans-serif"; font-size: 120%; color: darkblue}
.car{font-family: "Helvetica, Univers, sans-serif"; font-size: 120%; color: darkblue}

BODY
{
background: #fffffF;
font-family: "new century schoolbook", "times new roman", serif;
color: black;
}

h1,h2,h3,h4
{
font-weight: bold;
}
h1{font-size: 200%; color:#0000B0}
h2{font-size: 130%; color:darkred}
h3{font-size: 120%; color:#408000}
h4{font-size:110%;  color:#A000C0}
h5{font-size: 110%; color:blue; font-style: italic}

h1shrink {font-weight:bold; color:#0000B0; font-size: 140%}
h2like {font-size: 130%; color:darkred}
.h2like {font-size: 130%; color:darkred}
h3like {font-weight:bold; color:#408000; font-size:120%}
.h3like {font-weight:bold; color:#408000; font-size:120%}
h4like {font-size:110%; color:#0080c0}
.h4like {font-size:110%; color:#0080c0}
contents{font-size: 120%; color:maroon}
chb{font-size:10pt; color:#e0e0ff}

dt{font: sans-serif; color:#4000f0}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -20px;
left: 30px; /*position where enlarged image should offset horizontally */

}