body {
	padding: 10px 0 0 0;
	margin: 0;
	font: 76% arial, helvetica, sans-serif;
	color: #645B48;
	/*background-color: #F5F5DC;*/
	background-color: #fff;
}
.devNotes {
	background: #ffc;
	color: #00f;
	font-family: 'lucida console', courier, monospace;
	font-size: 0.9em;
}
/* =================  MAIN PAGE BLOCKS ========================== */

table#layout, table.fullScreen {
	width: 100%;
	border-collapse: collapse;
}
table#layout tr td.header {
	width: 20%;
	background-color: #937444;
	background-image: url( ../images/header-texture_bg.jpg );
	background-repeat: no-repeat;
	background-position: right;
	border-width: 1px;
	border-style: solid;
	border-color: #74684D #74684D #5F563E #74684D;
	padding: 0;
}
table#layout tr td.nav {
	background: #BAA165;
	border-width: 2px 1px 1px 1px;
	border-style: solid;
	border-color: #A6915F #74684D #74684D #74684D;
	padding: 0 10px 0 10px;
}
table#layout td.nav ul {
	padding: 5px 0 7px 0; 
	margin: 0;
}
table#layout td.nav li {
	display: inline;
	padding: 0 16px 0 10px;
	margin: 0;
	background: url(../images/nav_arrow2a.gif) no-repeat 0 0.2em;
}
table#layout td.nav a {
	color: #FFFFE0;
}
table#layout td.header img {
	display: block;
}
table#layout tr td.background {
	width: 40%;
}
table#layout tr td.mainFull {
	background-color: #fff;
	border-width: 0 1px;
	border-style: solid;
	border-color: #74684D;
	padding: 10px;
}
table#layout tr td.mainLeft {
	width: 99%;
	background-color: #fff;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #74684D;
	padding: 10px;
}
table#layout tr td.mainMiddle {
	width: 98%;
	background-color: #fff;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #74684D;
	padding: 10px;
}
table#layout tr td.leftCol {
	width: 1%;
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	border-width: 0;
}
table#layout tr td.rightCol {
	width: 1%;
	background-color: #fff;
	border-width: 0 1px  0 1px;
	border-style: solid;
	border-color: #74684D;
	padding: 10px 10px 10px 0;
}
table#layout tr td.footer {
	background-color: #938462;
	border-width: 1px;
	border-style: solid;
	border-color: #74684D;
	padding: 5px 10px;
	font-size: 0.9em;
	text-align: right;
}
table#layout tr td.footer a {
	color: #FFEFAE;
}

#footerbar {
	padding: 0.6em;
	margin-top: 0em;
	background: #eee;
	border-width: 0 0 1px 0;
	border-color: #000 #000 #bbb #000;
	border-style: solid;
}
#footerbarunder {
	font-size: 0.9em;
	color: #999;
	padding: 1em;
}

/* =================  CONTENT SUBNAV - BROWSING ================= */
.subNavContent {
	background: #F8F8EA; 
	border: 1px solid #DAD8C7; 
	padding: 5px; 
	margin: 0 0 10px 0; 
	font-size: 1.1em;
}
ul.browse {
	padding: 5px 0; 
	margin: 0;
}
ul.browse li {
	display: inline;
	padding: 0 16px 0 14px;
	margin: 0;
	background: url(../images/browseStartGrayed.gif) no-repeat 0 0.2em;
}
ul.browse li.start {
	padding: 0 10px 0 22px;
	background-image: url(../images/browseStart.gif);
}
ul.browse li.startGrayed {
	padding: 0 10px 0 22px;
	background-image: url(../images/browseStartGrayed.gif);
}
ul.browse li.rewind {
	padding: 0 10px 0 18px;
	background-image: url(../images/browseRewind.gif);
}
ul.browse li.rewindGrayed {
	padding: 0 10px 0 18px;
	background-image: url(../images/browseRewindGrayed.gif);
}
ul.browse li.back {
	padding: 0 8px 0 12px;
	background-image: url(../images/browseBack.gif);
}
ul.browse li.backGrayed {
	padding: 0 8px 0 12px;
	background-image: url(../images/browseBackGrayed.gif);
}
ul.browse li.forward {
	padding: 0 12px 0 8px;
	background-image: url(../images/browseForward.gif);
	background-position: 100% 0.2em;
}
ul.browse li.forwardGrayed {
	padding: 0 12px 0 8px;
	background-image: url(../images/browseForwardGrayed.gif);
	background-position: 100% 0.2em;
}
ul.browse li.fastForward {
	padding: 0 18px 0 10px;
	background-image: url(../images/browseFastForward.gif);
	background-position: 100% 0.2em;
}
ul.browse li.fastForwardGrayed {
	padding: 0 18px 0 10px;
	background-image: url(../images/browseFastForwardGrayed.gif);
	background-position: 100% 0.2em;
}
ul.browse li.end {
	padding: 0 22px 0 10px;
	background-image: url(../images/browseEnd.gif);
	background-position: 100% 0.2em;
}
ul.browse li.endGrayed {
	padding: 0 22px 0 10px;
	background-image: url(../images/browseEndGrayed.gif);
	background-position: 100% 0.2em;
}

/* ----------------- relative font sizes ------------------------ */
h1 {
	font-size: 2.0em;
}
h2 {
	margin-top: 0;
	font-size: 1.8em;
	font-family: georgia, times new roman, serif;
	font-weight: normal;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
}
p, ol, ul, li {
	font-size: 1.0em;
}
h1,h3,h4,h5,h6 {
	font-family: georgia, times new roman, serif;
	/*color: #CC3300;*/
	/*color: #ACA54D;*/
	color: #A0522D;
	font-weight: normal;
}
h2 {
	color: #3A311C;
}
.headerBar {
	background: #FCFCF7;
	border: 1px solid #DAD8C7;
	padding: 7px 5px 5px 5px;
}
.about .headerBar {
	margin-top: 2em;
}
.headerBar h3 {
	float: left;
	margin: 0;
}
.headerBar p.topLink {
	float: right;
	margin: 0;
}
.about h3	{
	font-size: 1.4em;
}
.linksContent h3, .linksContent h4 {
	font-size: 1.2em;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color: #645B48;
	margin: 0;
}
cite {
	margin-left: 20px;
}
blockquote {
	font-family: georgia, 'times new roman', times, serif;
	font-style: italic;
	color: #888659;
	margin-left: 1em;
	padding: 0 0 0 0.7em;
	border-left: 1px solid #DAD8C7;
}
abbr {
	border-width: 0;
}
/* ----------------- margins ------------------------------------ */
/*h3, h4, h5, h6 {
	margin-bottom: 0.2em;
}*/
h4.box {
	margin-bottom: 0.6em;
}
h5, h6 {
	margin-bottom: 0;
}
/* adjacent sibling selectors not supported by: 
ie except ie5 (mac)
nn4
opera 3.5 */
h5 + p, h6 + p {
	margin-top: 0;
}
/* ----------------- misc elements ------------------------------ */
address {
	display: inline;
	font-style: normal;
	font-weight: normal;
}
img {
	border: none;
}
a:link {
	color: #03c;
}
a:visited {
	color: #B22222;
}
a:hover {
	color: #c30;
}
a:active {
	color: #0f0;
}

.divider {
	margin: 7px 0;
}
.divider div {
	font-size: 1px;
	line-height: 1px;
	background: url( ../images/bg_dotted_line_grey.gif ) repeat-x bottom;
	clear: both;
}

/* ================= form elements ============================== */

form.search label, form.search span.label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 0px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
form.search input, form.search textarea, form.search select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	color: #888659;
}
form.search input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { overflow: auto; }
form.search small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.search .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

input, select, textarea {
	color: #888659;
}
label, .label {	
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin-top: 1em;
}
input.button {
	margin-top: 1em;
}
span.required {
	color: #FF8C00;
	font-size: .9em;
	font-weight: normal;
}
.optionalField {
	font-weight: normal;
}
valErrorHighlight, select.valErrorHighlight {
	border: 1px solid #f00;
}
.grayedNav {
	color: #aaa;
}
/* ----------------- generic box -------------------------------- */

.genericBox {
	margin: 0 0 1em 0;
}
.genericBox div.content {
	background-color: transparent;
	padding: 5px;
}
.genericBox div.content h4 {
	font-size: 1em;
	font-weight: normal;
}
.genericBox h2, .genericBox h3 {
	color: #67632E;
	border: 1px solid #BFBC9B;
	background-color: #D4D09E;
	background-image: none;
	padding: 5px;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}
.genericBox div.content p {
	margin: 0;
}
.genericBox div.content ul {
	margin: 0.5em 0;
	padding: 0;
	line-height: 1.6em;
}
.genericBox div.content ul li {
	list-style: none;
	background: transparent url(../images/nav_arrow2b.gif) no-repeat 0 0.2em;
	padding: 0 0 0 9px;
}

/* ================= News box =================================== */

p.newsArticleDate {
	padding-left: 15px;
	background: url(../images/icon_doc.gif) no-repeat 0 0.2em;
}
.newsbox /* The Parent Containg Div */{
	background:  #FFFFF0; 
	color: #fff; 
	border-width: 1px 1px; 
	border-color: #BFBC9B; 
	border-style: solid; 
	margin: 0 0 1em 0; 
	padding: 0;
}

/* ================= news box header ============================ */
.newsContainer {
	border: 1px solid #BFBC9B;
	background: #fffde1;
}
.newsContainer h3 {
	background: #DBD894;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding: 0.3em;
	color: #67632E;
}
.newsboxheader, .newsboxheaderselected { 
	text-align : left;
	margin: 0; 
	padding: 4px;
	}
.newsboxheader { 
	background-color: #f5f2b9; 
	}
.newsboxheaderselected { 
	background-color: #f7f5d4; 
	}
.newsboxheader H4, .newsboxheaderselected H4 { 
	padding: 0px; 
	margin: 0px 0; 
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	}
.newsboxheader h4 A:link, .newsboxheader h4 A:visited { 
	color: #67632E; 
	background: transparent; 
	text-decoration: none; 
	}
.newsboxheader h3 A:hover {	
	color: #67632E; 
	background: transparent; 
	text-decoration: underline; 
	}


/* ------- news box header selected ----------------------------- */

.newsboxheaderselected h4 A:link, .newsboxheaderselected h4 A:visited, .newsboxheaderselected h4 { 
	color: #67632E;background: transparent;text-decoration: none; 
	}
.newsboxheaderselected h4 A:hover {	
	color: #67632E;;background: transparent;text-decoration: underline; 
	}

/* ------- news box body --------- */
.newsboxbody { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 0 10px; 
	border-width: 0; 
	border-color: #fff; 
	border-style: solid; 
	color: #036; 
	}
.newsboxitemselected {
	font-style: italic; 
	font-weight: normal; 
	background: transparent;
	color: #F90;
}
	
.newsboxbody UL, .boxbody UL {
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
	margin-bottom: 15px;
	list-style: none;
}
.newsboxbody UL li, .boxbody UL li {
	padding-left: 10px;
	background: transparent url(../images/nav_arrow2b.gif) no-repeat 0 0.1em;
	margin: 0 0 0.4em 0;
}
.boxbody ul li .small {
	font-size: 0.9em;
}

/* ================= CPGW pages ================================= */

.cpgwPage {
	text-align: center;
}
.cpgwPage img.page {
	margin: 0 -15px;
}
/* ================= CPGW search ================================ */

table.searchRes {
	border-collapse: collapse;
	width: 100%;
	clear: both;
}
table.searchRes tr td {
	border: 1px solid #B2A481;
	padding: 3px;
}
table.searchRes tr.bg2 td {
	background: #FAF8F3;
}
table.searchRes tr th {
	border: 1px solid #B2A481;
	padding: 3px;
	background-color: #DFD4B9;
}
.buttonBar {
	background: #F8F8EA;
	border: 1px solid #DAD8C7;
	padding: 5px;
}
ul.searchCriteria {
	margin: 0.5em 0 1em 0;
	padding: 0;
}
ul.searchCriteria li {
	list-style-type: none;
	background: url(../images/icon_search_param.gif) no-repeat 0 0.3em;
	padding-left: 12px;
}
/* ================= CPGW Main Record Details =================== */
div.badgeCaption, div.pictureCaption {
	font-size: 0.9em;
	background: #E5E3C6;
	padding: 3px;
	margin-top: 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #B2A481;
}
div.pictureCaption {
	border-width: 1px;
}
ul.properties {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}
ul.properties li {
	list-style-type: none;
	background: url(../images/nav_bullet2b.gif) no-repeat 0 0.2em;
	padding-left: 16px;
}
ul.properties li span.itemName {
	font-weight: bold;
}
ul.properties li span.itemTitle {
	font-weight: normal;
}
ul.properties ul {
	margin-left: 0px;
	padding-left: 0;
}
ul.properties ul li {
	background: url(../images/nav_bullet2c.gif) no-repeat 0 0.4em;
}
/* ================= CWGC Cemetery & Memorial pages ============= */

div.photoBoxCem {
	width: 280px; 
	float: right;
}
div.photoBoxMem {
	width: 280px; 
	float: right;
}
div.photoBoxLocalMem {
	width: 230px; 
	float: right;
}
div.photoBoxInside {
	margin: 0 0 10px 10px; 
	padding: 9px; 
	border: 1px solid #DAD8C7;
}
div.photoBoxInside img {
	display: block;
}

/* ================= Craven Herald page ========================= */

div.cravenHeraldHeader {
	background: transparent url( ../images/CravenHeraldHeaderBG.jpg ) repeat-x top left;
}
div.cravenHeraldHeader img {
	display: block;
}

div.westYorksPioneerHeader {
	background: transparent url( ../images/WestYorksPioneerHeaderBG.jpg ) repeat-x top left;
}
div.westYorksPioneerHeader img {
	display: block;
}

/* ============ misc content styles ============================= */
ul.doc {
	margin-left: 0;
	padding: left: 0;
	list-style-type: none;
	line-height: 1.6em;
}
ul.doc li {
	padding-left: 15px;
	background: url(../images/icon_doc.gif) no-repeat 0 0.3em;
}
ul.contentSubNavVertical {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}
ul.contentSubNavVertical li {
	list-style-type: none;
	background: url(../images/nav_arrow2d.gif) no-repeat 0 0.3em;
	padding-left: 10px;
}
ul.contentSubNav {
	padding: 0 0 1em 0; 
	margin: 0 0 1em 0;
	background: url( ../images/bg_dotted_line_grey.gif ) repeat-x bottom;
}
p.contentSubNav {
	background: url(../images/nav_arrow2d.gif) no-repeat 0 0.2em;
	padding-left: 10px;
}
ul.contentSubNav li {
	display: inline;
	padding: 0 16px 0 10px;
	margin: 0;
	background: url(../images/nav_arrow2d.gif) no-repeat 0 0.2em;
	white-space: normal;
}
.subNavContent ul.contentSubNav {
	background-image: none;
	padding: 0;
	margin: 0;
}
ul.plain {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
ul.plainInline {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}
ul.plainInline li {
	list-style-type: none;
	display: inline;
	padding-left: 7px;
}
div.bibliography ul.plain li {
	margin-bottom: 1em;
}
/*h3.headerbar {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fff #ccc #ccc #ccc;
	padding: 0;
}*/
div.hr {
	background: url( ../images/bg_dotted_line_grey.gif ) repeat-x bottom;
	margin: 10px 0;
	font-size: 1px;
	line-height: 1px;
}
p.newsarticledate {
	font: normal 0.9em 'lucida console', courier, monospace;
	color: #acacac;
	margin: 0 0 1em 0;
}
div.usermessage {
	border: 1px solid #eee;
	padding: 0.3em;
	background: #f9f9f9;
	color: #c30;
	font: 0.9em 'ludica console', courier, monospace;
	margin-bottom: 1em;
}
em.uiElement {
	color: Blue;
	font-family: 'trebuchet ms', sans-serif;
	font-style: normal;
	background: #FFFFCC;
}
.thumbList {
	background: #f8f8ea; 
	padding: 5px; 
	border: #ccc; 
	margin-bottom: 1em;
}
.thumbList p, .thumbList h3 {
	margin: 0;
}
.thumbFixedContainer {
	background: #F5F5DC;
	border: 1px solid #B2A481;
	width: 95px;
	height: 95px;
}
.thumbFixedContainer a, thumbFixedContainer img {
	display: block;
}
/* ================= sub nav in long page content =============== */

div.page-sub-nav ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
div.page-sub-nav ul li {
	/*display: inline;*/
	background: url(../images/nav_arrow3.gif) no-repeat 0 0.7em;
	padding: 4px 12px 1px 8px;
	white-space: nowrap;
}
ul.sitemap {
	margin: 0;
	list-style: none;
	padding: 0;
	line-height: 1.7em;
}
ul.sitemap li {
	background: url(../images/nav_bullet2c.gif) no-repeat 0 0.2em;
	padding: 0 0 0 16px;
}
ul.sitemap ul {
	list-style: none;
	margin-left: 16px;
	padding: 0;
}
ul.sitemap ul li {
	background: url(../images/nav_arrow2d.gif) no-repeat 0 0.2em;
	padding-left: 10px;
}
div.contentWithVertDivider {
	border-left: 1px solid #ccc;
	padding-left: 10px;
}
/* ================= page footer ================================ */

ul.logos {
	margin: 0 0 20px 0;
	padding: 0;
	background: url( ../images/bg_dotted_line_grey.gif ) repeat-x bottom;
}
ul.logos li {
	list-style-type: none;
	display: inline;
}

/* ----------------- signature ----------------------------------  */
A.qdk:link, A.qdk:visited, A.qdk:active	{	
	text-decoration: underline;	
	color: #957542;	
}
A.qdk:hover	{ 
	text-decoration: underline; 
	color: #f60;  
}
.sig {
	color: #957542;
	font: 0.8em arial, helvetica, sans-serif;
	margin: 1em 0 0 0;
}

.spacer {
	line-height: 1px;
	font-size: 1px;
	clear: both;
}