body {
font-size:85%;
font-family: arial,verdana,sans-serif;
background-color: #2f4f4f;
}
 #container
{
width: 90%;
margin: 10px auto;
background-color: #d3d3d3;
color: #333;
border: 1px solid black;
line-height: 130%;
}

 #pfcontainer
{
width: 90%;
margin: 10px auto;
background-color: white;
color: #333;
border: 1px solid black;
line-height: 130%;
}


#advert {
  background-color: white;
  color:black;
  border: 1px solid black;
  padding: 10px;
}

#instructions {
  background-color: white;
  color:black;
  border: 1px solid black;
  padding: 10px;
}

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
{
padding-left: 40px;
padding-top: 30px;
height: 40px;
background-image: url(../images/top.jpg);
background-repeat: no-repeat;
background-color: #320966;
border: 1px solid black;
}

#top h1
{
font-size: 1.6em;
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; 
}


#content h2
{
color: #b22222;
background-color: white;
}

#content h3
{
color: #00008b;
background-color: white;
}

#content
{
border-left: 1px solid black;
border-right: 1px solid black;
padding: 1em;
overflow:auto;
height: 400px;
line-height:150%;
color: black;
background-color: white;
}

#pfcontent
{
border-left: 1px solid black;
border-right: 1px solid black;
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 black;
}

#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;
}