/*
Main Border Colour: #552828 -brown, 666699 -blue/grey, cc0033 -crimson, ff3300 -burnt orange, 336633 -green
Horizontal Menu BG Colour: #552828, 666699, cc0033, ff3300
*/

body {
 text-align: center;
 background-image: URL('images/BG-CobbleStones.jpg');
 background-repeat: repeat;
 }

th, td, p { font-size: 14px; }

#headerBox {
  width: 850px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  background-image: URL('images/graymarble.jpg');
  background-repeat: repeat;
  color: #000000;
  border-bottom: none;
  border-left: solid #666699 2px;
  border-right: solid #666699 2px;
  border-top: solid #666699 2px;
  }

#horizMenu {
  width: 850px;
  height: 25px;
  font-size: 18px;
  font-family: arial, sans-serif;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4px;
  background-color: #666699;
  color: #FFFFFF;
  border-left: solid #666699 2px;
  border-right: solid #666699 2px;
  vertical-align: center;
  }

#horizMenu a {text-decoration: none; color: #FFFFFF; }
#horizMenu a:hover   { color: #666699; background: #FFFFFF; }

#mainContent {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  background-image: URL('images/graymarble.jpg');
  background-repeat: repeat;
  color: #000000;
  font-size: 12px;
  border-left: solid #666699 2px;
  border-right: solid #666699 2px;
  }

.boxmenu {
  margin-top: 5px;
  margin-left: 5px;
  width: 150px;
  background-color: transparent;
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: normal;
  color: #000000;
  border: solid #666699 1px;
  }

.boxhead {
  width: 146px;
  margin: 2px;
  background-color: #666699;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  }

.boxbody {
  width: 146px;
  color: #000000;
  font-weight: normal;
  text-align: left;
  padding: 2px;
  }


.boxbody a {
	float: left;
	width; 146px;
	text-decoration: none;
	color: #000000;
	padding-left: 2px;
}
.boxbody a:hover   { color: #FFFFFF; background-color: #666699; }

.contentArea {
  width: 676px;
  min-height: 300px;
  margin-top: 5px;
  margin-left: 5px;
  border: solid #666699 1px;
  background-color: transparent;
  color: black;
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  padding: 2px;
  vertical-align: top;
  }
  
.contentArea h3 {  font-size: 14px;  }

.contentArea h2 {  font-size: 18px;  }

.contentArea a:link    { text-decoration: underline; color: #000000; }
.contentArea a:visited { text-decoration: underline; color: #000000; }
.contentArea a:hover   { text-decoration: none; color: #cc3333; }
.contentArea a:active  { text-decoration: none; color: #000000; }

.centered { text-align: center }

.boxlargehead {
  width: 672px;
  margin: 2px;
  background-color: #666699;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}

.boxlargebody {
  width: 672px;
  color: #000000;
  font-weight: normal;
  text-align: left;
  padding: 2px;
}
    
#footerBox {
  width: 850px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  background-image: URL('images/graymarble.jpg');
  background-repeat: repeat;
  color: #000000;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-bottom: solid #666699 2px;
  border-left: solid #666699 2px;
  border-right: solid #666699 2px;
  border-top: none;
  }

.clear { background-color: transparent }