/* Stylesheet for the front page of the website */

body 
 {
  background: #fff url(images/sand.jpg); 
  color: black; text-align: center; margin: 0px;
 }

/* page confinement parameters */

#page
 {
  background-color: transparent; position: relative; text-align: center;
  margin-top: 20px; margin-right: auto; margin-left: auto; width: 880px;
 }

/* text div box */

.box 
 { 
  position: relative; text-align: left; width: 870px;
  margin-top: 10px; margin-right: auto; margin-left: auto; padding: 5px; 
 }

/* float an image left in text box */

.left
 {
  float:left; margin-bottom: 5px; padding: 5px 5px 0px 5px;
 }

/* Left and right image box floats */

.boxlf
 {
  background-color: transparent; position: relative; float: left;
  margin-top: 10px; margin-bottom: 10px;
 }

.boxrt
 {
  background-color: transparent; position: relative; float: right;
  margin-top: 10px; margin-bottom: 10px;
 }

/* page update */

#footer
 {
  font-family: Verdana, Arial, sans-serif; font-size: 70%; color: black;
  text-align: left; margin-left: 20px; margin-bottom: 30px;
 }

/* Link colours, fonts, etc */

a:link {color: blue}
a:visited {color: red}
a:hover {color: #ff00ff}
a:active {color: #0000ff}

h1 {text-align: center; font-family: Verdana, Arial, sans-serif; color: black; font-size: 300%;}

p.white {text-align: left; font-family: Verdana, Arial, sans-serif; color: white; font-size: 75%;}

p {text-align: left; font-family: Verdana, Arial, sans-serif; color: black; font-size: 75%;}

p.small {text-align: center; font-family: Arial, sans-serif; color: black; font-size: 70%;}

p.visits {text-align: center; font-family: Arial, sans-serif; color: blue; font-size: 70%;}