body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: white;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	font: small Verdana, Helvetica, Arial, sans-serif;
	min-width: 800px;
}
#wrapper {
	background-color: #fdf8f2;
	color: black;
	margin: 30px 40px 30px 40px;
	padding: 10px;
	width: 800px;
}
#TopMenu {
  border-top: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  height: 1%;
}
#TopMenu ul {
	margin: 0;
	padding: 5px 0 5px 0;
	float: right;
}
#TopMenu li {
  display: inline;
  background-color: #fdf8f2;
  color: #050845;
}
#TopMenu a:link, #TopMenu a:visited {
  text-decoration: none;
  background-color: #fdf8f2;
  color: #050845;
}
#main {
	margin-top: 10px;
	top: 0px;
	left: 0px;
	width: 100%;
	position: relative;
}
#FullWidthcontent {
  margin: 0 0 0 0;
  border: 1px solid #b9d2e3;
  background-color: white;
  color: black;
}
#FullWidthcontent .inner {
  margin: 10px 20px 10px 20px;
}

#FullWidthcontent .inner p {
	color: #0066FF;
	background-color: white;
	font-size: 90%;
	margin-left: 0px;
}
#FullWidthcontent .inner .CaptionedImage {
	text-align: center;
}
#FullWidthcontent .inner .CaptionedImage img{
	border: 0 none;
}
#content {
  margin: 0 155px 0 0;
  border: 1px solid #b9d2e3;
  background-color: white;
  color: black;
}

#content table {
  border: 1px solid #b9d2e3;
}

/*#content table td {
  border: 1px solid #b9d2e3;
}*/

#content .inner hr {
  color: #b9d2e3;
}
#content .inner {
  margin: 10px 20px 10px 20px;
}
#content .inner a:visited {
  color: #00CCCC;
  background-color: white;
  text-decoration: none;
}
#content .inner a:link {
  color: #0099FF;
  background-color: white;
  text-decoration: none;
}
#content .inner a:hover {
  color: blue;
/*  background-color: white;
  text-decoration: underline;
*/
/*  background-color:#b9d2e3;*/
  text-decoration:none;
 }

#content .inner h1 {
  color: #245185;
  background-color: white;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #b9d2e3;
  font-size: 150%;
}
#content .inner h2 {
  color: #245185;
  background-color: white;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #b9d2e3;
  font-size: 130%;
}
#content .inner h3 {
  color: #245185;
  background-color: white;
  padding-bottom: 0.2em;
  font-size: 130%;
}
#content .inner h3 a:link, #content .inner h3 a:visited {
	color: #245185;
	background-color: white;
	font-size: 80%;
	text-decoration: none;
}
#content .inner h3 a:hover {
  color: blue;
  background-color: white;
  text-decoration: underline;
 }
#content .inner ul.features {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .inner p {
/*	color: #0066FF;
*/	color: black;
	background-color: #FFFFFF;
	font-size: 90%;
}
#content .inner li {
/*	color: #0066FF;
*/	color: black;
	background-color: #FFFFFF;
	font-size: 90%;
}
#content .inner .CenteredQuote {
	font-style: italic;
	text-align: center;
}

#content .inner .BoxOutleft {
	font-size: 1em;
	text-align: left;
	float: left;
/*	color: #993366;*/
	background-color: white;
	margin-left: 0px;
	margin-right: 10px;
	border: 1px solid #b9d2e3;
	width: 33%;
	padding: 5px 5px 5px 5px;
}
#content .inner .CaptionedImage {
	font-size: 0.8em;
	text-align: center;
	float: left;
	margin-right: 10px;
	color: #009900;
	background-color: #FFFFFF;
}

#content .inner .CaptionedImageRight {
	font-size: 0.8em;
	text-align: center;
	float: right;
	color: #009900;
	background-color: #FFFFFF;
	margin-left: 10px;
}

#content .inner .CaptionedImageCentered {
	font-size: 0.8em;
	text-align: center;
	color: #009900;
	background-color: #FFFFFF;
	margin-left: 10px;
	text-align: center;
}

#content .inner .CaptionedImage img{
	border: 0 none;
}

#content .inner .CaptionedImageCentered img{
	border: 0 none;
}

#content .inner .CaptionedImageRight img{
	border: 0 none;
}


#content .inner .BlackBox {
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
}
#sidebar {
	top: 0;
	right: 0px;
	width: 140px;
	background-color: #b9d2e3;
	color: white;
	margin: 0;
	padding: 0;
	float: right;
}
#sidebar .inner {
  padding: 10px;
}
#sidebar .inner .CaptionedImage {
	font-size: 0.8em;
	text-align: center;
	float: left;
	margin-right: 10px;
	color: #009900;
/*	background-color: #FFFFFF;*/
}
#sidebar .inner .CaptionedImage img{
	border: 0 none;
}

#searchform .text {
  width: 110px;
  border: 1px solid #45bac0;
}
#searchform .searchbutton {
  text-align: left;
  margin-top: 4px;
}
#searchform .btn {
  border: 1px solid #45bac0;
  background-color: #256290;
  color: white;
}
#MainMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#MainMenu ul {
 	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}
#MainMenu li {
	display: inline;
	margin-right: 3px;
	width: 97px;
/*	margin-right: 2px;
	width: 86px;*/
	text-align: center;
	float: left;
}

#MainMenu ul li a {
	display: block;
	color: #2D598D;
	background-image: url("tabs.gif");
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	font-weight: bold;
}

#MainMenu ul li a.current {
	color: #930;
	background-image: url("tabs.gif");
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 -52px;
}

#MainMenu ul li a:hover {
	color: #930;
	background-image: url("tabs.gif");
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 -26px;
}

#MainMenu ul li a.current:hover {
	background-image: url("tabs.gif");
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
#BottomMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
	border-top: 1px solid #b9d2e3;
}
#BottomMenu a:link, #BottomMenu a:visited {
  color: #0099FF;
  background-color: white;
  text-decoration: none;
}
#BottomMenu a:hover {
  color: blue;
  background-color: white;
  text-decoration: underline;
 }
.BottomCopyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding-left: 10px;
}
#clearone {
	clear: both;
	height: 1px;
}
.clearbeforeheading {
	clear: both;
	height: 0px;
	overflow: auto;
	margin-bottom: 1px;
}
#content .inner .HighlightBox {
	background-color: #0066FF;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 90%;
}
#content .inner .HighlightBox a:link, #content .inner .HighlightBox a:visited, #content .inner .HighlightBox a:hover {
	background-color: #0066FF;
	color: #FFFFFF;
	text-decoration: underline;
}
/* Use in div around a block of text with floated image to ensure that, if text is shorter than
   image, image doesn't overlap next block (e.g. maps page on Anglesey History)
See http://www.456bereastreet.com/archive/200412/clearing_floated_images_in_body_text/ */
.floatclear {
/*	display:inline-block; invalid under XHTML - removing doesn't seem to affect result*/
	width:100%;
}
/* Hide from IE-mac \*/
* html .floatclear {
	height:1%;
	width:auto;
}
.floatclear {
	display:table;
}
/* End hide from IE-mac */

#HistoryTable {
	color: #0066FF;
}
#HistoryTable td{
	color: #000000;
}
#HistoryTable .LeftCol{
	width: 150px;
}
#content .SeriesofImages {
	text-align: center;
}
#content .SeriesofImages img{
	border: 0 none;
}