/* Booktrust 'family' template Stylesheet v1
   Paul Bellamy, BellamyStudio 15.05.07
-----------------------------------------------------*/
/* core html elements
----------------------------------------------------*/
*{padding:0; margin:0}
body{font:80%/1.4em arial,helvetica,sans-serif}

a{text-decoration:none}
a:hover{text-decoration:underline}
img{border:none; margin-bottom:4px}
h1{font-size:1.75em; line-height:1.4em}
h2{font-size:1.55em; line-height:1}
h3{font-size:1.3em}
h4{font-size:1em}
h1, h2, h3, h4, h5, p{margin:0 0 .25em 0; font-weight:normal}
h5{font-size:1.1em; font-weight:bold}
h1, h2, h3, h4{font-weight:bold}

ul, ol{margin:0 0 18px 18px}
ul{list-style-type:circle}
ol{list-style-type:decimal}

dl{list-style:none; margin:0 0 8px 0}
dt{font-weight:bold; padding:5px 0 2px 0; margin:0}

hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.4em; border:none}
hr.space{background:#fff; color:#fff}

/* page template layout 
----------------------------------------------------*/
#wrapper{width:950px; position:relative; padding:0 5px}
#navigation{width:225px}
#wrapper, #maincontent, #promo, #navigation, #footer, .onecolumn, .twocolumn, 
 .threecolumn, .fourcolumn, .fivecolumn, .threecolumnblock, #navigation dl{float:left; text-align:left}
#navigation, .onecolumn, .twocolumn, .threecolumn, .fourcolumn, #footer h3.arts a{margin-right:12px}
#header{width:950px}
#maincontent{width:700px; margin:18px 0 0 0}
#maincontent #promo{width:700px; height:100px; text-align:right}
#maincontent #promo img{margin:0}
#maincontent .onecolumn{width:106px; font-size:90%}
#maincontent .twocolumn{width:224px; text-align:center}
#maincontent .threecolumn{width:343px}
#maincontent .fourcolumn{width:461px}
#mainImage{width:700px; margin-bottom:15px}
#maincontent p {margin-bottom:1em; line-height:1.5}
.last{margin-right:0px !important}

/* extra 'container' divs for making rows 
----------------------------------------------------*/
#maincontent .twocolumnblock{width:238px}

#maincontent .threecolumnblock{width:344px}

#footer{clear:both; width:950px; margin:15px 8px 30px 0px; padding:5px 0 20px 0}
#footer h3.arts a{ float:left; width:182px; height:70px}
#footer h3.dfe a{ float:left; width:213px; height:37px; margin-left:10px; text-indent:-999em; overflow:hidden}
#footer li, #footer p{font-size:.85em}
#footer #links{float:left; width:551px; padding:3px 0 0 10px}

#footer li, #footer p{font-size:.85em; line-height:1.2em}
#footer #links{float:left; width:543px; padding:5px 0 0 0}
#footer #browsealoud, #footer #rfl {float:left; width:80px; padding:10px 10px 0 0}
#footer ul, #footer li{list-style:none}
#footer ul{margin-bottom:5px}
#footer li{display:inline}
#footer li a{text-decoration:none}

/* navigation list
----------------------------------------------------*/
#navigation ul#nav a{text-decoration:none; display:block; width:220px; padding:5px 0 5px 5px; font-weight:bold}

#navigation ul#nav, #navigation ul#nav ul{list-style:none}
#navigation ul#nav{margin:10px 0}
#navigation ul#nav li{font-size:1em}
#navigation ul#nav ul{margin:0 0 5px 0}
#navigation ul#nav li ul li{border:none}
#navigation ul#nav li ul li a{padding-left:20px; width:205px; font-size:0.65em}
/* (image replacement)
----------------------------------------------------*/
#footer h3.arts a{display:block; font-size:1px; overflow:hidden; text-indent:-999em}

/* promotional boxes
----------------------------------------------------*/
#navigation dl, dl.promo{width:220px; padding:0; margin:5px 0}
#navigation dt, dl.promo dt{width:215px; padding:5px; font-size:1.4em; font-weight:normal}
#navigation dd, dl.promo dd{width:215px; padding:5px}
#navigation dd img, dl.promo dd img{display:inline-block}
#navigation dd img.right, dl.promo dd img.right{margin:0 0 5px 5px}
#navigation dd img.left, dl.promo dd img.left{margin:0 5px 5px 0}

/* content styling
----------------------------------------------------*/
#logo{float:left; margin:40px 0 0 0; width:740px}
#partners{float:right; width:160px; margin:10px 5px 0 0}

#partners img.booktrust{margin-right:10px}
/* switcher
----------------------------------------------------*/
#switcher{float:left; /*border-bottom:1px solid #ccc; */ padding:10px 0; margin:0 10px 10px 0; clear:both; width:190px}
#switcher a{float:left; margin-right:10px; width:20px; height:20px; text-align:center; line-height:20px; border:1px solid #E63D1C}
#switcher a:hover{background:#E63D1C; color:white}
#switcher .normal{font-size:.9em}
#switcher .large{font-size:1.4em}
#switcher .largest{font-size:1.7em}
#switcher .sitemap{width:6em}

form#search{float:left; padding:0; margin:0}
form#search input.keywords{font-size:medium; width:155px; font-family:arial,helvetica; color:#666; padding:3px 5px; border:2px solid #cdebf8; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 5px 3px 0}
form#search input.keywords:focus{border:2px solid #36afe2}
form#search input{float:left; margin-bottom:3px; color:#666}

#maincontent .twocolumn p, .twocolumn dl, #maincontent .twocolumn ul, 
  #maincontent .twocolumn li, #maincontent .twocolumn a{text-align:left}

#promo{margin-bottom:20px}
#mainImage img{margin:0}
#mainImage p{margin:0; padding:0 0 2px 4px; font-size:x-small}
.feature{margin-bottom:20px; text-align:left}
.feature h3{line-height:1.3em}

a.more{white-space:nowrap}
a.more:before{content:'\003e \0020'}
.downloads ul, ul.downloads, ul.links, ul.ideas{list-style-type:none; margin:0 0 10px 0}
ul.links li, dl.links dd{padding:2px 0 2px 10px; background:url('/images/template/icons/mini_arrow.png') 0 5px no-repeat; /*border-bottom:1px solid #dedede*/}
ul.links li.current{background-color:#efefef}
ul.ideas li{padding:2px 0 2px 20px; background:url('/images/template/icons/lightbulb.png') 0 5px no-repeat; border-bottom:1px solid #dedede}
li.pdf{padding:2px 0 2px 20px; margin:0; background:url('/images/icons/pdf.png') left no-repeat; border-bottom:1px solid #dedede}
li.doc{padding:2px 0 2px 20px; margin:0; background:url('/images/icons/doc.png') left no-repeat; border-bottom:1px solid #dedede}
li.ppt{padding:2px 0 2px 20px; margin:0; background:url('/images/icons/ppt.png') left no-repeat; border-bottom:1px solid #dedede}
li.link{padding:2px 0 2px 20px; margin:0; background:url('/images/icons/link_go.png') left no-repeat; border-bottom:1px solid #dedede}
li.biglink{padding:0; margin:0}
li.biglink a{padding:2%; display:block; width:94%; border:1px solid #999; font-size:1.1em; background:url('/images/template/bigbuttonbg.png') 0 0 repeat-x; color:#333; line-height:24px}
li.biglink a:hover{background:url('/images/template/bigbuttonbg.png') 0 -50px repeat-x; color:#fff; border:1px solid #333; text-decoration:none}
li.biglink img{float:left; margin:0 8px 0 0}
.downloads p{margin:6px 0 0 0; padding:0}
.feature p{margin:0 0 12px 0}

.sections h2, .sections h3, .sections dt, .sections dd, .sections p{font-weight:normal; text-align:left}
.sections h2, .sections h3, .sections dt{padding:5px 3px}
.sections p, .sections dd{padding:2px 3px}
.sections dl{margin:0 0 4px 0; padding:0 0 4px 0}
.sections dl dt{font-size:1.4em}

.left{float:left; margin:0 9px 9px 0}
.right{float:right; margin:0 2px 9px 9px}

.columnheader{line-height:1.5em; margin-bottom:20px}
.columnheader p{font-size:1.2em}
.columnheader a{font-weight:bold}
.columnheader h2, .columnheader h3{line-height:1em}
.columnheader h1, .columnheader h2{font-size:180%}
.columnheader h3{font-size:160%}

a.filelink, a.pdflink, a.printlink, a.podcast{padding-left:20px; display:inline-block; text-decoration:none}
a.filelink{background:url("/images/template/icons/file.gif") top left no-repeat}

a.printlink{background:url("/images/template/icons/printer.png") top left no-repeat}

a.pdflink{background:url("/images/template/icons/pdf.gif") top left no-repeat}
a.podcast{background:url("/images/template/icons/ipod_cast.png") left no-repeat}

p.quote{padding:5px 15px; font-style:italic}
ul.quotes{list-style:none; font-style:italic}
ol.alpha{list-style-type:lower-roman}

/* Pullquote
----------------------------------------------------*/
.pullquote{text-align:left}
.feature .pullquote{float:right; width:225px; background:url("/images/template/feature_pullquote_bg.png") top left no-repeat; margin:10px 0 10px 10px}
.twocolumn .pullquote{background:url("../images/pullquote_bg.png") top left no-repeat}
.pullquote .quote{padding:7px 10px; line-height:1.2em; text-indent:12px; font-size:140%}
.pullquote .quote img{margin:0 0 0 2px}
.pullquote .credit{padding:0 10px 7px 10px; font-size:90%}

/* New 'automatic' pullquote
----------------------------------------------------*/
blockquote.pullquote, div.pullquote{width:225px; padding:10px 0 0 0; font-size:1.4em; font-weight:normal; text-align:left}

blockquote.pqRight, div.pqRight{}

blockquote.pullquote p, div.pullquote p{padding:0 10px 10px 10px}

.clearer{clear:both}
.nomargin{margin:0}
/* FORMS 
-----------------------------------------------------*/
label{font-weight:bold}

/* Fieldsets */
fieldset{padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc}
legend{font-weight:bold; font-size:1.2em}

/* Text fields */
input, select, textarea{font-family:arial,helvetica; font-size:1em}
input.text, input.title{width:300px; margin:0.5em 0.5em 0.5em 0}
input.text, input.title{border:1px solid #bbb; background:#f6f6f6; padding:5px}
input.text:focus, 
input.title:focus{border:1px solid #999; background:#fff}
input.title{font-size:1.5em}

/* Textareas */
textarea{width:300px; height:150px; margin:0.5em 0.5em 0.5em 0}
textarea{border:1px solid #bbb; background:#eee; padding:5px}
textarea:focus{border:1px solid #999; background:#fff}

/* Select fields */
select{border:1px solid #ccc; background:#f6f6f6; width:200px}
select:focus{border:1px solid #999; background:#fff}