body, div, span, p, ol, ul, dl, dt, dd, li, blockquote {font-family: "TIMES NEW ROMAN"; color: black}
code, pre {font-family: 'Courier New', Courier, monospace}

body {background-color: #FFFFFF}

h1 {color: #334779; background-color: transparent;}
h2 {font-family: "COMIC SANS MS"; color: green; background-color: transparent;}
h3 {color: red; background-color: transparent; font-size: 1.3em;}

a:link {color: blue; text-decoration: none;  background-color: transparent;}
a:visited {color: blue; text-decoration: none;  background-color: transparent;}
a:hover {color: red; text-decoration: none;  background-color: transparent;}

a.buttonh, a.buttonh:visited, a.buttonh:hover {color:transparent;}
a.buttonh {background:url(./html.gif);  display:inline-block; margin: 1px 0px; width: 86px; height: 24px; }
a.buttonh:hover {background:url(./html1.gif);}
a.buttonh:active {background:url(./html2.gif);}

a.buttonc, a.buttonc:visited, a.buttonc:hover {color:transparent;}
a.buttonc {background:url(./chime.gif);  display:inline-block; margin: 1px 0px; width: 86px; height: 24px; }
a.buttonc:hover {background:url(./chime1.gif);}
a.buttonc:active {background:url(./chime2.gif);}

a.buttonv, a.buttonv:visited, a.buttonv:hover {color:transparent;}
a.buttonv {background:url(./vrml.gif);  display:inline-block; margin: 1px 0px; width: 86px; height: 24px; }
a.buttonv:hover {background:url(./vrml1.gif);}
a.buttonv:active {background:url(./vrml2.gif);}

a.buttonp, a.buttonp:visited, a.buttonp:hover {color:transparent;}
a.buttonp {background:url(./pdf.gif);  display:inline-block; margin: 1px 0px; width: 86px; height: 24px; }
a.buttonp:hover {background:url(./pdf1.gif);}
a.buttonp:active {background:url(./pdf2.gif);}

a.buttonjm, a.buttonjm:visited, a.buttonjm:hover {color:transparent;}
a.buttonjm {background:url(./jmol.gif);  display:inline-block; margin: 1px 0px; width: 86px; height: 24px; }
a.buttonjm:hover {background:url(./jmol1.gif);}
a.buttonjm:active {background:url(./jmol2.gif);}

a.buttonjs, a.buttonjs:visited, a.buttonjs:hover {color:transparent;}
a.buttonjs {background:url(./jsmol.gif);  display:inline-block; margin: 1px 0px; width: 86px; height: 24px; }
a.buttonjs:hover {background:url(./jsmol1.gif);}
a.buttonjs:active {background:url(./jsmol2.gif);}

ul {list-style-image: url(/square5.gif); list-style-type: square}
li {background-color: transparent; font-family: "COMIC SANS MS"; color: black}

p {background-color: transparent; font-family: "COMIC SANS MS"; color: black}
p.c1 {text-align: center}
td {background-color: #FFFF80; font-family: Verdana, Arial, Helvetica, sans-serif; color: black}
th {background-color: #FFFF80; font-family: Verdana, Arial, Helvetica, sans-serif; color: navy; font-size: 1.1em;}

div.c3 {text-align: center}
span.c2 {font-family: SYMBOL}

.caption {font-family: "COMIC SANS MS"; font-size: 0.5em; color: purple; }
.ref {font-family: "COMIC SANS MS"; font-size: 0.5em; color: navy; }
.intro {font-family: "COMIC SANS MS"; color: black; }
.subtext {font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-size: 0.8em;}
.molename {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: red;}

.hs10 {margin: 0px 10px;} 
.hs20 {margin: 0px 20px;} 
.hs50 {margin: 0px 50px;}
.vs1  {margin: 1px 0px;}  
.vs10 {margin: 10px 0px;}
.button {margin: 1px 10px;}

#centre {text-align:center;}
#left {text-align:left;}
#right {text-align:right;}

#footer {width: 100%; background: white; font-family: "COMIC SANS MS"; font-size: 15px;}