body {
	margin: 0;
	padding: 0;
	background-color: white;
	color: black;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	font: small Verdana, Helvetica, Arial, sans-serif;
	min-width: 800px;
}
#cookienotice {
	font-size:small;
	color: blue;
	padding: 0px 0px 10px 0px;
/*	background-color: #fdf8f2;
	margin: 0px 40px 0px 40px;
	padding: 0px 10px 0px 10px;*/
	width: 800px;
}
#wrapper {
	background-color: white;
	color: black;
	margin: 30px 40px 30px 40px;
	padding: 10px;
	width: 800px;
}
/*#wrapper #header {
	height: 180px;
}*/
#wrapper #header .KCS {
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: white;
}
#wrapper #header .motto {
	font-size: 90%;
	font-style: italic;
	text-align: center;
	color: white;
}
#wrapper #header .ImgBack {
	background-color: blue;
	color: black;
	width: 100%;
	height: 78px;
}
#wrapper #header .ImgBack1 {
	background-color: blue;
	color: black;
	width: 100%;
	height: 120px;
/*	background-image: url(resources/grass.jpg); */
	background-image: url(resources/BardseyPan2.jpg);
	/*	border-width: 0;
	padding: 0;
	margin: 0;*/
}
#wrapper #header .ImgBack2 {
	color: black;
	width: 100%;
	height: 120px;
	background-image: url(resources/kcslogo3.png);
/*	background-image: url(resources/kcslogo2.png); not transparent in IE 5 & 6*/
/*	border-width: 0;
	padding: 0;
	margin: 0;*/
	background-repeat: no-repeat;
/*	background-position: 1;*/
}
#TopMenu {
	border-top: 1px solid #b3e0ff; /*#b9d2e3;*/
	font-size: 80%;
	text-align: right;
	}
#TopMenu ul {
	margin: 0;
	padding: 5px 0 5px 0;
	float: none;
}
#TopMenu li {
  display: inline;
  background-color: #fdf8f2;
  color: #050845;
}
/*#TopMenu a:link, #TopMenu a:visited {
  text-decoration: none;
  background-color: #fdf8f2;
  color: #050845;
}

#TopMenu a:hover {
  text-decoration: underline;
  color: blue;
}*/

#TopMenu a:link, #TopMenu  a:visited {
  color: #0099FF;
  background-color: white;
  text-decoration: none;
}
#TopMenu a:hover {
  color: blue;
  background-color: white;
  text-decoration: none;
}

#main {
	margin-top: 10px;
	top: 0px;
	left: 0px;
	width: 100%;
	position: relative;
	/* fix peekaboo bug causing text on DataDesk page to disappear. Trying to use Holly Hack
	   on #main, #content or .inner caused pages with wide content (images or hyperlinks with long
	   URLs on publications pages) to have content pushed below navbar */
	line-height: 1.2;
}
#content {
  margin: 0 0 0 150px;
  border: 1px solid #b3e0ff; /*#b9d2e3;*/
  background-color: #FFFFFF;
  color: black;
  min-width: 500px;
}

/* Stop wide images in .inner from being pushed below sidebar when window is narrow  (IE only) */
/** html #content {
  margin: 0 -650px 0 150px;
}  
*/
/* fix peekaboo bug */
/* begin hide from IE5-Mac \*/
/** html #main {  height: 1%; }*/
/** html #content {  height: 1%; }*/
/* end hide */

#content .SeriesofImages {
	text-align: center;
}
#content .SeriesofImages img{
	border: 0 none;
}
#content .inner {
  margin: 10px 20px 10px 20px;
}

#content .inner .buyerror {
  color: #F00;
  border: 1px solid #F00;
}

#content .inner h1 {
  color: #245185;
  background-color: white;
  padding-bottom: 0.2em;
/*  border-bottom: 1px solid #b9d2e3;*/
  border-bottom: 3px solid #b3e0ff; /*#b9d2e3;*/
  font-size: 150%;
}
/* fix peekaboo bug - bottom borders were disappearing in IE6 */
/* begin hide from IE5-Mac \*/
* html #content .inner h1 {  height: 1%; }
/* end hide */

#content .inner h2 {
  color: #245185;
  background-color: white;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #b3e0ff; /*#b9d2e3;*/
  font-size: 130%;
}
/* fix peekaboo bug - bottom borders were disappearing in IE6 */
/* begin hide from IE5-Mac \*/
* html #content .inner h2 {  height: 1%; }
/* end hide */

#content .inner h3 {
  color: #245185;
  background-color: white;
  padding-bottom: 0.2em;
  font-size: 120%;
}
#content .inner h3 a:link, #content .inner h3 a:visited {
	color: #245185;
	background-color: white;
	font-size: 80%;
	text-decoration: none;
}
#content .inner h4 {
  color: #245185;
  background-color: white;
  padding-bottom: 0.2em;
  font-size: 100%;
}

#content .inner p {
/*	background-color: white;*/
	font-size: 90%;
}
#content .inner ul {
	color: black;
	background-color: white;
	font-size: 90%;
	/* increase height slightly so that underlines on links in lists aren't partially obscured by next line */
	line-height: 1.3;
}
#content .inner ul li {
  list-style-image:url(buttons/bullet2.gif);
  list-style-type: circle;
}

#content .inner a:link, #content .inner a:visited {
  color: #0099FF;
  background-color: white;
  text-decoration: none;
}
#content .inner a:hover {
  color: blue;
  background-color: white;
/*  text-decoration: underline;*/
}
#content .inner ol {
	color: black;
	background-color: white;
	font-size: 90%;
}
#content .inner .CenteredQuote {
	font-style: italic;
	text-align: center;
}

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

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

#content .inner .CaptionedImageRight a:hover {
/*  color: blue;
  background-color: white;
*/  text-decoration: none;
}

#content .inner .BoxOutRight {
	font-size: 0.8em;
	text-align: left;
	float: right;
	color: #993366;
	background-color: white;
	margin-left: 10px;
	border: 1px solid #b3e0ff; /*#b9d2e3;*/
	width: 25%;
	padding: 5px 5px 5px 5px;
}

#content .inner .CaptionedImageCentered {
	text-align: center;
}

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

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

#content .inner .BlackBox {
	color: white;
	background-color: black;
	text-align: center;
}

#content .inner .RowOdd {
	background-color: #b3e0ff; /*#b9d2e3;*/
	color: black;
}

#content .inner .RowOdd a:link, #content .inner .RowOdd a:hover, #content .inner .RowOdd a:visited{
	background-color: #b3e0ff; /*#b9d2e3;*/
	color: black;
	text-decoration:underline
}
#content .inner .RowEven {
	background-color: #eef8fe; /*#DDDDDD;*/
	color: black;
}

#content .inner .RowEven a:link, #content .inner .RowEven a:hover, #content .inner .RowEven a:visited{
	background-color: #eef8fe; /*#DDDDDD;*/
	color: black;
	text-decoration:underline
}

#content .inner .OrderDropdown {
	background-color: white;
	color: black;
	font-size: 90%;
/*	width: 75%;*/
}

#content .inner form {
	margin-bottom: 0 ; 
}

#content .inner hr {
	height: 5px;
	background-color: #b3e0ff; /*#b9d2e3;*/
	color: #b9d2e3;
	border: 0px;
}

#content .inner .AdLink a:link, .inner .AdLink a:visited {
  color: #00FF66;
  background-color: white;
  text-decoration: none;
}
#content .inner .AdLink a:hover {
  color: blue;
  background-color: white;
  text-decoration: none;
}

.BottomMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
	border-top: 1px solid #b3e0ff; /*#b9d2e3;*/
	padding: 5px 0 5px 0;
}

/* fix peekaboo bug - bottom borders were disappearing in IE6 */
/* begin hide from IE5-Mac \*/
* html .BottomMenu {  height: 1%; }
/* end hide */

.BottomMenu a:link, .BottomMenu a:visited {
  color: #0099FF;
  background-color: white;
  text-decoration: none;
}
.BottomMenu a:hover {
  color: blue;
  background-color: white;
  text-decoration: none;
}
.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;
}
.clearright {
	clear: both;
	height: 1px;
	width: 100%;
	overflow: hidden;
}
.HighlightBox {
	background-color: #0066FF;
	padding: 5px 5px 5px 5px;
	color: white;
}
.HighlightBox a{
	background-color: #0066FF;
	color: white;
}
/* 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;*/
/*	height: 1px;*/
}
/* End hide from IE-mac */

.SmallText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: white;
	color: black;
}
.BuyTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 0 0 0 0;
	border: 0px;
	margin: 0 0 0 0;
	border-collapse: collapse;
	color: black;
    background-color: white;
}

.FeatureTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 0 0 0 0;
	border: 1px solid #b3e0ff; /*#b9d2e3;*/
	margin: 0 0 0 0;
	border-collapse: collapse;
}

.FeatureTable td {
	border: 1px solid #b3e0ff; /*#b9d2e3;*/
}
.FeatureTable th {
	font-weight: bold;
	text-align: left;
	border: 1px solid #b3e0ff; /*#b9d2e3;*/
}

.XLBuyTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0 0 0 0;
	border: 3px solid #b3e0ff; /*#b9d2e3;*/
	margin: 0 0 0 0;
	border-collapse: collapse;
}

.XLBuyTable td {
	border: 2px solid #b3e0ff; /*#b9d2e3;*/
}
.XLBuyTable th {
	font-weight: bold;
	text-align: center;
	border: 2px solid #b3e0ff; /*#b9d2e3;*/
}

.FeaturedProduct {
	padding: 5px, 5px, 5px, 5px;
}
.FeaturedProduct td {
	border-bottom: 1px solid #b3e0ff; /*#b9d2e3;*/
	padding: 5px, 5px, 5px, 5px;
}
.FeaturedProductNoLine {
	padding: 5px, 5px, 5px, 5px;
}
.FeaturedProductNoLine td {
	border-bottom: 0px solid #b3e0ff; /*#b9d2e3;*/
	padding: 5px, 5px, 5px, 5px;
}
.QDA2 {
    color: #000066;
    font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.QDA1 {
	color: #000066;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.fsSubmitButton
{
	border-top:		2px solid #a3ceda;
	border-left:		2px solid #a3ceda;
	border-right:		2px solid #4f6267;
	border-bottom:		2px solid #4f6267;
/*	padding:		5px 10px !important;*/
	font-size:		14px !important;
	background-color:	#b3e0ff;
	font-weight:		bold;
	color:			#0000FF;
}

.fsSubmitButtonImg
{
	background:url("buttons/calculate.png";
}

/*********** #navBar link styles ***********/
#sidebar {
	top: 0;
	right: 0px;
	width: 140px;
	background-color: #d7eefe; /*#b9d2e3;*/
	color: blue;
	margin: 0;
	padding: 0;
	float: left;
	border: 1px solid blue;
}
#sidebar .inner {
  padding: 10px;
}

#navBar{
	padding: 0px;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
}
#navBar p{
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 5px;
}

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	color: blue;
	background-color: #d7eefe; /*#b9d2e3;*/
	text-decoration: none;
/*	padding-bottom: 5px;*/
}
#navBar ul a:hover {
	display: block;
	color: blue;
	background-color: #d7eefe; /*#b9d2e3;*/
	text-decoration: underline;
/*	padding-bottom: 5px;*/
}
#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navBar .submenu {
	padding-left: 10px;
	font-size: 90%;
	margin-top: 0px;
}
#navBar .sectionhead {
	/*  padding-bottom: 5px;*/
  font-weight: bold;
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
  border-bottom: 1px solid #d7eefe; /*#b9d2e3;*/
  border-top: 1px solid #d7eefe; /*#b9d2e3;*/
 }
/*#navBar li {border-bottom: none;}*/

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: 1px solid #d7eefe; /*#b9d2e3;*/}
/*html>body #navBar li {border-bottom: none;}*/