body {
font-family: Arial, Helvetica;
background-color: #DDDDDD;
color: #000000; 
font-size: .8em;
text-align: center;
}

a:link    {color: #000000; font-weight: bold; text-decoration: underline;}
a:visited {color: #000000; font-weight: bold; text-decoration: underline;} 
a:active  {color: #000099; font-weight: bold; text-decoration: underline;}
a:hover   {color: #000099; font-weight: bold; text-decoration: underline;}

hr {color: #000099;}
td {font-family: Arial, Helvetica;color: #000000;font-size: .7em;}
h1 {font-size: 1.5em; display: inline;}
h2 {font-size: 1.3em; display: inline;}
h3 {font-size: 1em; display: inline;}

.pagebody {
position: relative; 
top: 0px; 
text-align: left; 
width: 500px; margin: auto; 
border: 0px;
padding: 1px;
}

#navdiv {
position: relative; 
top: 0px; 
left: 0px; 
text-align: center;
}

#navdiv ul, #navdiv li 
{
display: inline;
list-style-type: none;
margin: 0px 10px 0px 0px;
padding: 0px;
}


#navdiv a:link, #navdiv a:visited
{
font-size: 90%;
font-weight: normal;
margin: 0px 0px 2px 0px;
text-decoration: none;
color: #333333;
}

#navdiv a:hover {
border-bottom: 1px solid #333333;
}

.splashlogo {position: relative; top: 40px;  text-align: center;}
.maintext {position: relative; top: 50; left: 50; width: 500; clear: both;}
.picture {position: relative; top: -180; left:185; width: 200;  }
.bottommenu {position: relative; top: -200px; left: 50px; width: 600px; height: 50px; }
.sumi {position: relative; top: -170px; left: 520px; width: 50px; height: 50px;}
.stones {position: relative; top: -180; left: 510; width: 200px; height: 0px;}

.centre {text-align: center;}


.sumil:link    {color: #000000; font-weight: normal; text-decoration: none;}
.sumil:visited {color: #000000; font-weight: normal; text-decoration: none;}
.sumil:active  {color: #000099; font-weight: normal; text-decoration: none;}


.navitem:link    {color: #000000; font-weight: normal; text-decoration: none; font-size: 12pt;}
.navitem:visited {color: #000000; font-weight: normal; text-decoration: none; font-size: 12pt;}
.navitem:active  {color: #000099; font-weight: normal; text-decoration: underline; font-size: 12pt;}
.navitem:hover   {color: #000099; font-weight: normal; text-decoration: underline; font-size: 12pt;}

#menu1 {position: relative; left: 20;}
#menu2 {position: relative; left: 40;}
#menu3 {position: relative; left: 60;}
#menu4 {position: relative; left: 80;}
#menu5 {position: relative; left: 60;}
#menu6 {position: relative; left: 60;}
#menu7 {position: relative; left: 60;}


.centre {text-align: center; }
.photor {margin: 0px 0px 5px 15px; float: right;}
.photol {margin: 0px 15px 5px 05px; float: left;}
.italic {font-style: italic;}
.fright {float: right;}

.quote {font-weight: bold; font-style: italic;}
.quoter {font-weight: bold}

.colourtest {font-size: 200%; text-align: center; width: 200px; background: #ffffff; padding: 10px; position: relative; top: 5px; line-height: 150%; margin: auto;}
.colour1 {color: #800000;}
.colour2 {color: #ff0000;}
.colour3 {color: #ffcc00;}
.colour4 {color: #00ffff;}
.colour5 {color: #993366;}
.colour6 {color: #000080;}
.colour7 {color: #00ff00;}
.colour10 {color: #008000;}

.quiztable {border-collapse: collapse; width: 500px; padding: 0px;}
.quiztable td {border: 1px solid #999999; padding: 1px 0px 1px 2px;}
.score {background: #dddddd; border: 0px; text-align: center; font-weight: bold;}
.quizscore {border-collapse: collapse; width: 500px; padding: 0px;}
.quizscore td {border: 0px solid #dddddd; padding: 1px 0px 1px 2px;}
form {display: inline;}

.sitemap  { margin: 0px 0px 20px 50px; left: 50px; line-height: 170%; }
.sitemap li {margin: 0px 0px 0px -20px;}
.sitemaplink:link {font-weight: normal; text-decoration: none;}
.sitemaplink:visited {font-weight: normal; text-decoration: none;}
.sitemaplink:active {font-weight: normal; text-decoration: underline;}
.sitemaplink:hover {font-weight: normal; text-decoration: underline;}

.bold {font-weight: bold;}
.red {color: #f00;}