/* CSS Document */
body
{
background-color:#CCFFCC;
font-family: SassoonPrimaryInfant, "Comic Sans MS", Arial, Courier, "MS Sans Serif";
}

h1
{
font-family:SassoonPrimaryInfant, "Comic Sans MS", Arial, Courier, "MS Sans Serif";
font-size: 275%;
text-align:center;
color:#669900;
}

h2
{
font-size: 150%;
font-family: SassoonPrimaryInfant, Arial, sans-serif, verdana;
color:#669900;
font-weight: 500;
}

p
{
font-family:SassoonPrimaryInfant, "Comic Sans MS", Arial, Courier, "MS Sans Serif";
font-size:150%;
text-align:center;
}

td
{
font-family:SassoonPrimaryInfant, "Comic Sans MS", Arial, Courier, "MS Sans Serif";
font-size:100%;
text-align:center;
}

ul
{
font-size: 125%;
font-family: SassoonPrimaryInfant, Arial, sans-serif, verdana;
text-align: left;
color:#000000;
}

div.name
{
font-family:SassoonPrimaryInfant, "Comic Sans MS", Arial, Courier, "MS Sans Serif";
font-size:100%;
text-align:center;
color:#FF00FF;
cursor:help;
visibility:hidden;
}

div.inf
{
font-family:SassoonPrimaryInfant, "Comic Sans MS", Arial, Courier, "MS Sans Serif";
font-size:100%;
text-align:center;
background-color:#FFFFCC;
visibility:hidden;
}

.floatright
{
float:right;
}

#container
{
width: 99%;
margin: 10px auto;
line-height: 130%;
}

#top
{
padding: .5em;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 200px;
margin-right: 200px;
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
border-top: 1px solid gray;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

img
{
border:0;
}

a:link     {color: #0000FF}
a:visited  {color: #0000FF}
a:hover    {color: #FF33CC}
a:active   {color: #0000FF}