html, body {
font-family: sans-serif;
font-size: small;
color: black;
background-color: white;
}

p {
margin-top: 0.5em;
}
p.text:first-letter { 
font-family: 'Monotype corsiva', 'Zapf Chancery', 'URW Chancery L', fantasy;
font-size: 150%;
font-style: italic;
background-color: rgb(224,224,224);
margin: 2px;
float: left
}
p.text-cn {
font-size: 120%;
}
p.item {
margin-top: 0em;
margin-bottom: 0.25em;
}

a {
/*  font-weight: bold;*/
}
/* a:before { content: "»" } Doesn't work on IE6 */
/* a:after { content: "«" } Doesn't work on IE6 */
a:link, a:visited {
text-decoration: underline;
color: rgb(127,146,146); 
}
a:hover {
text-decoration: underline;
color: black;
}
a:active {
color: black;
}
img a {
text-decoration: none;
}

q {
font-family: serif;
font-style: italic;
quotes: "" "" "" "";
}
q:before { content: open-quote; } /* Doesn't work on IE6 */
q:after { content: close-quote; } /* Doesn't work on IE6 */

h1, h2, h3 {
font-weight: normal;
}
h1 {
font-size: 160%;
color: rgb(200,151,60);
margin-top: 2em;
margin-bottom: 2em;
border-bottom-style: solid;
border-bottom-width: thin;
text-align: center;
text-transform: uppercase;
}
h1:first-letter {
font-size: 140%;
}
h2 {
font-size: 120%;
color: rgb(182,150,81);
margin-top: 1.5em;
margin-bottom: 0.5em;
}
h3 {
font-size: 120%;
color: rgb(127,146,146);
margin-top: 1em;
margin-bottom: 0.25em;
}

ul {
list-style-image: url('checkmark.gif');
}

table {
margin-right:-30%;
}
thead {
font-size: 80%;
background-color: rgb(224,224,224);
}
tfoot {
font-size: 20%;
background-color: rgb(224,224,224);
}
tfoot td {
color: rgb(224,224,224);
}
td {
text-align: left;
vertical-align: top;
}
tr.outdated {
color: rgb(128,128,128);
}

div.inlineimage { 
text-align: center;
}

div.image {
width: 256px;
margin-top: 1em;
margin-left: 0em;
margin-bottom: 1em;
margin-right: 1em;
padding: 0.5em;
border-style: solid;
border-width: 1px;
border-color: rgb(192,192,192);
text-align: center;
}
div.image p {
font-size: 80%;
font-style: italic;
color: rgb(64,64,64);
margin: 0.5em;   
padding: 0em;
text-align: center;
}
div.tiltedimage {
width: 192px;
margin-top: 1em;
margin-left: 0em;
margin-bottom: 1em;
margin-right: 1em;
padding: 0.5em;
border-style: solid;
border-width: 1px;
border-color: rgb(192,192,192);
text-align: center;
}
div.tiltedimage p {
font-size: 80%;
font-style: italic;
color: rgb(64,64,64);
margin: 0.5em;   
padding: 0em;
text-align: center;
}
div.imagefloat {
float: right;
position: relative;
margin-top: 1em;
margin-left: 1em;
margin-bottom: 1em;
margin-right: 0em;
width: 256px;
padding: 0.5em;
border-style: solid;
border-width: 1px;
border-color: rgb(192,192,192);
text-align: center;
}
div.imagefloat p {
font-size: 80%;
font-style: italic;
color: rgb(64,64,64);
margin: 0.5em;   
padding: 0em;
text-align: center;
}
div.tiltedimagefloat {
float: right;
position: relative;
margin-top: 1em;
margin-left: 1em;
margin-bottom: 1em;
margin-right: 0em;
width: 192px;
padding: 0.5em;
border-style: solid;
border-width: 1px;
border-color: rgb(192,192,192);
text-align: center;
}
div.tiltedimagefloat p {
font-size: 80%;
font-style: italic;
color: rgb(64,64,64);
margin: 0.5em;   
padding: 0em;
text-align: center;
}

div.language {
padding: 0.5em;
font-size: 70%;
text-align: right;
display: inline; /* Bug i Internet Explorer... */
}
div.language a:before, div.language a:after { content: "" }
div.language a:link, div.language a:visited {
text-decoration: none;
color: rgb(128,128,128); 
}
div.language a:hover {
text-decoration: underline;
color: black;
}
div.language a:active {
color: black;
}
div.language a img {
border-style: none;
}
div.language img {
vertical-align: middle;
}

div.note {
float:right;
position: relative;
margin-top: 1em;
margin-left: 1em;
margin-bottom: 1em;
margin-right: 0em;
width: 224px;
padding: 1.5em;
font-family: cursive;
font-size: 85%;
background-color: rgb(127,146,146);
color: white;
}
div.note h2 {
color: white;
font-size: 120%;
margin-top: 0em;
margin-bottom: 1em;
}
div.note a:link, div.note a:visited {
color: white;
}
div.note a:hover {
text-decoration: underline;
color: yellow;
}

div.indexcard {
margin-top: 2em;
margin-left: 8em;
margin-bottom: 2em;
margin-right: 8em;
border-style: solid;
border-width: 1px;
border-color: rgb(224,224,224);
}
div.indexcard h2 {
background-color: rgb(224,224,224);
color: black;
font-size: 120%;
margin-top: 0em;
margin-bottom: 0em;
padding: 0.2em;
}
div.indexcard p {
padding-left: 0.2em;
margin-top: 0em;
margin-bottom: 0em;
}
div.news {
margin-left: 6em;
margin-right: 6em;
border-style: solid;
border-width: 2px;
border-color: rgb(127,146,146);
}
div.news h2 {
background-color: rgb(127,146,146);
color: black;
font-size: 100%;
margin-top: 0em;
margin-bottom: 0em;
text-align: center;
}
div.news p {
padding-left: 0.5em;
}

cite.reader { 
font-style: italic;
}
cite.webmaster { 
background-color: yellow;
padding: 0.5em;
border-style: solid;
border-color: red;
}

div.underconstruction {
margin: 1em;
padding: 1em;
text-align: center;
}
div.underconstruction p {
font-size: 120%;
font-weight: bold;
margin: 0em;
}