/* cmsms stylesheet: Accessibility and cross-browser tools modified: Friday, July 19, 2024 9:50:29 PM */
/* accessibility */
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}
/* definition tags are also hidden, these are also used for accessibility menu links */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #18507C;
/* background image for the link to show wiki style arrow */
	background: url(https://www.mcneilage-conservation.co.uk/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(https://www.mcneilage-conservation.co.uk/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(https://www.mcneilage-conservation.co.uk/uploads/NCleanBlue/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* clearing */
/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 90%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 1%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */
/* cmsms stylesheet: Layout_Left_sidebar_1_column modified: Friday, July 19, 2024 9:50:29 PM */
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 80%;
	line-height: 1em;
}

div {
	font-size: 1em;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #de634b;
}

a:hover {
	text-decoration: none;
	color: #97422e;
}
/*****************basic layout *****************/
body {
	margin: 0;
	padding: 0;
	color: #3f3d3d;
	background-color: #ffffff;
}
div#pagewrapper {
	max-width: 960px;
	margin: 0 auto;
	background-color: #f7f7ef;
	color: #3f3d3d;
}

div#header {
	height: 95px;
	margin: 0;
	padding: 0;
	background: #ffffff url(https://www.mcneilage-conservation.co.uk/uploads/images/website/header.gif) repeat-x left top;
}
div#header h1 a {
	background: url(https://www.mcneilage-conservation.co.uk/uploads/images/website/header.gif) no-repeat left top;
	display: block;
	height: 95px;
	text-indent: -999em;
	text-decoration: none;
	margin-bottom:-10px;
}
div#header h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	background: url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/logoCMS.png) no-repeat left top;
}

div.crbk {
	margin: 0;
	padding: 0;
	background: url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/mainrtup.gif) no-repeat right bottom;
}

div#content {
	margin: 15px 29px 10px 21px;
	padding: 0px;
	min-height: 689px;
}

div#pagecontent {
	margin: 15px 29px 10px 21px;
	padding: 0px;
	min-height: 634px;
}

div#pagemain {
	margin-left: 22px;
	padding: 10px 12px 12px;
	float: left;
	width: 386px;
	background-color: #dad3b9;
	min-height: 612px;
}

div#columnone {
	float: left;
	width: 282px;
}

div#main {
	margin-left: 22px;
	padding: 10px 12px 12px;
	float: left;
	width: 386px;
	background-color: #dad3b9;
	min-height: 667px;
}

div#sidebar {
	float: right;
	width: 167px;
	display: inline;
	margin: 0px 0px 20px;
	padding: 0px;
}

div#footer {
	padding: 12px 12px 0px 0px;
	height: 31px;
	color: #ffffff;
	background-color: #97422e;
	clear: both;
}

div#footer p {
	font-size: 100%;
	padding-bottom: 1.5em;
	text-align: right;
	margin: 0;
}
div#footer p a {
	color: #FFFFFF;
	text-decoration: none;
}

div#footer p a:hover {
	color: #de634b;
	text-decoration: none;
}

div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}

/********************CONTENT STYLING*********************/
/* HEADINGS */
div#content h1 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
div#content h2 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
div#content h3 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
div#content h4 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
div#content h5 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
div#content h6 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}

div#pagecontent h1 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
div#pagecontent h2 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
div#pagecontent h3 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
div#pagecontent h4 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
div#pagecontent h5 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
div#pagecontent h6 {
	color: #de634b;
	font-size: 140%;
	font-weight: lighter;
	text-align: left;
	padding-bottom: 2px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}

/* END HEADINGS */
/* TEXT */
p {
	font-size: 1em;
	margin: 0 0 1.1em 0;
	line-height: 1.2em;
	padding: 0;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
	border: 1px solid #000;
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}

div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */

div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */
/* cmsms stylesheet: Navigation_CSSMenu_Vertical modified: Friday, July 19, 2024 9:50:29 PM */
#menuwrapper {
	width: 95%;
	margin-left: 0px;
	margin-bottom: 10px;
}

#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#primary-nav ul {
	position: absolute;
	top: 5px;
	left: 100%;
	display: none;
}
#primary-nav ul ul {
	top: 0px;
}
#primary-nav li {
	margin-bottom: -1px;
	position: relative;
	padding: 0px 0px 4px 0px;
}
#primary-nav li li {
	width: 220px;
	padding: 0px;
	background-image: none;
}

/* Styling the basic apperance of the menu "a" elements */

ul#primary-nav li a {
	font-size: 1.1em;
	font-weight: bold;
	color: #de634b;
	padding: 3px 0px 11px;
	display: block;
	text-decoration: none;
}

ul#primary-nav a span {
	display: block;
}

ul#primary-nav li a:hover {
	color: #97422e;
}

ul#primary-nav li li a:hover {
	color: #97422e;
}

ul#primary-nav li a.menuactive {
	color: #97422e;
	font-weight: bold;
}

ul#primary-nav li li a.menuactive {
	color: #97422e;
	font-weight: bold;
}

ul#primary-nav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 6px 3px 6px 15px;
	font-weight: normal;
	color: #000;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
	background: none;
}

ul#primary-nav li ul {
	background: #F3F5F5;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #374B51;
	opacity: 0.95;
/* CSS 3 */
}

/* Fixes IE7 bug */
#primary-nav li, #primary-nav li.menuparent {
	min-height: 1em;
}

#primary-nav li li.menuactive, #primary-nav li.menuactive.menuparenth li.menuactive {
	background:  url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/darknav.png) repeat-x left center;
}
#primary-nav li.menuparent span {

}
#primary-nav li.menuparent:hover li.menuparent span {
	padding-left: 0;
	background: url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/parent.png) no-repeat right center;
}
#primary-nav li.menuparenth li.menuparent span,
#primary-nav li.menuparenth li.menuparenth span {
	padding-left: 0;
	background: url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/parent.gif) no-repeat right center;
}
#primary-nav li.menuparenth span,
#primary-nav li.menuparent:hover span,
#primary-nav li.menuparent.menuactive span,
#primary-nav li.menuparent.menuactiveh span, {
/* right arrow to note hover */
	background: url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/parent.png) no-repeat left center;
}
#primary-nav li li span,
#primary-nav li.menuparent li span,
#primary-nav li.menuparent:hover li span,
#primary-nav li.menuparenth li span,
#primary-nav li.menuparenth li.menuparenth li span,
#primary-nav li.menuparent li.menuparent li span,
#primary-nav li.menuparent li.menuparent:hover li span  {
/* removes any images set above unless it's a parent or active parent */
	background:  none;
/* removes padding that is used for arrows */
	padding-left: 0px;
}
/* IE6 flicker fix */
#primary-nav li.menuh,
#primary-nav li.mnuparenth,
#primary-nav li.mnuactiveh {
	background: url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/libk.gif) no-repeat right top;
	color: #899092;
}
#primary-nav li:hover li a {
/* removes any images set above unless it's a parent or active parent */
	background:  none;
	color: #000;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE Hack, will cause the css to not validate */
#primary-nav li,
#primary-nav li.menuparenth {
	_float: left;
	_height: 1%;
}
#primary-nav li a {
	_height: 1%;
}
/* BIG NOTE: I didn't do anything to these 2, never tested */
#primary-nav li.sectionheader {
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	font-size: 130%;
	font-weight: bold;
	padding: 1.5em 0 0.8em 0.5em;
	background-color: #fff;
	margin: 0;
	width: 100%;
}
/* separator */
#primary-nav li hr.separator {
	display: block;
	height: 0.5em;
	color: #abb0b6;
	background-color: #abb0b6;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid #006699;
	border-right: 1px solid #006699;
}

/*---------------------------subnav------------------------*/

#menuwrappertwo {
	width: 100%;
	margin-left: 0px;
	margin-bottom: 0px;
	background-color: #dad3b9;
}
/* Unless you know what you do, do not touch this */
#primary-navtwo, #primary-navtwo ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#primary-navtwo ul {
	position: absolute;
	top: 5px;
	left: 100%;
	display: none;
}
#primary-navtwo ul ul {
	top: 0px;
}
#primary-navtwo li {
	margin-bottom: -1px;
	position: relative;
	padding: 0px 0px 0px 0px;
}
#primary-navtwo li li {
	width: 220px;
	padding: 0px;
	background-image: none;
}
/* Styling the basic apperance of the menu "a" elements */
ul#primary-navtwo li a {
	font-size: 100%;
	font-weight: normal;
	color: #de634b;
	padding: 9px 0.5em 9px 0px;
	display: block;
	text-decoration: none;
	background-color: #dad3b9;
}
ul#primary-navtwo a span {
	display: block;
	padding-left: 0em;
}
ul#primary-navtwo li a:hover {
	background-color: #dad3b9;
	color: #97422e;
}
ul#primary-navtwo li li a:hover {
	background-color: #dad3b9;
	color: #97422e;
}
ul#primary-navtwo li a.menuactive {
	color: #97422e;
	font-weight: normal;
}
ul#primary-navtwo li li a.menuactive {
	color: #97422e;
	font-weight: normal;
}
ul#primary-navtwo li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 6px 3px 6px 15px;
	font-weight: normal;
	color: #000;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
	background: none;
}
ul#primary-navtwo li ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #374B51;
	opacity: 0.95;
/* CSS 3 */
}
/* Fixes IE7 bug */
	min-height: 1em;
}

#primary-navtwo li li.menuactive, #primary-nav li.menuactive.menuparenth li.menuactive {
	background:  url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/darknav.png) repeat-x left center;
}
#primary-navtwo li.menuparent span {
	padding-left: 0em;
}
#primary-navtwo li.menuparent:hover li.menuparent span {
/* remove left padding as image is on right side of text */
	padding-left: 0;
/* right arrow to note it has children, right side of text */
	background: url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/parent.png) no-repeat right center;
}
#primary-navtwo li.menuparenth li.menuparent span,
#primary-navtwo li.menuparenth li.menuparenth span {
/* same as above but this is for IE6, gif image as it can't handle transparent png */
	padding-left: 0;
	background: url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/parent.gif) no-repeat right center;
}
#primary-navtwo li.menuparenth span,
#primary-navtwo li.menuparent:hover span,
#primary-navtwo li.menuparent.menuactive span,
#primary-navtwo li.menuparent.menuactiveh span, {
/* right arrow to note hover */
	background: url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/parent.png) no-repeat left center;
}
#primary-navtwo li li span,
#primary-navtwo li.menuparent li span,
#primary-navtwo li.menuparent:hover li span,
#primary-navtwo li.menuparenth li span,
#primary-navtwo li.menuparenth li.menuparenth li span,
#primary-navtwo li.menuparent li.menuparent li span,
#primary-navtwo li.menuparent li.menuparent:hover li span  {
/* removes any images set above unless it's a parent or active parent */
	background:  none;
/* removes padding that is used for arrows */
	padding-left: 0px;
}
/* IE6 flicker fix */
#primary-navtwo li.menuh,
#primary-navtwo li.mnuparenth,
#primary-navtwo li.mnuactiveh {
	background: url(https://www.mcneilage-conservation.co.uk/uploads/ngrey/libk.gif) no-repeat right top;
	color: #899092;
}
#primary-navtwo li:hover li a {
/* removes any images set above unless it's a parent or active parent */
	background:  none;
	color: #000;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-navtwo li:hover ul ul ul,
#primary-navtwo li.menuparenth ul ul ul,
*/
#primary-navtwo ul,
#primary-navtwo li:hover ul,
#primary-navtwo li:hover ul ul,
#primary-navtwo li.menuparenth ul,
#primary-navtwo li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-navtwo ul ul ul li:hover ul,
#primary-navtwo ul ul ul li.menuparenth ul,
*/
#primary-navtwo li:hover ul,
#primary-navtwo ul li:hover ul,
#primary-navtwo ul ul li:hover ul,
#primary-navtwo li.menuparenth ul,
#primary-navtwo ul li.menuparenth ul,
#primary-navtwo ul ul li.menuparenth ul {
	display: block;
}
/* IE Hack, will cause the css to not validate */
#primary-navtwo li,
#primary-navtwo li.menuparenth {
	_float: left;
	_height: 1%;
}
#primary-navtwo li a {
	_height: 1%;
}
/* BIG NOTE: I didn't do anything to these 2, never tested */
#primary-navtwo li.sectionheader {
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	font-size: 130%;
	font-weight: bold;
	padding: 1.5em 0 0.8em 0.5em;
	background-color: #fff;
	margin: 0;
	width: 100%;
}
/* separator */
#primary-navtwo li hr.separator {
	display: block;
	height: 0.5em;
	color: #abb0b6;
	background-color: #abb0b6;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid #006699;
	border-right: 1px solid #006699;
}