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 {
	display: none;
}
#breadcrumb {
	display: none;
}
#leftcolumn {
	display: none;
}
#sectionheading {
	display: none;
}
.contentblurbtn {
	float: left;
	padding-right: 12px;
}
img {
	border: 0;
}
a {
	text-decoration:none;
	color: #000;
}
/* CCL SPECIAL STYLES BELOW */

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

/* FLOATED ITEMS */

/* float image without caption to left or right */
.floatimgright {
	float:right;
	margin: 0.2em 0 0.2em 0.8em;
}
.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 {
	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: none;
	/* border radius is in CSS3 - only supported by Mozilla browsers */
	-moz-border-radius: 1em;
	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;
}
img.stockimage {
	display: none;
}
/* NB IE6 doesn't understand abbr */
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;
}

/* styles for hCard contacts June 2007 - n.b. right column doesn't print anyway */
div.vcard span.type {
	display: none;
}
/* 
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;
}
*/

/* Get help from http://www.alistapart.com/articles/qtag/ 
Remove quote marks from quotes in stds browsers */
q:before, q:after {
    content: ""; 
}
cite {
	display: inline;
}