body 
{ 
font-family: Arial, Helvetica, sans-serif; 
}

div.footnote
{
margin-top: 16px;
border-top: 1px dotted black;
font-size: 80%;
}

span.voicing
{
font-weight: bold;
}

span.from
{
font-weight: bold;
text-align: right;
display: block;
font-size: 80%;
}

img
{
border: none;
}

img.thirds
{
margin-right: 10px;
}

img.inline
{
float: left;
padding: 2px 8px 2px 0;
}

th
{
text-align: left;
}

h1 span 
{ 
display: none; 
}

h1.title
{ 
height: 103px;
background: white url('resources/logo.png') no-repeat center center; 
margin: 0 0 8px 0;
padding: 0;
}

h1.subtitle
{
background: white;
font-size: 100%;
text-align: center;
height: 100%;
width: 560px;
border-bottom: 3px solid black;
padding-bottom: 8px;
margin-bottom: 0px;
}

h1
{
color: #390;
}

h2
{
margin: 16px 0 4px 0;
color: #390;
text-transform: lowercase;
}

h2.tutorial
{
margin: 0 0 4px 0;
text-align: center;
}


p.links
{
margin: 0 0 24px 0;
padding: 4px 0 0 0;
font-size: 120%;
width: 560px;
}


p.bottom
{
margin: 48px 0 0 0;
padding: 8px 0 0 0;
font-size: 80%;
border-top: 3px solid black;
width: 560px;
}

p.links a
{
text-decoration: none;
}

a:link
{
color: #390;
}

a:visited
{
color: #c0c;
}

a:hover
{
text-decoration: underline;
}

div.content
{
width: 560px;
text-align: left;
}

p, ul, ol
{
line-height: 140%;
font-size: 90%;
}

strong
{
color: #909;
}