@import url("/assets/styles/layout.css");
@import url("/assets/styles/right.css");

h1, h2, h3, h4, h5, h6 {
	color: #69411f;
}
h1 {
	font-size: 2.2em;
	margin: 0.5em 0;
}
h2 {
	font-size: 1.8em;
	line-height: 2em;
}
h3 {
	font-size: 1.6em;
}
h4, h5, legend  {
	font-size: 1.4em;
}
h6, p, ul, ol, dl, th, td, label, .vcard, blockquote {
	font-size: 1.2em
}
p {
	margin-bottom: 0.8em;
}
ul, ol, dl {
	margin-left: 3em;
	margin-bottom: 0.8em;
}
ul ul, ul label {
	font-size: 1em;  /* keeps at same size for nested lists */
	margin-bottom: 0;
}
blockquote {
	margin: 0.1em 1em 0.8em;
	font-style: italic;
}
blockquote p{
	font-size: 1em;
}
table {
	border-collapse: collapse;
	width: 98%;
}
/* TABLE with borders: default colours for all pages. 
Section colours specified in sections */
table.bordered {
	margin-top: 0.2em;
	margin-bottom: 0.8em;
}
table.bordered th, table.bordered td {
	border: 2px solid #69411f;
	padding: 0.1em 0.2em;
}
table.bordered th, table.bordered td.emptycell {
	background-color:#d8d0b9;
}
a {
	color: #69411f;
}
a:visited {
	color: #55381f;
}
a:active {
	color: #ad5911;
}
a:hover {
	color: #e24f06;
}
a img {
	border: 0;
}
.title {
	font-style: italic;
}
/* REFERENCES, QUOTES ETC 
NB I.E. doesn't understand before and after pseudo-classes so this doesn't work (but is correct) maybe IE8 will support it
q:before, blockquote:before {
	content: open-quote;
}
q:after, blockquote:after {
	content: close-quote;
}
In the mean-time REMOVE quote marks from quotes in stds browsers */
q:before, q:after {
    content: "";
}
div.vcard {
	margin-left: 1em;
}
img.photoleft {
	float: left;
	margin: 0.5em 1em 1em 0;
}
img.photoright {
	float: right;
	margin: 0.5em 0 1em 1em;
}
span.clip-rt {
	background: transparent url(/assets/images/effects/paperclip-right.png) no-repeat;
	width: 50px;
	height: 65px;
	z-index: 2;
	float: right;
	margin-top: -27px;
}
span.clip-lft {
	background: transparent url(/assets/images/effects/paperclip-left.png) no-repeat;
	width: 50px;
	height: 65px;
	z-index: 2;
	float: left;
	margin-top: -27px;
}
span.tape-cross {
	width: 70px;
	height: 70px;
	position: relative;
	background: transparent url(/assets/images/effects/tape-cross.png) no-repeat;
	z-index: 1;
	float: right;
	margin-right: -35px;
	margin-top: -25px;
}
span.tape-cnr {
	background: transparent url(/assets/images/effects/tape-corner.png) no-repeat;
	width: 90px;
	height: 120px;
	z-index: 1;
	float: right;
	margin-right: -35px;
	margin-top: -25px;
}
span.tape-vert {
	width: 50px;
	height: 120px;
	background: transparent url(/assets/images/effects/tape-vert.png) no-repeat;
	z-index: 1;
	float: left;
	margin-left: -35px;
}
.type {
	display: none;
}
.printonly {
	display: none;
}
acronym {
	border-bottom: #660000 1px dashed;
}
p.intro {
	font-size: larger;
	font-style:oblique;
}
.source {
	font-style:oblique;
}
div.popbox {
	width: 180px;
	float: right;
	margin: 0 0 5px 10px;
	border: #ad5911 2px solid;
	padding: 0.2em 0.5em;
	background-color:#ebe1c9;
}
div.popbox-note { /* 250 x 206 */
	float: right;
	margin: 0 0 5px 10px;
	width: 200px;
	height: 166px;
	background: transparent url(/assets/images/backgrounds/ContentBodyPost-it.gif) no-repeat;
	padding: 10px 10px 20px 40px;
	text-align: right;
}
/* first div wraps around following two divs, in this order */
div.twocolumns {
	margin: 0;
	overflow: auto;
}
div.twocolumnsleft {
	width:47%;
	padding: 0.2em 0.5em;
	float: left;
}
div.twocolumnsright {
	width:47%;
	padding: 0.2em 0.5em;
	float: right;
}
/* apply to ol */
ol.footnotes {
	list-style:none;
	margin:0;
	padding:0;
}

/*             FOR FILE TYPES   */
/* Add an Adobe link icon to pdf links */
#ContentBody a[href*=".pdf"] {
	background: url(/assets/images/effects/Acrobat.gif) right center no-repeat;
	padding-right: 14px;
}