body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#000;
}
h1 {
	font-size: 130%;
}
h2 {
	font-size: 110%;
}
h3 {
	font-size: 100%;
}
h4, h5, h6 {
	font-size: 90%;
}
.screen, .hide, #skip, #breadcrumb, #leftcolumn, #sectionheading, img.stockimage, footer ul {
	display: none;
}
#content {
	margin-left: 0;
	margin-right: 0;
}
.contentblurb {
	padding: 16px 12px 2px 12px;
	margin-bottom: 6px;
	min-height: 115px;
}
.contentblurb img {
	float: left;
	padding-right: 12px;
	padding-bottom: 2px;
}
img {
	border: 0;
}
a {
	text-decoration:none;
	color: #000;
}
/* CCL SPECIAL STYLES BELOW */

/* July 2007 In a CSS2-conformant browser, we can parenthetically insert the URLs of the links after each one: 
from http://alistapart.com/articles/goingtoprint/ 
		March 2015 - replaced #content with div.IG to just target IG
*/
div.IG a:link:after, div.IG a:visited:after {
	content: "<"attr(href)" >";
	margin-left: 0.3em;
	font-size: 0.9em;
	color: #0374ad;
}
/* this bit appends our URL for internal links */
div.IG a[href^="/"]:after {
 content: "<http://christchurchcitylibraries.com"attr(href)">";
}
/* display nothing after in-page anchors */
div.IG a[href^="#"]:after, div.IG .booklist a:link:after, div.IG .booklist a:visited:after {
 content: "";
 margin-left: 0;
}


p.intro {
	font-style: italic;
	margin-left: 1%;
}
.separate {
	border-top: #01324b 1px dashed;
	margin-top: 0.8em;
	padding-top: 0.5em;
}
/* FLOATED ITEMS */
/* float image without caption to left or right */
ul.booklist img, .floatimgright {
	float:right;
	margin: 0.2em 0 0.2em 0.8em;
	clear: right;
}
.floatimgleft {
	float:left;
	margin: 0.2em 0.8em 0.2em 0;
}
/* unfloat img divs */
div.leftimage {
	float: none;
	margin: 0;
}
div.rightimage {
	float: none;
	margin: 0;
}
div#footer, footer {
	margin-top: 20px;
	border-top: 1px #000 dashed;
	padding-top: 5px;
}


/* unfloat pop boxes */
div.popbox {
	width: 50%;
	float: none;
	margin: 0;
	padding: 0.5em 1em;
	border: 1px solid #000;
	background-color: #fff;
	border-radius: 1em;
}
div.popbox ul, div.popbox ol {
	margin-left:1em;
	padding-left:1em;
}
ul.nobullet {
	list-style:none;
}
div.popbox ul.nobullet {
	margin-left:0;
	padding-left:0;
}
div.twocolumnsleft {
	padding: 0;
	float: none;
}
div.twocolumnsright {
	padding: 0;
	float: none;
}
div.separate { /* note that the class separate is defined above */
	overflow: auto;
	clear: both;
}
div.separate img {
	float: right;
	margin: 0 0 0.8em 0.8em;
}
acronym, abbr, .gloss {
	border-bottom: none;
}
/* Table with borders: default colours for all pages. Section colours specified in sections */
table.bordered {
	border-collapse: collapse;
}
table.bordered th, table.bordered td {
	border: 2px solid #333;
	padding: .1em .2em;
}
table.bordered th, table.bordered td.emptycell {
	background-color:#ccc;
}
div.vcard span.type {
	display: none;
}
q:before, blockquote:before {
	content: open-quote;
}
q:after, blockquote:after {
	content: close-quote;
}
cite {
	display: inline;
}