body {
font-size:76%;
font-family:arial,verdana,sans-serif;
background-color: #ffefd5;
color: gray;
}
 #container
{
width: 742px;
margin: 5px auto;
background-color: #d3d3d3;
color: gray;
border: 2px solid black;
line-height: 130%;
-moz-border-radius:9px;
border-radius:9px;
}

 #pfcontainer
{
width: 90%;
margin: 10px auto;
background-color: white;
color: #333;
border: 1px solid gray;
line-height: 130%;
}


#advert {
  background-color: white;
  font-weight: bold;
  color: black;
  border: 2px solid black;
  padding: 10px;
-moz-border-radius:8px;
border-radius:8px;
}

#instructions {
  background-color: white;
  color:black;
  border: 2px solid black;
  padding: 10px;
-moz-border-radius:8px;
border-radius:8px;
}

ul {
	list-style: none;
	}



div#links
{ 
  width: 160px; 
  height: 150px; 
  font-family: arial, sans-serif;
  z-index: 100;
}

div#links a 
{
  display: block;
  text-align: left;
  font: bold 1.0em sans-serif; 
  padding: 2px 4px;
  margin: 0;
  border-width: 0; 
  text-decoration: none;
  color: #191970;
  background:#dcdcdc;
  border: 1px solid #000;
}

div#links a:hover 
{
  color: #191970;
  text-align:left; 
  background: white; 
}

a:link {
  color: blue;
  background-color: inherit;
  font-weight: bold;
}


#top img {
  display: inline;
  padding:0;
  margin:0;
}

#top li {
  display: inline;
  padding:0;
  margin:0;
}

#top
{
padding-left: 100px;
padding-top: 30px;
height: 40px;
background-image: url(../banner.jpg);
background-repeat: no-repeat;
background-color: #320966;
border: 2px solid #fff;
-moz-border-radius:8px;
border-radius:8px;
}

#top h1
{
font-size: 1.6em;
padding:0;
margin:0;
display:inline;
color:#fff;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
color: black;
background-color: #d3d3d3;
}

#rightnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
color: black;
background-color: #d3d3d3;
}



div#secondarynav
{ 
  width: 160px; 

  font-family: arial, sans-serif;
  z-index: 100;
}

div#secondarynav a 
{
  display: block;
  text-align: left;
  font: bold 1.0em sans-serif; 
  padding: 2px 4px;
  margin: 0;
  border-width: 0; 
  text-decoration: none;
  color: #191970;
  background:#dcdcdc;
  border: 1px solid #000;
}

div#secondarynav a:hover 
{
  color: #191970;
  text-align:left; 
  background: white; 
}

#indexcontent
{
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: 1em;
height:400px;
line-height:150%;
color: black;
background-color: white;
}


#content
{
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: 1em;
overflow:auto;
height:400px;
line-height:150%;
color: black;
background-color: white;
}

#pfcontent
{
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: 1em;
line-height:150%;
color: black;
background-color: white;
}

#content p img {
  float:left;
  padding-right: 10px;
} 

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #000;
background-color: white;
font-weight: bold;
border-top: 1px solid gray;
}

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

.inline { display:inline; }


.cell {		
padding:0.5em;		
text-align:left;
width: 25%;
border:1px solid black;
font-weight:bold;
background: #f0f8ff;
}

.bgclr {
background-color: white; 
color: black; 
font-weight: bold;
}

.pfcell {		
padding:0.5em;		
text-align:left;
width: 25%;
}

.quiz {
  color:red;
  font-weight: bold;
  background: white;
}

.quizlink {
text-decoration: none;
color: blue;
font-weight: bold;
}