/* NEAD CSS */
/* UPDATED 09.09.09 */

/* =============== || GENERAL LAYOUT || =============== */

*{
	margin:0;
	padding:0;
}
a, p, ul, ol, dl, h1, h2, h3, h4, h5, h6, blockquote, address{word-spacing:0.1em;}
html{
	min-height:100%;
	margin-bottom:1px;
} /* forces scrollbar */
body{
/*	background:#fa4 url(../img/bg-fade.png) repeat-x fixed 0 0; */
	font:100 small/1.5 "lucida grande", verdana, arial, "bitstream vera sans", helvetica, sans-serif;
	color:#322;
	text-align:center;
	min-width:900px;
}
#wrapper{
	position:relative;
	margin:2em auto;
	padding:0;
/*	background:#fff url(../img/khadi.png) repeat-y 0 0; */
	font-size:88%;
	text-align:left;
	max-width:900px;
	width:900px;
}
.detail-page #wrapper{background:#f9f6f6;}
#sidebar{
	margin:0 0 0 546px;
	padding:24px 12px;
	background:transparent url(../img/sidebar-top.png) no-repeat left top;
	font-size:86%;
}
#content{
	float:left;
	padding:24px 24px 0px 0px;
	background:transparent;
	width:552px;
}
body#catalogue-section.detail-page #content, body#world-voices-section.detail-page #content, body#online-resources-section.detail-page #content{
	float:none;
	background:#f9f6f6;
	width:auto;
}
.hentry{padding:1.5em 0;}
#stopper{
	clear:both;
	border-bottom:8px solid #d6d6d6;
	background:#f91 url(../img/category.png) repeat left top;
	font-size:6px;
	line-height:8px;
}
#footer{
	position:relative;
	border-bottom:1px solid #d6d6d6;
	padding:24px 12px;
	background:#e3e3e3;
	font-size:88%;
}
#footer p, #footer .inline-list{
	margin:0 0 0.2em 0;
	text-align:left;
}
.hideit, hr, .upgrade{display:none;}
/*#footer #funders{
	position:absolute;
	top:0;
	left:0;
	padding:24px 0 0 12px;
	background:transparent url(../img/projectfunders.png) no-repeat left top;
	width:280px;
}*/
#footer #funders{
	margin-top:-32px;
	padding:60px 0 2em 0;
	background:transparent url(../img/funders_project.png) no-repeat 0 0;
}
body#NEAD #footer #funders{background:transparent url(../img/funders_core.png) no-repeat 0 0;}
#footer #funders p{
	margin:0;
	text-indent:-9999px;
	text-align:left;
	height:0;
}
#footer #funders .inline-list{
	margin:0;
	padding:3px 0;
	/*width:280px;*/
	background:#d6d6d6;
	width:100%;
	text-align:left;
	line-height:1.2em;
	text-indent:0;
}
#footer #funders img, .inline-image, .inline-list img{
	display:inline;
	margin:0;
	border:0;
	padding:0;
	background:transparent;
}
#footer #funders a, #footer #funders a:hover, #content .footnote a, #content .footnote a:hover{
	display:inline;
	margin:0;
	border:0;
	padding:0;
	background:transparent ! important;
}

/* =============== || LINKS || =============== */

a{
	background:transparent;
	color:#d50;
	font-weight:100;
	text-decoration:none;
}
#content a:link, #content a:visited, #content #individual h1 a:link, #content #individual h1 a:visited{border-bottom:1px dotted #0ae;}
#content table a:link, #content .nav-local a:link{border:0;}
a:visited, #footer, #individual .inline-list{color:#668;}
a:hover{
	border-color:#000;
	background-color:#ffa;
	color:#000;
	font-weight:100;
}
body #content a.promo:hover, body #content a.promo:hover img{background:transparent;}
a:active, a:focus{
	color:#fff;
	background:#0ae;
}
#content a:active, #content a:focus, #subnav a:active, #subnav a:focus{color:#000;}
a#skip, .moretext{
	position:absolute;
	left:-9999px;
	font-size:1px;
	letter-spacing:-1px;
}
#content h1 a, #content h2 a, #content h3 a, #sidebar h3 a, #content h4 a, #content h5 a, #content h6 a, #content h1 a:visited, #content caption a, #sidebar dt a, #sidebar dt a:visited, #content a .borderless, #content a:hover .borderless, #content .inline-list a img, #content .inline-list a:hover img, #content .enlarge li a, #content #go-online a, #content #go-catalogue a, #content #go-worldvoices a{
	border:0;
	padding:0;
	background-color:transparent;
	font-weight:700;
	text-decoration:none;
}
#sidebar a{font-weight:700;}
#content h1 a, #content h1 a:link, #content h1 a:visited, #sidebar dt a, #sidebar dt a:visited{
	color:#531;
}
#content .nav-top a{
	display:block;
	margin:1.5em 0;
	border:solid #d6d6d6;
	border-width:0 1px 1px 0;
	padding:.5em 1em;
	text-align:right;
}

/* =============== || ATTRIBUTE SELECTION || =============== */

a[title^="Email"]{
	padding-right:20px;
	background-image:url(../img/email.png);
	background-position:100% 0.15em;
	background-repeat:no-repeat;
} /* IE7 and below does not understand substring selectors (eg ^=) */
/* a[title^="Visit"]{
	padding-right:16px;
	background-image:url(../img/external.png);
	background-position:100% 0.1em;
	background-repeat:no-repeat;
} IE7 and below does not understand substring selectors (eg ^=) */
a[title^="Visit"]:after{
	content:" \BB ";
	font-weight:700;
} /* after all ext links get rel="external", delete this rule to leave rel="external" rule */
a[rel~="external"]:after{
	content:" \BB  ";
	font-weight:700;
}
/*h1 a[title^="Visit"], h2 a[title^="Visit"], h3 a[title^="Visit"], h4 a[title^="Visit"], div > a[title^="Visit"]{background-image:none;}*/
h1 a[title^="Visit"]:after, h2 a[title^="Visit"]:after, h3 a[title^="Visit"]:after, h4 a[title^="Visit"]:after, #footer a[title^="Visit"]:after, dt > a[title^="Visit"]:after, div > a[title^="Visit"]:after{content:"";} /* after all ext links get rel="external", delete this rule to leave rel="external" rule */
h1 a[rel~="external"]:after, h2 a[rel~="external"]:after, h3 a[rel~="external"]:after, h4 a[rel~="external"]:after, #footer a[rel~="external"]:after, dt > a[rel~="external"]:after, div > a[rel~="external"]:after{content:"";}

.error{background-image:url(../img/exclamation.png);}
.suggestion{background-image:url(../img/lightbulb.png);}
.accepted{background-image:url(../img/accept.png);}
.information{background-image:url(../img/information.png);}

a abbr[title="Portable Document Format"], a abbr[title="Microsoft Document Format"], a abbr[title="Microsoft Excel Format"], a abbr[title="Shockwave Flash Format"], a abbr[title="Flash Video Format"], a abbr[title="Executable Format"], a abbr[title="Powerpoint Format"], a abbr[title="Microsoft Installer Format"], a abbr[title="Rich Text Format"], a abbr[title="Apple Keynote Format"], a abbr[title="PostScript Format"], a abbr[title^="Open Document"], a abbr[title^="Compressed"], a abbr[title^="Audio file"], a abbr[title^="Video file"], a abbr[title^="Java file"]{
	margin:0 0.1em;
	border:0;
	padding:0 3px;
	color:#fff;
	font-weight:700;
}
a abbr[title="Portable Document Format"]{background:#f34;}
a abbr[title="Microsoft Document Format"]{background:#009;}
a abbr[title="Microsoft Excel Format"]{background:#360;}
a abbr[title="Microsoft Installer Format"]{background:#000;}
a abbr[title="Powerpoint Format"]{background:#b41;}
a abbr[title="Apple Keynote Format"]{background:#2be;}
a abbr[title="Flash Video Format"]{background:#f5c;}
a abbr[title="Shockwave Flash Format"]{background:#a01;}
a abbr[title="Rich Text Format"]{background:#a82;}
a abbr[title="PostScript Format"]{background:#800;}
a abbr[title^="Open Document"]{background:#688;}
a abbr[title^="Compressed"]{background:#fa4;}
a abbr[title^="Audio"]{background:#8b0;}
a abbr[title^="Video"]{background:#08c;}
a abbr[title^="Java file"]{background:#94b;}

/* =============== || ABBREVIATIONS || =============== */

abbr, acronym, abbr span{
	cursor:help;
	font-style:normal;
} /*text-transform:uppercase;*/
#content a:link abbr, #content a:link acronym, #content a:link abbr span{border-bottom:0;}
.shortening, label abbr, label acronym, label abbr span, legend abbr, legend acronym, legend abbr span, table abbr, table acronym, table abbr span, span abbr, .vevent .dtstart, .vevent .dtend, .post-info abbr.published{
	border:0;
	text-transform:none;
}
.vevent .dtstart, .vevent .dtend{cursor:default;}

/* =============== || HEADER DIVS || =============== */

#shortcut{
	position:absolute;
	top:0;
	left:0;
	border-bottom:0.3em solid #f4641c;
	padding:0.5em 0 0.5em 0;
	background:#f4641c;
	width:100%;
	height:2em;
}
#shortcut ul{
	display:inline;
	float:left;
	width:540px;
}
#shortcut ul li{
	display:inline;
	float:left;
	margin-right:1.5em;
}
#shortcut ul li a{
	display:block;
	color:#fff;
}
#shortcut ul li a:hover{color:#000;}

#header{
	position:relative;
	/*border-top:1px solid #d70;*/
	background:#fff url(../img/grey-fade.png) repeat-x left top;
	line-height:1em;
	height:150px;
}
#logo, #logo a{
	float:left;
	display:inline;
	width:386px;
	height:124px;
	text-indent:-9999px;
	text-decoration:none;
}
#logo{background:transparent url(../img/nead-logo.png) no-repeat 0 -150px;}
#logo a{background:transparent url(../img/nead-logo.png) no-repeat 0 0;}
#header #logo a:hover{background-image:none;}
#header #sectionheader{
	float:left;
	display:inline;
	text-decoration:none;
}
#header #sectionheader a{
	display:block;
	background:transparent;
	width:386px;
	height:124px;
}
#header #sectionheader a strong{
	display:block;
	position:absolute;
	top:0;
	left:546px;
	padding:0.5em 0 0 12px;
	background:transparent;
	color:#211;
	font:700 172%/1em geneva, arial, "bitstream vera sans", sans-serif;
	text-indent:-9999px;
	width:214px;
	height:1.5em;
	letter-spacing:-1px;
}
#header #sectionheader a:hover{
	text-decoration:none;
	white-space:normal;
}/* http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp */
#header #sectionheader a:hover strong{
	/*text-indent:0;*/
	/*background:#0ae;*/
	color:#fff;
	text-transform:capitalize;
}
body#NEAD #header #sectionheader, body#NEAD #header #sectionheader a:hover{background:url(../img/coffee-cup.jpg) no-repeat right top;}
body#NEAD #nav{background:url(../img/coffee-cup.jpg) no-repeat right bottom;}
body#schools #header #sectionheader, body#schools #header #sectionheader a:hover{background:url(../img/kids.png) no-repeat right top;}
body#schools #nav{background:url(../img/kids.png) no-repeat right bottom;}
body#community #header #sectionheader, body#community #header #sectionheader a:hover{background:url(../img/banana.jpg) no-repeat right top;}
body#community #nav{background:url(../img/banana.jpg) no-repeat right bottom;}
body#resources #header #sectionheader, body#resources #header #sectionheader a:hover{background:url(../img/dividers.jpg) no-repeat right top;}
body#resources #nav{background:url(../img/dividers.jpg) no-repeat right bottom;}
body#world-voices-section #header #sectionheader, body#world-voices-section #header #sectionheader a:hover{background:url(../img/drummer.png) no-repeat right top;}
body#world-voices-section #nav{background:url(../img/drummer.png) no-repeat right bottom;}
body#catalogue-section #header #sectionheader, body#catalogue-section #header #sectionheader a:hover{background:url(../img/catalogue.png) no-repeat right top;}
body#catalogue-section #nav{background:url(../img/catalogue.png) no-repeat right bottom;}
body#online-resources-section #header #sectionheader, body#online-resources-section #header #sectionheader a:hover{background:url(../img/mac.png) no-repeat right top;}
body#online-resources-section #nav{background:url(../img/mac.png) no-repeat right bottom;}
body#worldshop #header #sectionheader, body#worldshop #header #sectionheader a:hover{background:url(../img/puppets.png) no-repeat right top;}
body#worldshop #nav{background:url(../img/puppets.png) no-repeat right bottom;}
body#getinvolved #header #sectionheader, body#getinvolved #header #sectionheader a:hover{background:url(../img/volunteers.jpg) no-repeat right top;}
body#getinvolved #nav{background:url(../img/volunteers.jpg) no-repeat right bottom;}
body#search #header #sectionheader, body#search #header #sectionheader a:hover{background:url(../img/search-header.png) no-repeat right top;}
body#search #nav{background:url(../img/search-header.png) no-repeat right bottom;}

/* =============== || GLOBAL NAV || =============== */

#nav{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	width:772px;
	height:26px;
}
#nav li{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	background:url(../img/navtabs.png) no-repeat left top; height:26px;
}
#nav li a, #nav li#homtab a, #nav li#schtab a, #nav li#comtab a, #nav li#restab a, #nav li#wortab a, #nav li#gettab a{
	display:block;
	float:left;
	margin:0;
	background:url(../img/navtabs.png) no-repeat left top;
	height:26px;
	text-indent:-9999px;
	text-decoration:none;
}
ul#nav li a:hover, #nav li#homtab a:hover, #nav li#homtab a:focus, #nav li#schtab a:hover, #nav li#schtab a:focus, #nav li#comtab a:hover, #nav li#comtab a:focus, #nav li#restab a:hover, #nav li#restab a:focus, #nav li#wortab a:hover, #nav li#wortab a:focus, #nav li#gettab a:hover, #nav li#gettab a:focus{
	background-color:transparent;
	background-image:none;
	color:#e62;
	text-decoration:none;
}

/* =============== || INDIVIDUAL NAV STATES || =============== */

body#NEAD #nav li#homtab a{
	background:transparent url(../img/navtabs.png) no-repeat 0 -52px;
	width:82px;
}
#nav li#homtab{
	background:transparent url(../img/navtabs.png) no-repeat 0 -26px;
	width:82px;
}
#nav li#homtab a{
	background:transparent url(../img/navtabs.png) no-repeat left top;
	width:82px;
}
body#schools #nav li#schtab a{
	background:transparent url(../img/navtabs.png) no-repeat -82px -52px;
	width:82px;
}
#nav li#schtab{
	background:transparent url(../img/navtabs.png) no-repeat -82px -26px;
	width:82px;
}
#nav li#schtab a{
	background:transparent url(../img/navtabs.png) no-repeat -82px 0;
	width:82px;
}

body#community #nav li#comtab a{
	background:transparent url(../img/navtabs.png) no-repeat -164px -52px;
	width:103px;
}
#nav li#comtab{
	background:transparent url(../img/navtabs.png) no-repeat -164px -26px;
	width:103px;
}
#nav li#comtab a{
	background:transparent url(../img/navtabs.png) no-repeat -164px 0;
	width:103px;
}
body#resources #nav li#restab a, body#catalogue-section #nav li#restab a, body#world-voices-section #nav li#restab a, body#online-resources-section #nav li#restab a, body#search #nav li#restab a{
	background:transparent url(../img/navtabs.png) no-repeat -267px -52px;
	width:100px;
}
#nav li#restab{
	background:transparent url(../img/navtabs.png) no-repeat -267px -26px;
	width:100px;
}
#nav li#restab a{	
	background:transparent url(../img/navtabs.png) no-repeat -267px 0;
	width:100px;
}
body#links #nav li#wortab a{
	background:transparent url(../img/navtabs.png) no-repeat -367px -52px;
	width:63px;
}
#nav li#wortab{
	background:transparent url(../img/navtabs.png) no-repeat -367px -26px;
	width:63px;
}
#nav li#wortab a{
	background:transparent url(../img/navtabs.png) no-repeat -367px 0;
	width:63px;
}
body#getinvolved #nav li#gettab a{
	background:transparent url(../img/navtabs.png) no-repeat -432px -52px;
	width:114px;
}
#nav li#gettab{
	background:transparent url(../img/navtabs.png) no-repeat -432px -26px;
	width:114px;
}
#nav li#gettab a{
	background:transparent url(../img/navtabs.png) no-repeat -432px 0;
	width:114px;
}
#nav li#baskettab{
	font-size:86%;
	width:226px;
}
#nav li#baskettab a{
	background:#ccc0b2;
	color:#000;
	font-weight:700;
}
#nav li#baskettab a{
	padding:7px 12px 0 12px;
	background:#ccc0b2;
	text-indent:0;
	width:202px;
	height:19px;
}
#nav li#baskettab a:hover{
	background:#ffc;
	color:#f4641c;
}

/* =============== || ORDERSTORY NAV || =============== */

#orderstory{
	margin:0 0 1.5em 0;
	border-bottom:1px dashed #f5f0f0;
	padding-top:12px;
	background:#0bf url(../img/orderbluefade1.png) repeat-x left top;
	font-weight:700;
}
#orderstory ol{
	display:inline;
	float:left;
	margin:0 0 1em 0;
	padding:4em 12px 1em 12px;
	border-top:1px dotted #f5f0f0;
	border-bottom:1px dotted #f5f0f0;
	background:#f91 url(../img/orange-diag-fade.png) repeat-x left top;
	list-style:none;
	line-height:1em;
	width:474px;
	height:3em;
}
#orderstory ol li{
	display:inline;
	float:left; 
	margin:0 36px 0 0;
	padding:2em 0 0 0;
	color:#fff;
	width:91px;
	height:1em;
}
#orderstory ol li.last{
	margin:0;
	width:91px;
}
#orderstory h1, #orderstory h2{
	padding:0 12px;
	background:transparent;
	color:#fff;
}
#orderstory h2{margin-bottom:12px;}

/* =============== || OTHER IMAGE REPLACEMENT || =============== */

#go-online, #go-catalogue, #go-worldvoices{margin:0 0 1em 0;}
#go-online, #go-online a, #go-catalogue, #go-catalogue a, #go-worldvoices, #go-worldvoices a{
	display:block;
	border:0;
	background-color:transparent;
	background-position:left top;
	background-repeat:none;
	text-indent:-9999px;
	width:498px;
}
#go-online{background-image:url(../img/go-online498.png); height:335px;}
#content #go-online a{background-image:url(../img/go-online-search.png); height:335px;}
#go-catalogue{background-image:url(../img/go-catalogue498.jpg); height:434px;}
#content #go-catalogue a{background-image:url(../img/go-catalogue-search.png); height:434px;}
#go-worldvoices{background-image:url(../img/go-worldvoices498.jpg); height:492px;}
#content #go-worldvoices a{background-image:url(../img/go-worldvoices-search.png); height:492px;}
#content #go-online a:hover, #content #go-catalogue a:hover, #content #go-worldvoices a:hover{background-position:0 -493px;}

/* =============== || LEAD || =============== */

#lead{
	margin:0 0 1em 0;
	border-bottom:1px dotted #adacac;
	padding:0 0 1em 0;
	color:#000;
	width:498px;
}

/* =============== || HEADINGS || =============== */

h1, h2, h3, h4, h5, h6, caption{
	clear:left;
	margin:0 0 0.6em 0;
	background:transparent;
	color:#531;
	font:700 170%/1.2em geneva, arial, "bitstream vera sans", sans-serif;
}
h1, #sidebar h2, #sidebar h3, #sidebar h4{clear:none;}
#lead h1{
	padding:12px;
	background:#e62 url(../img/orange-diag-fade.png) repeat-x left top;
	color:#fff;
	font-size:212%;
}
#individual h1, #sidebar .feature h3, .shadow{margin:0;}
h2, caption{
	margin:0.4em 0;
	font-size:152%;
	color:#e62;
}
#lead h2, caption{
	margin:0 0 0.4em 0;
	line-height:1em;
}
body#links h2{
	padding:0.5em;
	background:#e3e3e3;
	color:#333;
}
h3, #sidebar caption, #sidebar h4{
	margin:0.4em 0;
	color:#000;
	font-size:110%;
}
#sidebar h3{font-size:120%;}
h4, h5, h6, .vevent caption{
	margin:0.2em 0;
	font-size:106%;
}
.vevent caption{
	padding:5px 0 3px 23px;
	background:#fafafa url(../img/event.png) no-repeat 0 0.5em;
}
#individual h3{
	clear:none;
	margin:0 0 0.4em 0;
}

/* =============== || PARAGRAPHS || =============== */

p{margin:0 0 1.5em 0;}
.clear, div.hentry div.description{clear:left;}
address{
	clear:left;
	display:block;
	margin:0 0 1.5em 0;
	font-style:normal;
	text-transform:uppercase;
}
address a{text-transform:none;}
blockquote{
	margin:0.4em 0 1em 0;
	padding:1em 0 0 2.5em;
	font:100 144%/1.4 georgia, utopia, bookman, serif;
	background:transparent url(../img/quote.png) no-repeat 1px 0.5em; color:#531;
}
blockquote p{
	margin:0;
	padding:0;
}
blockquote p+p, #individual h1+h3, h3+h4, #individual .country+h3, #individual .continent+h3{margin-top:1em;}
.cite{
	text-align:right;
	font-family:"lucida sans", utopia, georgia, "trebuchet ms", "bitstream vera sans oblique", sans-serif;
	font-style:italic;
	text-transform:capitalize;
}
code, kbd, .tags, .clearright{clear:right;} 
code, kbd, .tags, .tags span[lang], .post-info, .post-info address, #last-update{
	color:#0ae;
	font-family:monospace;
	font-style:normal;
}
#sidebar p{margin:0.75em 0;}
#search-results p, #search-results ol li, #individual p, #lead p, dl.feature p, #sidebar dl.feature p, table p, table label, #individual form fieldset{
	clear:none;
	margin:0;
	border:0;
	padding:0;
	background:transparent;
}
.horizontal-3 li p, .horizontal-4 li p, .horizontal-3 li ul li, .horizontal-4 li ul li{
	margin:0 0 0.4em 0;
	padding:0 2em 0 0;
	line-height:1.2em;
}
strong, legend, #orderstory, h2 cite, h1 span[lang], h2 span[lang], h3 span[lang], #sidebar .org span[lang], h4 span[lang], strong.fn span[lang], .arabic, .chinese, .french, .portuguese, .russian, .turkish{
	font-family:geneva, arial, "bitstream vera sans", sans-serif; /* for IE, where it can apply the rule correctly */
	font-family:geneva, arial, "bitstream vera sans", sans-serif ! important;
	font-style:normal ! important;
}
em, i, dfn, cite, span[lang], fieldset ul.inline-list, #classification, .format, p.file-type, p.role, #basket tr p, dl.feature p.description{
	font-family:"lucida sans", utopia, georgia, "trebuchet ms", "bitstream vera sans oblique", sans-serif;
	font-style:italic;
}
.fn span[lang], span.fn[lang], .org[lang], .org span[lang], .locality[lang]{
	font-style:normal;
	font-family:"lucida grande", verdana, tahoma, "bitstream vera sans", helvetica, sans-serif;
}
del{text-decoration:line-through;}
ins{font-weight:700;text-decoration:none;}
#sidebar strong, samp, #sidebar th{font-size:112%;}
.infonote, .divider{
	clear:both;
	margin:0 0 1.5em 0;
	border:1px solid #fa4;
	padding:0.5em 1em 0.5em 32px;
	background-color:#ffc;
	background-repeat:no-repeat;
	background-position:8px 0.5em;
}
.infonote p+p{margin-top:0.5em;}
.formnote{
	margin:6px 0;
	border:1px dotted #fff;
	padding:6px;
	font:italic 100% "lucida sans", utopia, georgia, "trebuchet ms", "bitstream vera sans oblique", sans-serif;
}

legend{
	margin:0 0 0.4em 0;
	border:0;
	padding:5px;
	background:transparent;
	color:#0ae;
	font:700 152% geneva, arial, "bitstream vera sans", sans-serif;
}
#individual .price, #individual form legend{
	margin:0 0 0.8em 0;
	padding:0;
}
#individual fieldset .price{font:700 170% geneva, arial, "bitstream vera sans", sans-serif;}
#individual .author, #individual #classification, #individual p.role, #individual p.agerange, #individual .description, #individual .description p, #individual .disclaimer, #individual .additional, #individual .related, #individual .email, #search-results li p.controls, .reference{margin:0 0 1em 0;}
#individual #price{
	margin:0.8em 0;
	border:1px dotted #adacac;
	border-left:0;
	border-right:0;
	padding:0.5em;
	background:#ffc;
}
#search-results .format, #search-results p.price, #individual p.publisher{
	display:inline;
	margin-right:0.6em;
	width:1em;
}
#individual p.publisher{margin:0 0.2em 0 0;}
#sidebar li p, .infonote p{margin:0;}

/* =============== || IMAGES || =============== */

img{
	clear:none;
	display:block;
	margin:0 0 1.5em 0;
	border:1px solid #d3d1d1;
	padding:2px;
	background:#fff;
}
.borderless, #lead img{
	border:0 ! important;
	padding:0 ! important;
	background:transparent ! important;
} /* NEED IE5/6 HACK FOR "IMPORTANT" */

a img{text-decoration:none;}
a:hover img{border:1px solid #fa4;}
#sidebar img, #individual dt img, dl.feature img{
	clear:none;
	float:none;
	margin:0 0 0.2em 0;
}
.right, img.right, #search-results .thumb{
	margin:0 0 0.4em 1em;
	float:right;
	display:inline;
}
img.left{
	float:left;
	display:inline;
	margin:0 1.4em 1.4em 0;
}
th img, td img{
	float:left;
	display:inline;
	margin:0 8px 4px 0;
	padding:1px;
}
.formnote img{margin:6px 0 0 0;}
.horizontal-3 li img, .horizontal-4 li img{margin:0 0 10px 0;}
#search-results .thumb{
	margin-top:12px;
	padding:4px 34px 33px 4px;
	background-image:url(../img/search_result_thumb.png);
	background-repeat:no-repeat;
}
.world-voice-result .thumb{background-position:0 0;}
.online-resource-result .thumb{background-position:-76px 0;}
.catalogue-item-result .thumb{background-position:-152px 0;}

/* =============== || ENLARGE IMAGES || =============== */

.enlarge{
	clear:none;
	margin:0;
	padding:0;
	list-style-type:none;
	width:249px;
	height:223px;
}
.enlarge li{
	position:relative;
	display:block;
	float:left;
	width:249px;
	height:2em;
	clear:none;
}
.enlarge li#map, .enlarge li#map-kl{height:198px;}
.enlarge li#map-yar{height:411px;}
.enlarge li a{
	position:relative;
	display:block;
	clear:none;
	width:249px;
	height:198px;
	background:transparent url(../img/zoom.png) no-repeat right bottom;
}
.enlarge li#map-yar a{height:411px;}
.enlarge li a img{
	border:0;
	padding:0;
	background:transparent;
	width:100%;
	height:170px;
}
.enlarge li#map-yar a img{height:383px;}
.enlarge li a:hover, .enlarge li a:focus{
	position:absolute;
	left:0px;
	top:0px;
	background:#fff;
	cursor:help;
	width:498px;
	height:321px;/* formerly 340 */
	z-index:100;
}
.enlarge li#map-kl a:hover, .enlarge li#map-kl a:focus{height:354px;}
.enlarge li#map-yar a:hover, .enlarge li#map-yar a:focus, .enlarge li#map-yar a:hover img, .enlarge li#map-yar a:focus img{height:766px;}
.enlarge li a:hover img, .enlarge li a:focus img{height:100%;}
#neadvcard, #klvcard, #yarvcard{width:230px;}

/* =============== || LISTS || =============== */

ul, ul.general, .inline-list, ol, dl, fieldset ul.inline-list, #search-results, ul.horizontal-3, ul.horizontal-4{
	margin:0 0 1.5em 0;
	padding:0;
	list-style:none;
}
ul.nav-local{
	border:1px solid #d6d6d6;
	padding:1em;
	background:#e3e3e3;
}
ul li{margin:0 0 1em 0;}
ul li p{margin:0 0 0.1em 0;}
ul.general li ul{margin:0.8em 0;}
ul.general li{
	margin:0.6em 0 0.6em 30px;
	padding:0 0 0 12px;
	background:transparent url(../img/bullet.png) no-repeat 0em 0.4em;
}
ul.general li ul li{
	margin:0.6em 0 0.6em 30px;
	padding:0 0 0 12px;
	background:transparent url(../img/small-bullet.png) no-repeat 0em 0.4em;
}
#sidebar ul.general li{
	margin:0.2em 0 0.2em 0.4em;
	padding:0 0 0 16px;
	background:transparent url(../img/bullet.png) no-repeat 0em 0.3em;
}
.inline-list{
	margin:0 0 1.4em 0;
	word-spacing:0;
}
.inline-list li, .nav-local li, .feature .inline-list, .post-info address{
	display:inline;
	margin:0;
}
ol{
	padding:0.6em 1em 1em 2em;
	list-style:decimal outside;
}
ol ol{
	margin-bottom:1em;
	padding:0.6em 1em 0 2em;
	list-style:lower-roman outside;
}
dl{width:498px;}
dl dt{
	float:left;
	display:inline;
	margin:0;
	padding:20px 20px 0 0;
	font-weight:700;
	width:160px;
}
dl dd{
	float:left;
	display:inline;
	margin:0;
	padding:20px 0 0 0;
}
dl#glossary dt, dl#glossary dd{
	float:none;
	display:block;
	margin:0 0 1em 0;
	padding:0;
	width:auto;
	height:auto;
}
#individual{
	background:#fff url(../img/paper-fade.png) repeat-x left bottom;
	width:724px;
}
#individual dt{
	padding:12px 24px 20px 0;
	background:transparent;
	width:150px;
	min-height:120px;
}
#individual dt #resource-category{
	display:block;
	margin-bottom:12px;
	padding:8px;
	background:#f4641c url(../img/category.png)repeat left top;
	color:#fff;
	width:134px;
}
#individual dd{
	padding:12px 0 0 0;
	background:transparent;
	width:538px;
}
#individual .description ul{margin:0.8em 0;}
#individual .description ul li{margin:0 0 0.4em 0;}
#individual ul.related li+li:before, ul.tags li+li:before, ul.post-info li+li:before{content:" \B7  ";} /* B7=middot, 2C=comma */ /* /* REQUIRES ALTERNATIVE FOR IE5, 6 AND 7 (:before & :after not supported) */

dl.feature+dl.feature{
	margin-top:1em;
	border-top:1px dotted #adacac;
}
#content dl.feature dt{width:100px;}
#content dl.feature dd{width:378px;}
.horizontal-3 li, .horizontal-4 li{
	float:left;
	display:inline;
	margin:0;
	list-style:none;
	width:166px;
	line-height:1.2em;
}
.horizontal-4 li{width:124px;}
#content .horizontal-3 li.link-box a, #content .horizontal-4 li.link-box a{
	display:block;
	margin:0 1px;
	border:0;
	padding:6px;
	background-image:none;
	background:transparent;
	color:#433;
	text-decoration:none;
}
#content .horizontal-3 li.link-box a:link:hover, #content .horizontal-3 li.link-box a:visited:hover, #content .horizontal-4 li.link-box a:link:hover, #content .horizontal-4 li.link-box a:visited:hover{
	background:#ffa;
	color:#000;
	text-decoration:none;
}
#content .horizontal-3 li p a, #content .horizontal-4 li p a{
	display:inline;
	padding:0;
	border:0;
	border-bottom:1px dotted #0ae;
	color:#d50;
}
#content .horizontal-3 li p a:link:hover, #content .horizontal-4 li p a:link:hover, #content li h3 a:hover{
	border:0;
	border-bottom:1px dotted #0ae;
	background:#ffa;
	color:#000;
} 
.horizontal-3 li strong, .horizontal-4 li strong, .horizontal-3 li h3, .horizontal-4 li h3{
	display:block;
	margin:0 0 0.6em 0;
	border-bottom:1px dotted #adacac;
	padding-bottom:0.6em;
	color:#531;
	font:700 104% geneva, arial, "bitstream vera sans", sans-serif;
}
.horizontal-3 li img, .horizontal-4 li img{
	clear:none;
	display:block;
	float:none;
	margin:0 0 10px 0;
	padding:2px;
	background:#fff;
}
.horizontal-3 li.link-box a img{width:146px;}
.horizontal-4 li.link-box a img{width:104px;}
.horizontal-3 li.link-box a img.borderless, .horizontal-4 li.link-box a img.borderless{
	padding:0;
	border:0;
	width:auto;
}
.horizontal-3 li.link-box a:hover img.borderless, .horizontal-4 li.link-box a:hover img.borderless{background:transparent;}
/*#search-results{background:transparent url(../img/result-bg.png) repeat-y 0 0;}*/
#search-results li{
	clear:right;
	padding:12px 0;
	border-top:1px solid #d3d1d1; 
	background:transparent;
	width:498px;
}
#search-results li:hover{color:#000;}
.previous-next, #lead p+p{
	margin:1em 0;
	padding:0;
	list-style-type:none;
}
#search-results h3, #individual h2, #lead h2, .feature h3, #sidebar h3, #sidebar dl{
	clear:none;
	margin-top:0;
}
.previous-next li{
	float:left;
	margin:0 0.6em 0 0;
	list-style-type:none;
	line-height:1.75em;
}
.previous-next li span{
	border:1px solid #fa4;
	padding:2px;
	background:#ffc;
}

/* =============== || FLOAT-CLEARING || =============== */

ul.horizontal-3:after, ul.horizontal-4:after, dl.feature:after, #individual:after, ul.previous-next:after, #lead:after, fieldset:after, #search-results li:after, #footer #funders:after{
	display:block; /* necessary */
	visibility:hidden;
	content:".";
	clear:both;
	height:0;
}
ul.horizontal-3, ul.horizontal-4, dl.feature, #individual, ul.previous-next, #lead, fieldset, #search-results li, #footer #funders, #sidebar dl{display:inline-block;}
ul.horizontal-3, ul.horizontal-4, dl.feature, #individual, ul.previous-next, #lead, fieldset, #search-results li, #footer #funders, #sidebar dl{display:block;}

/* inline-block forces MSHTML's hasLayout on floated elements for IE7 */
/* Needed because IE7 doesn't support :after or content, and so doesn't support this clearing method */
/* lte IE6 CSS has a corresponding rule to force hasLayout on elements to which :after is applied */
/* In turn, display:block rule for these elements is hidden from IE5Mac - see IE5/6 stylesheet */
/* display:block rule MUST follow display:inline-block rule because otherwise Opera 9 will use latter */

#sidebar dl.feature:after{
	content:"";
	clear:none;
}/* Compliant browsers.  The others didn't care in the first place. */

/* =============== || TABLE STUFF || =============== */

table{
	clear:both;
	margin:0 0 1.5em 0;
	border:0;
	background:transparent;
	color:#000;
	width:100%;
	max-width:498px;
}
#sidebar table, .vevent table{
	clear:none;
	float:none;
	width:auto;
}
#basket{
	border:1px solid #eee5dd;
	border-bottom:1px solid #d3d1d1;
	padding:1px;
	background:#fff;
}
#sidebar #basket{
	border:0;
	padding:0;
	background:#fff;
	width:100%;
}
#basket tbody{background:#ddd3cc;}
#sidebar #basket td, #sidebar #basket th{border-bottom:1px solid #d3d1d1;} 
thead{background:#fff;}
th, td, .simpletable tfoot td{
	border-top:1px solid #d3d1d1;
	padding:5px 15px 3px 0;
	background:transparent;
	line-height:1.2em;
	vertical-align:top;
}
.hentry, .vevent caption, .vevent th, .vevent td{border-top:1px solid #d3d1d1;}
#sidebar td, #sidebar td p{
	margin:0;
	padding:1px 0;
}
th{
	color:#0ae;
	font-family:geneva, arial, "bitstream vera sans", sans-serif;
}
th.unemphasised{
	color:#000;
	font-weight:100;
}
caption, th, td, tfoot td, .previous-next{text-align:left;}
#basket td, #basket tfoot th, #basket tfoot td, #itemstotal td{text-align:right;}
#basket th, #basket td{
	border:0;
	padding:8px;
	line-height:1.2em;
}
#basket thead th{
	background:#0ae;
	color:#fff;
}
#basket tfoot th, tfoot td, #itemstotal td{
	border:0;
	color:#531;
	font-weight:700;
}
#basket tfoot th, #basket tfoot td{
	border-bottom:1px solid #f5f0f0;
	background:#fbf6f6;
}
table label{display:inline;}
table tbody tr.even th, table tbody tr.even td{background:#eee5dd;}
.highlighted, tfoot #finaltotal th, tfoot #finaltotal td{
	background:#ffc;
	color:#000;
	font-weight:700;
}
tr.muted th, tr.muted td{
	border-top:1px solid #d3d1d1;
	color:#d3d1d1;
}

/* =============== || SUBNAV & SIDEBAR DLs || =============== */


#sidebar dl{margin:0 0 2em 0;}
#sidebar dl, #subnav{
	border:0;
	padding:0;
	background:transparent url(../img/trans-bg.png) repeat; /* #fbf6f6 */
	width:auto;
}
#sidebar dl.feature{
	padding:8px;
	min-height:66px;
	width:186px;
}
#sidebar dl.feature dt.thumb{
	float:left;
	display:inline;
	border:0;
	padding:0 8px 0 0;
	background:transparent;
	width:44px;
}
#sidebar dl.feature dd{
	display:inline;
	margin:0;
	border:0;
	width:134px;
}
#sidebar dt, #sidebar dd, #subnav dt, #subnav dt a, #subnav dd, #subnav dd a{
	clear:none;
	float:none;
	display:block;
	margin:0;
	border:0;
	padding:0.5em 0;
	background:transparent;
	width:auto;
}
#subnav, dt{font-weight:700;}
#sidebar dt{
	padding:0.5em 0;
	font:700 120%/1.4 geneva, arial, "bitstream vera sans", sans-serif;
	color:#531;
}
#subnav dt, #subnav dd, #sidebar dd{padding:0;}
#subnav dt a, #subnav dt.sub-group{padding:0.5em 8px;}
#subnav dt.sub-group{
	border-top:1px dotted #adacac;
	color:#0ae;
}
#subnav dt a{
	color:#fff;
	background:#0ae; /* 08e */
}
#subnav dd a{
	border-top:1px dotted #adacac;
	padding:0.5em 21px;
	background:transparent url(../img/small-bullet.png) no-repeat 8px 0.90em;
}
#subnav dd a:hover{
	background-color:#ffc;
}

/* =============== || FORMS || =============== */

form{margin:0 0 1em 0;}
fieldset{	
	margin:1.5em 0 2em 0;
	border:2px solid #cbb;
	border:2px dotted #d3d1d1;
	padding:6px 12px 12px 12px;
	background: transparent;
}
input, textarea, select{
	font:100 100% geneva, tahoma, "bitstream vera sans", monospace;
	width:218px;
}
label input, label select{margin-right:6px;}
input:focus, textarea:focus, select:focus{background:#ffc;}
.autolength, .autolength input, table input{width:auto;}
.checkbox{
	margin-right:0.6em ! important;
	width:auto ! important;
}
textarea{
	white-space:pre;
	height:8em;
}
label{
	display:block;
	margin:0.2em 0;
	padding:0.8em 0 0 0;
	color:#000;
	vertical-align:top;
}
label span.warn, .required{
	color:#0ae;
	font:normal 700 100% georgia, utopia, bookman, serif;
	text-transform:none;
}
label span.error, .error_message{
	color:#fff;
	background:#f34;
	font-weight:700;
}
#site-search{
	float:right;
	display:inline;
	margin:0;
	border:0;
	vertical-align:middle;
	width:auto;
}
#site-search fieldset{
	display:inline;
	margin:0;
	padding:0;
	background:transparent;
	border:0;
	vertical-align:middle;
}
#site-search legend, #site-search label{display:none;}
#input-search{
	border:1px solid #d50;
	padding:1px;
	width:174px;
}
#submit-site-search{
	display:inline;
	border:0;
	padding:0;
	width:40px;
	height:21px;
	min-height:21px;
	vertical-align:middle;
}
#individual form{
	margin:1em 0;
	border-top:1px solid #d3d1d1;
	border-bottom:1px solid #d3d1d1;
	padding:1em 0;
}
#individual form input, #basket input{
	font-weight:100;
	width:auto;
}
#basket input{
	margin-left:0.6em;
	margin-right:0;
}
#individual form #qty, #individual form #itemqty{
	margin-right:0.6em;
	display:inline;
	width:3em;
}
#memberform label{text-transform:none;}

/* =============== || HIDDEN FROM IE5 MAC || =============== */

/* Hide from IE5Mac \*/
a#skip, a#skip:visited, a#skip:hover, #header a#skip:focus, #header a#skip:active, .moretext, #header #logo a, #header #sectionheader a, #nav li a, #nav li#homtab a, #nav li#schtab a, #nav li#comtab a, #nav li#restab a, #nav li#wortab a, #nav li#gettab a, .enlarge li a, #go-online a, #go-catalogue a, #go-worldvoices a{overflow:hidden;}
dl dt{clear:both;}
.horizontal-3 li, .horizontal-4 li{display:block;}
ul.horizontal-3:after, ul.horizontal-4:after, dl.feature:after, #individual:after, ul.previous-next:after, #lead:after, fieldset:after, #search-results li:after, #footer #funders:after{display:block;}
/* see float-clearing above */
/* end hide */
