body { margin: 0; padding: 0; text-align: center; background: #fff}
/* Below:  All these are global styles applied to everything.  However, they can be overwritten later in the CSS */
* {margin: 0; padding: 0; border: 0; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000 }


/* Layout */

#container { /* the container contains all the divs and makes sure they are centrally aligned.  Note that IE uses the text-align: center; in the body to align everything centrally */
  margin: auto;
  width: 770px;
}

#navarea {  /* This div allows an area for the main navigation tabs */
  height: 32px;
  margin-left: 60px;
  margin-top: 25px;
}

#maincol {  /* main column where the main text etc is located */
  width: 770px;
  background-color: #3399FF;
  padding: 15px 20px 20px 30px;
}

#footercol {  /* footer column */
  width: 770px;
  padding-top: 5px;
}

/* Text styles */

#mainpagetitle { /* Styles for the main site title */
  padding-top: 15px;
  text-align: center;
  font-family: Impact, Ariel, agency;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 4px; /* spaces out the letters a bit */
}

#mainsubtitle {  /* Styles for the sites subtitle */
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 20px;
}

#mainsub2title {  /* Styles for the sites subtitle */
  position: relative;
  left: 400px;
  font-size: 16px;
  font-style: italic;
}

#pagetitle { /* Styles for the main site title */
  padding-top: 15px;
  text-align: center;
  font-family: Impact, Ariel, agency;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 4px; /* spaces out the letters a bit */
  padding-right: 80px;
}

#subtitle {  /* Styles for the sites subtitle */
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 20px;
  padding-right: 80px;
}

#sub2title {  /* Styles for the sites subtitle */
  padding-bottom: 15px;
  padding-left: 430px;
  font-size: 16px;
  font-style: italic;
}

#titleimage {
  float: left;
  padding-left: 50px;
}

#maincol p {
  text-align: justify;
  line-height: 18px;
  padding-top: 18px;
  }
  
#maincol h3 {
  padding-top: 30px;
  font-size: 1.2em;
  font-weight: bold;
  }
  
#maincol img {
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
.imgleft {
  float: left;
  padding-right: 12px;
  }

.imgright {
  float: right;
  padding-left: 12px;
  }


/* Main Nav */

#nav   /* Main nav */
{
  float: left;
  white-space: nowrap;
}

#nav li  /* Main nav list items */
{
  font-size: 12px;
  float: left;
  list-style: none;
  padding-left: 10px;
  padding-right: 10px;
}

#nav a {   /* Main nav styles for all links */
	display: block; /* Although a block suggests a vertical list, the float: right; property under #nav li causes the menu to float to an inline position */
	width: 110px;
	padding-top: 7px;
	padding-bottom: 5px;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	 }

#nav a:link, #nav a:visited  /* Main nav link and visited states */
{
	color: #1C44BC; 
	border-bottom: 2px solid #8599D4;
	background: #B2C2F4;
}

#nav a:hover, #nav a:active /* Main nav hover and active states */
{
	color: #FFF000; 
	border-bottom: 2px solid #1C44BC;
	background: #1C44BC;
}

#footer {
  float: left;
  text-align: left;
  font-size: 11px;
  color: #000;
  font-style: italic;
}

#footer a:link, #footer a:visited {
  text-decoration: none;
}

#copyright {
  float: right;
  text-align: right;
  font-size: 9px;
  color: #000;
}

/* Other styles */
.picturetable {
  clear: both;
  margin: auto;
}

.picturetable td {
  border-width: 0px;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
  border-style: hidden hidden hidden hidden;
}

.contact_details td {
  padding: 2px 3px 2px 3px;
}

.contact_details td:first-child { 
  font-weight: bold; 
}

.reviewlist li {
  list-style: none;
}

.reviewlist img {
  vertical-align: middle;
  padding-left: 4px;
  padding-right: 8px;
}