/* ############################################################################
   ##
   ##  Global Website Stylesheet
   ##
   ######################################################################### */

/*
Use the following constructions to override styles for specific IE browser
versions, where [element] is the name of the element including a dot or has as
needed:
*/

*:first-child+html [element] {	/* IE7 only */
}

* html [element] {	/* IE6 only */
}

/* ####################################
   HTML Element Styles
   ################################## */

body {
 	margin: 0;
 	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #ffffff;
}

a {
}

	a:link {
		color: #1A7C6F;
	text-decoration: none;
	}

	a:visited {
		color: #1A7C6F;
	text-decoration: none;
	}

	a:hover {
		color: #1A7C6F;
	text-decoration: underline;
	}

	a:active {
	text-decoration: underline;
	}

p {
/*the print document uses mostly space before attributes. I think it would be better to use top margins rather than bottom so I've changed throughout*/
	margin-top: 1em;
	margin-bottom: 0em;
	line-height: 1.3em;
	/*font-size: 105%;*/
}

h1 {
	font-size: 200%;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #1A7C6F;
}

	h1 .number {
		color: #999999;
		font-size: 80%;
/*The numbers are tabbed to the heading in the document. I have added a right margin to give a bit of space*/
		margin-right: 0.5em;
	}
	h1 .title {
		font-size: 100%;
	}

h2 {
/*I've changed the martin to top here*/
	font-size: 150%;
	font-weight: normal;
	margin-top: 1.5em;
	margin-bottom: 0em;
}
/*I've added a h2 number and title style so that the subnav headings have some space to the right of the heading number and the number is grey to reduce the crowded feel*/
	h2 .number {
	color: #999999;
		font-size: 80%;
		margin-right: 0.5em;
	}
	h2 .title {
		font-size: 100%;
	}

h3 {
	margin-top: 2em;
	font-size: 110%;
	font-weight: bold;
	color: #333333;
}
	.main-styles-heading-3 {
		margin-top: 2em;
	font-size: 110%;
	font-weight: bold;
		color: #333333;
	}

h4 {
	font-size: 100%;
/*I've made the font-weight bold as the h4 wasn't standing out at all. I've also changed the margins here too.*/
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 0;
}

h5 {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
/*changed the margins*/
	margin-top: 0.25em;
	margin-bottom: 0;
}

h6 {
	font-size: 92.5%;
	font-weight: normal;
	text-decoration: underline;
/*changed the margins*/
	margin-top: 0.25em;
	margin-bottom: 0em;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
/*deleted the padding as li changes instead
	padding-top: 3px;
	padding-bottom: 4px; */
	list-style: url("/images/templates/bullet_square_grey.gif") square;
}
ul li {
	/*
	padding-top: 0px;
	padding-bottom: 3px;
	*/
/* changed to be similar to p styles with smaller margins as the dot points weren't formatting well*/
	margin-top: .25em;
	margin-bottom: 0em;
	line-height: 1.5em;
	/*font-size: 105%;*/
}


ol {
	margin: 0px;
}

ol li {
}

big {
	font-size: 110%;
}

small {
	font-size: 83.5%;
}

hr {
	margin: 8px 0px;
	padding: 0px;
	width: 100%;
	height: 1px;
	background: transparent url('/images/templates/bg_hr.gif') top left repeat-x;
}

img {
	border: none;
}

	* html img {
		FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,Duration=0.50);
	}

caption {
	margin: 0em 0em 0.25em 0em;

	font-weight: bold;
	text-align: left;
}

address {
	margin: 0em 0em 1.35em 0em;
	font-style: italic;
}


/* ####################################
   Form Styles
   ################################## */

input#search {	
	display: none;
}

input#go {
	display: none;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 1px 3px 1px 1px;
	
	font-family: arial, helvetica, sans-serif;
	color: #323232;
	
	background-color: #ffffff;
	border: #cccccc 1px solid;
}

input.blank {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background: url('/images/templates/spacer.gif');
}

input.submit {
	font-family: arial, helvetica, sans-serif;
	color: #323232;
	border: #cccccc 1px outset;
	background: url('/images/templates/bg_nav.gif') #e0e0e0;
}

select {
}

textarea {
}

/* ####################################
   Page Layout
   ################################## */

#Align {
	/* Coupled with the margin and text-align settings in page-wrapper-outer (below) this is a weird but safe way to center a page in all browsers including IE where the standard doesn't work. */
	text-align: left;
}

#Page {
	position: relative;
	width: 100%;
	
	/* To re-align text to left in the page div when a parent div is centred. This allows centering of page div using the IE-safe hack. */
	margin: 0 auto;
	text-align: left;
}

	#Page-Inner {
		position: relative;		
		width: 100%;
	}

	#TrailNav {
		font-size: 90.8%;
		margin: 0;
		padding-top: 0;
		padding-bottom: 15px;
		display: none;
	}
		#TrailNavHome {
			display: none;
		}

	#PageFunctions {
		display: none;
	}
		
	#Header {
		position: relative;
		z-index: 2;
		margin: 0px;
		padding: 0px;
		background: #1A7C6F;
		height: 119px;
		border-bottom: 3px solid #084B42;
	}
		
		#Header #Header-Inner {
			padding-left: 14px;
		}
		
		#Header #Logo {
			float: left;
			margin: 10px 0px 0px 0px;
			padding: 0px;
		}
		
		#Header #QuickSearch {
			float: right;
			margin: 12px;
			display: none;
		}
		#Header #QuickSearch input {
			height: 19px;
	}
	
		#Header #AnchorMenu {
			display: none;
		}
		
		#Content {
			padding-left: 0px; 		/* LC width */
		}
			
			#Content-Inner {
				margin-top: 40px;
		}
			
			#Primary {
				position: relative;
			float: left;
			width: 100%;
			}
		
				#Primary #Primary-Inner {
					padding: 0px 12px 30px 20px;
		}
		
				#Primary #PageBody {
				}
			
				#Primary #SubContainers {
				}
								
				#Primary #SubArticles {
			}

			#Secondary {
				
			}
			* html #Secondary {
				/*** IE6 Fix ***/
				right: 0px;           			/* RC fullwidth (include padding) */
			}

				#Secondary #Secondary-Inner {
				}
					
	#Footer {
		position: relative;
		clear: both;
		width: 100%;
		font-size: 90%;
					font-weight: bold;
		background-color: #eeeeee;
		color: #999999;
		
		/*display: none;*/
	}
					
		#Footer-Inner {
			padding: 18px;
		}
			#Footer-Inner p {
				margin-top: 0px;
				margin-bottom: 0.5em;
			}
			.footerlogo {
				float: right;
			}
		#Footer-Inner ul {
			margin-top: 0px;
			margin-bottom: 0.5em;
			margin-left: 0px;
			padding-left: 0px;
		
			display: none;
		}
		#Footer-Inner ul li {
			display: inline;
			list-style: none;
			margin-right: 18px;
			border-right: 1px solid #999999;
			padding-right: 14px;
		}
		#Footer-Inner ul li.last {
			border-right: 0px solid #999999;
		}
		#Footer-Inner a {
			color: #999999;
		}
				
		#Footer #Menu {
		}

		#Footer #Menu ul {
			margin: 0;
			margin-bottom: 5px;
			padding: 0;
		}
					
		#Footer #Menu ul li {
			display: inline;
			list-style-type: none;
			padding-right: 20px;
		}
					
		#Footer #Copyright {
				}

		#Footer #Credits {
		}
							
/* ####################################
   Main Menu
   ################################## */
							
#MainMenu {
	display: none;
}
	#nav {
		display: none;
	}

	#nav, #nav ul {
	margin: 0px;
	padding: 0px;
		list-style: none;
	}
	#nav li {
	float: left;
		margin: 0px;
		padding: 0px;
		border-bottom: 1px solid #C9C9C9;
	width: 100%;
	}
	#nav li a {
		display: block;
		margin: 0px;
		padding: 5px; 
		color: #000000;
		text-decoration: none;
		border-left: 10px solid #ffffff;
		/*width: 100%;*/
	}

	#nav a.on {
		text-decoration: none;
		color: #000000;
		border-left: 10px solid #1A7C6F;
		background: #DDEBEA;
	}
	#nav a:hover {
		text-decoration: none;
		color: #000000;
		border-left: 10px solid #1A7C6F;
		background: #DDEBEA;
	}
	#nav li a span.chapternumber {
		font-weight: bold;
		font-size: 105%;
	}
	#nav li a span.chaptertitle {
		font-weight: bold;
		font-size: 105%;
		color: #5F5F5F;
	}
	#nav li a span.title {
		font-weight: bold;
		font-size: 105%;
	}

	#nav li:hover, #nav li.sfhover {
	}
	
/* ####################################
   Sub Menu
   ################################## */

#ChapterNavWrapper {
	background: #EAF3F2 url('/images/templates/chapternav-content.gif') top left repeat-x;	
	margin-bottom: 14px;
}
#ChapterNav {
	background: transparent url('/images/templates/chapternav_bottomright.gif') bottom right repeat-x;
	margin: 0px;
	padding: 0px;
}
#ChapterNavInner {
	background: transparent url('/images/templates/chapternav_topright.gif') top right repeat-x;
	margin: 0px;
	padding: 0px;
} 
#ChapterNavContent {
	border-left: 1px solid #D4E6E4;
	border-right: 1px solid #D4E6E4;
	padding: 0px 14px 0px 14px;
	background: #EAF3F2 url('/images/templates/chapternav-content.gif') top right repeat-x;	
} 
#ChapterNavContent h2 {
	font-size: 105%;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
}

/*
#SubMenu {
	float: left;
	width: 113px;
}

	#SubMenu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#SubMenu ul li {
		padding: 8px 0;
		margin: 0;
		font-size: 90.8%;
		border-bottom: 1px solid #ccc;
	}
		
	#SubMenu ul ul li {
		padding: 5px 0 0 0px;
		margin: 0;
		margin-left: 20px;
		border: none;
		list-style-image: url(/images/templates/bullet_square_grey.gif);
		list-style-type: circle
	}

	#SubMenu ul li#first {
		font-size: 118%;
		padding: 2px 0 15px 0;
	}
*/
	
/* ####################################
   Custom Element Styles
   ################################## */

.pagebreak { page-break-before: always; }
   
.hidden {
			display: none;
}
			
.date, .author {
	font-size: 91.7%;
	color: #909090;
}

.paging {
			margin: 0px;
}

.pdf a {
	display: block;
	height: 16px;
	padding-top: 1px;
	text-decoration: none;
	font-weight: bold;
	background-image: url('/images/icons/16x16_pdf.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
}

.pdf a:visited {
	text-decoration: none;
}
			
.pdf a:hover {
	text-decoration: underline;
}
		
.pdf a small {
	font-weight: normal;
}

ul.warnings {
	margin-top: 0.5em;
	margin-bottom: 1.35em;
	list-style: url('/images/templates/icons/16x16_warning.gif') square;
}

ul.warnings li {
	margin-bottom: 0.7em;
}

.SearchResult {
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0px;
}
	.ResultDetails {
	}
	.ResultDetails h3 {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.ResultDetails p {
		margin-top: 2px;
			}

#UserForm {
}
	#UserForm-Inner {
	}
	#UserForm-Inner form {
	}
	#UserForm-Inner table {
		width: 80%;
	}
	#UserForm-Inner input {
		width: 300px;
	}
	#UserForm-Inner input.submit-button {
		width: 100px;
	}
	#UserForm-Inner textarea {
		width: 300px;
		height: 100px;
	}
#relatedlinks {
}
	#relatedlinks table {
		width: 80%;
			}
#ChapterDropdown {
	display: none;
}
#ChapterMenuLink {
	display: none;
}
#PageFooterButtons {
	display: none;
}

/* ####################################
   Custom InDesign Styles
   ################################## */

.see-also-see-section-in-same-chapter {
	background: #yellow;
}
.font-styles-italic {
	font-style: italic;
}
.reference-styles-endnote-reference {
	vertical-align: super;
    font-size: 70%;
    line-height: 0;
}
.font-styles-light-condensed {
	font-style: normal;
}
.font-styles-semibold-condensed {
	font-weight: bold;
}
.font-styles-condensed {
	font-style: normal;
}

/* ####################################
   Table Styles
   ################################## */

table {
	empty-cells: show;
	border-collapse: collapse;
	background: #DDEBEA;
	padding: 14px;
	width: auto;
}
	tr {
	}
	th {
		text-align: left;
		font-weight: bold;
	}
		th.header{
	}
		thead, thead td, td.header  {
			/*background-color: #1A7C6F;
			color: #ffffff;*/
			font-weight: bold;
			padding: 4px;
			border: 1px solid #1A7C6F;
		}
		thead td {
			padding: 4px;
			border: 1px solid #1A7C6F;
		}
	tbody {
	}
		td {
			padding: 2px 6px 2px 6px;
			border: 1px solid #1A7C6F;
			/*border: 1px solid #ffffff;*/
	}
		td p {
		padding: 0px;
		margin: 0px;
	}
		td.header p.table-and-figure-styles-table-head-row {
	}
		td.rows {
	}
	.fandi {
	}

	.table-and-figures-titles {
	/*changed colour of titles to be a little stronger*/
		color: #777777;
	font-weight: bold;
		border-left: 10px solid #1A7C6F;
		border-left: 10px solid #D4E6E4;
		padding-left: 4px;
	/*added top margin to titles to give space after previous text*/
		margin-top: 2em;
	}
	.tables {
	/*added space around table - title and footer seemed a little cramped - may interfere with style choice of lines extending above and below the table? Your choice.*/
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		text-align: center;
	}
	/*added a style to enable me to align text on left in tables now that I’ve centered rest*/
	.table-text-left {
		text-align: left;
		}
	.table-and-figure-styles-table-text-left {
		text-align: left;
		}
	.table-and-figure-styles-table-text-left-bold {
		text-align: left;
		font-weight: bold;
	}
	.table-and-figure-styles-table-head-row-left {
		text-align: left;
	}

.figures {
/*added space above figures*/
	margin-top: 2em;
	margin-bottom; 0em;
}
.table-and-figures-source {
/*changed footer colour to be a little darker as thought too pale*/
	color: #777777;
	font-size: 95%;
	font-style: italic;
	border-left: 1px solid #D4E6E4;
	padding-left: 4px;
}
.table-and-figures-source p {
	margin-top: 0.3em;
	margin-bottom: 0em;
	line-height: 1em;
}
.table-and-figure-styles-table-footnote-right-and-cont- {
/*added a style for the footnotes - they were too big and too spaced. Have make them cling more title to the table or the figure title, made them italic and smaller than general text*/
	margin-top: 0;
	font-style: italic;
	font-weight: normal;
	font-size: 90%;
}
.image {
/*added space around image class same as figures as some are using this div*/
	margin-top: 2em;
	margin-bottom; 0em;
}

/*have added in style for the current heading 4s - with a slightly larger margin than paras and bold*/
.main-styles-heading-4 {
		font-size: 100%;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 0;
	}

/*have added in the yellow background for the see-also stuff so that we can cross link - to take out later*/
.see-also-checked {
	background: #ffff00;
	}

.endnotes-and-footnotes-styles-footnote-text {
/*added style for footnotes - similar to style used in table and figure sources*/
	color: #777777;
	font-size: 95%;
	font-style: italic;
}

.main-styles-author {
/*added an author style - not sure yet how I think this should look but this is one idea - similar to table and figure titles but aligned right*/
	color: #777777;
	font-weight: bold;
	margin-top: 2em;
	text-align: right;
	}
.main-styles-indented {
/*style for indented text*/
    padding-left: 30px;
	}