@charset "utf-8";
/* CSS Document */
@import "/Assets/styles/header.css";
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font: 62.5%/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif; /* Explanation @ www.clagnut.com/blog/348/ */
/*	background colour variations to 'warm it up'

	background-color: #65b9ed; 
	background-color: #770069;
	background-color: #00a4e8;
	background-color: #6c606b;
	background-color: #96878c;
	background-color: #d6d1d3;
	background: #00a4e8 url(/Assets/images/site/effects/background.jpg) top repeat-x;
	background: #6c606b url(/Assets/images/site/effects/background3.jpg) top repeat-x;
	background: #6c606b url(/Assets/images/site/effects/background2.jpg) top repeat-x; */
	background-color: #00a4e8;
}
a {
	color: #000;
}
a:hover {
	color: #770069;
}
a:visited {
	color: #600e76;
}
a img {
	border: none;
}
p, dl, td, blockquote {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-top: 0.3em;
	margin-bottom: 0.6em;
}
li {
	font-size: 1.2em;
	line-height: 1.6em;
}
q {
	font-style:italic;
}
blockquote {
	margin: 0.1em 2em;
}
q:before, blockquote:before {
	content: open-quote;
}
q:after, blockquote:after {
	content: close-quote;
}
li *, dl *, td *, blockquote * {
	font-size: 1em;
}
cite {
	font-size: 1.0em;
}
li li {
	font-size:1em;
}
ul, ol {
	margin: 0.1em 0.2em 0.2em 1em;
}
dd {
	margin: 0 0 0.5em 0.8em;
}
dl.interview dt {
/* font-style: italic; */
	font-weight: bold;
	color: #770069;
}
dl.booklist dt {
	font-weight: bold;
	color: #333;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 2em;
	margin-bottom: 0.4em;
}
h2 {
	font-size: 1.5em;
	margin: 0.5em 0 0.1em;
}
h3 {
	font-size: 1.4em;
	margin: 0.5em 0 0.1em;
}
h4 {
	font-size: 1.2em;
}
acronym, abbr, .gloss {
	border-bottom: 1px dotted #8c006c;
}
.small {
	font-size: 0.9em;
}
.reviewDate {
	font-size: 0.9em;
	color:#999;
	margin-top: -0.5em;
	border-bottom: #aaa 1px dashed;
	clear: both;
}
.floatimgright {
	float:right;
	margin: 0.2em 0 0.2em 0.8em;
}
.floatimgleft {
	float:left;
	margin: 0.2em 0.8em 0.2em 0;
}
/* Captions are used with tables */
caption {
	font-size: 0.8em;
	color: #666;
}
.sectionname {
	color: #06c;
}
.postcredit {
	font-style: italic;
}

div#Section {
	width: 170px;
	background: url(/Assets/images/site/effects/dotted-line-vert.gif) repeat-y right;
	float: left;
	padding-right: 20px;
}
#Section h3, #MoreLinks h3 {
	font-size: 1.6em;
	margin: 0.6em 0 0.2em;
	color:#000000;
}
#Section .sectionname {
	text-transform: uppercase;
}
#MoreLinks ul {
	list-style: none;
}
#Section img {
	display: block;
	margin: 1em auto 2em;
}
#Section ul.articles li {
	list-style: url(/Assets/images/site/effects/articles_bullet.gif) outside;
	margin: 0 0 0.7em 14px;
	line-height: 1.3em;
}
#Section ul.articles a{
	color: #333;
	text-decoration: none;
	border-bottom: #666 dotted 1px;
}
div#Content {
	width: 520px;
	float: left;
	background: url(/Assets/images/site/effects/dotted-line-vert.gif) repeat-y left;
	padding-left: 20px;
	margin: 0 10px 0 -6px; /*	this makes the two dotted line boundaries overlap and so provide 
	continuous boundary independent on which section is longer */
	padding-top: 1em;
}
#Content h3 {
	margin: 0.5em 0 0.1em;
}
#Content ul, #Content ol {
	margin-left: 2em;
}
#Content li {
	margin-top: 0.3em;
	margin-bottom: 0.6em;
}
div#Calendar {
	background-color: #eee;
	padding: 0.1em 1em;
	border-bottom: #fff 6px solid;
}
div#Calendar img {
	float:right;
	margin: 0.2em 0 0.2em 0.8em;
}
div#Calendar h2 {
	color: #06c;
	padding-top: 0.5em;
}
div#Calendar h4 {
	padding-top: 0.5em;
}
p.top {
	border-bottom: 1px dashed #06c;
}
/* popboxes float right with a coloured background - only use for short chunks of text - shouldn't turn into a column */
div.floatboxright {
	width: 35%;
	float: right;
	margin: 0 0 0 1.5em;
	padding: 0.5em 1em;
	background-color: #06c;
	color: #fff;
/* border radius is in CSS3 - only supported by Mozilla browsers */
	-moz-border-radius: 1em;
/*	border-radius: 1em; */
}
div.floatboxright a{
	color: #fff;
}
/* popboxes float right with a coloured background - only use for short chunks of text - shouldn't turn into a column */
div.floatboxleft {
	width: 35%;
	float: left;
	margin: 0 1.5em 0 0;
	padding: 0.5em 1em;
	background-color: #06c;
	color: #fff;
/* border radius is in CSS3 - only supported by Mozilla browsers */
	-moz-border-radius: 1em;
/*	border-radius: 1em; */
}
div.floatboxleft a{
	color: #fff;
}
/* popboxes float right with a coloured background - only use for short chunks of text - shouldn't turn into a column */
div.floatboxrightlite {
	width: 35%;
	float: right;
	margin: 0 0 0 1.5em;
	padding: 0.5em 1em;
	border: 2px solid #999999;
/* border radius is in CSS3 - only supported by Mozilla browsers */
	-moz-border-radius: 1em;
/*	border-radius: 1em; */
}
/* popboxes float right with a coloured background - only use for short chunks of text - shouldn't turn into a column */
div.floatboxleftlite {
	width: 35%;
	float: left;
	margin: 0 1.5em 0 0;
	padding: 0.5em 1em;
	border: 2px solid #999999;
/* border radius is in CSS3 - only supported by Mozilla browsers */
	-moz-border-radius: 1em;
/*	border-radius: 1em; */
}
/* Table with borders */
table.bordered {
	border-collapse: collapse;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	clear: both;
}
table.bordered th, table.bordered td {
	border: 2px solid #06c;
	padding: .1em .2em;
}
table.bordered th, table.bordered td.emptycell {
	background-color:#eee;
}
/* styles for microformats vcard and vevent Sept 2007 */

div.vcard ul {
	list-style:none;
}
div.vcard span.type {
	display: none;
}
div.vcard .url {
	display: none;
}
/* REFERENCES, QUOTES ETC 
NB IE 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;
}
*/

q {
	font-style:normal;
}
/* 
Get help from http://www.alistapart.com/articles/qtag/ 
Remove quote marks from quotes in stds browsers
*/
q:before, q:after {
    content: ""; 
}
div#MoreLinks {
	width: 170px;
	background: url(/Assets/images/site/effects/dotted-line-vert.gif) repeat-y left;
	float: left;
	padding: 0 0 1em 2em;
}
div#MoreLinks h3 {
	color: #06c;
	text-transform: uppercase;
}

ul.bluebar {
	margin: 1em 0 2em;
	list-style: none;
}
ul.bluebar li {
	height: 30px;
	background: url(/Assets/images/buttons/blubuttons.gif) no-repeat;
	margin: 0 0 -6px;
	padding: 2px 2px 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.1em;
	/*border: 1px solid black;*/
}
ul.bluebar a {
	text-decoration: none;
	color: #fff;
	font-weight: 700;
}
ul.bluebar a:hover {
	color: #ccc;
}
ul.bluebar a:visited {
	color: #fff;
}

ul.purpledot {
	list-style: none;
	background: url(/Assets/images/site/effects/dotted-line-hori.gif) repeat-x top;
	padding: 10px 0;
	text-transform: lowercase;
}
ul.purpledot li {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	border-bottom: 2px dashed #ccc;
	padding: 0.6em 0;
}
ul.purpledot a {
	background: url(/Assets/images/site/effects/purpledot.gif) no-repeat left;
	padding-left: 25px;
	text-decoration: none;
}
ul.purpledot a:visited {
	color: #000;
}
div#Footer {
	clear: both;
	background-color: #eee;
	margin: 0 -0.8em; /* negative margins allows overlap of container padding */
}
div#Footer ul {
	list-style: none;
	float: right;
	margin: 0.8em;
}
div#Footer ul li {
	border-left: 1px solid #65b9ed;
	display: inline;
	padding: 0.2em 0.6em;
}
div#Footer ul li.firstitem {
	border-left: none;
}
div#Footer a {
	text-decoration: none;
}
div#Footer p {
	height: 40px;
	background-color: #000;
	clear: right;
	margin: 1em 0 0;
	color: #ccc;
	padding: 0.8em 1em;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	text-align:center;
}
div#Footer p a {
	color: #999;
	font-weight: 700;
}
div#Footer img.CCL {
	float:left;
	margin-right: 20px;
}
div#Footer img.CCC {
	margin-left: 10px;
	float: right;
}
	/*							LINK ICONS NB - THE ORDER IS IMPORTANT */

/* Add an external-link icon to other websites*/
#Content a.mmhide_linkexternal {
 background: url("/Assets/images/icons/links/External.png") right center no-repeat;
 padding-right: 12px;
}
/* Add an mailto-link icon to mailto links */
#Content a.mmhide_linkmail {
 background: url("/Assets/images/icons/links/mailto.gif") right center no-repeat;
 padding-right: 18px;
}
/* Add an Adobe link icon to pdf links */
#Content a.mmhide_linkacrobat {
 background: url("/Assets/images/icons/links/Acrobat.gif") right center no-repeat;
 padding-right: 14px;
}
/* Add a RSS link icon to xml links */
#Content a.mmhide_linkxml {
 background: url("/Assets/images/icons/links/xml.gif") right center no-repeat;
 padding-right: 14px;
}
#Content a.mmhide_linkaudio {
	
}
/* Add a 'the source' link icon to database links */
#Content a.mmhide_linkdatabase, #Content a.mmhide_linkdatabaseEZ {
 background: url("/Assets/images/icons/links/theSource.png") right center no-repeat;
 padding-right: 14px;
}
/* Add a CCL link icon to catalogue links */
#Content a.mmhide_linkcatalogue {
 background: url("/Assets/images/icons/links/Catalogue.png") right center no-repeat;
 padding-right: 14px;
}