/* ===================================================

CSS for Booksource website - v1.1

Author: 		Whitespace Design
Contact: 		emily@whitespacedesign.co.uk
Website: 		http://www.whitespacedesign.co.uk
created: 		January 2008

=================================================== */

/*====================== resets =====================*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,td,tr,th
	{margin:0; padding:0 }

h1,h2,h3,h4,h5,h6,pre,code,input,textarea {font-size:1em;font-weight: normal;}

a img,:link img,:visited img { border:none;}

:link,:visited { text-decoration:none;}

ul, form ol { list-style:none;}

address {font-style: normal;}

#navCol ul li a span,
.screenreader {
	position : absolute;
    top : -9000px;
    left : -9000px;
    }

.imageReplace {text-indent: -9000px;}

.hidden {display: none;}
acronym {border-bottom: 1px dotted #000;}
.clear {clear:both;}



/*====================== universals =====================*/

body {
	text-align: center;
	font: 62.5% verdana, helvetica, sans-serif; /* reset font size to 10px; */
	background: #007AC2;
	color: #333333;
	}

#global {
	position: relative;
	width: 800px;
	margin: 0 auto 20px auto;
	padding-bottom: 50px;
	text-align: left;
	background-color: #FFFFFF;
	}

#header {
	float: left;
	position: relative;
	width: 800px;
	height: 123px;
	}

#header img {
	float: left;
	margin: 22px 0 0 404px;
	}
	

	

/*====================== structure =====================*/

div#navCol {
	width: 200px;
	float: left;
	}
	
div#content {
	width: 600px;
	float: left;

	}
	
#rightCol {
	float: right;
	width: 300px;
	background: #FFFFFF;
	}
#leftCol {
	float: left;
	width: 300px;
	}	

/*====================== nav styles =====================*/


div#navCol ul {
	width: 150px;
	margin: 0 0 0 50px;
	}

div#navCol ul li {
	width: 150px;
	margin: 0 0 7px 0;
	}

div#navCol ul li a {
	display: block;
	width: 134px;
	color: #00AEEF;
	text-transform: uppercase;
	background: transparent url(../graphics/nav_graphic.gif) no-repeat left center;
	padding-left: 16px;
	}
div#navCol ul li a:hover,
#home div#navCol ul li a#nav1,
#news div#navCol ul li a#nav2,
#history div#navCol ul li ul li a#subnav3a,
#board div#navCol ul li ul li a#subnav3b,
#management div#navCol ul li ul li a#subnav3c,
#trustees div#navCol ul li ul li a#subnav3d,
#distribution div#navCol ul li ul li a#subnav4a,
#standard div#navCol ul li ul li a#subnav4b,
#value div#navCol ul li ul li a#subnav4c,
#why div#navCol ul li ul li a#subnav4d,
#imprints div#navCol ul li a#nav5,
#infosource div#navCol ul li ul li a#subnav6a,
#order div#navCol ul li a#nav7,
#contact div#navCol ul li a#nav8 {
	color: #2C2828;
	}
#history div#navCol ul li a#nav3,
#board div#navCol ul li a#nav3,
#management div#navCol ul li a#nav3,
#trustees div#navCol ul li a#nav3,
#distribution div#navCol ul li a#nav4,
#standard div#navCol ul li a#nav4,
#value div#navCol ul li a#nav4,
#why div#navCol ul li a#nav4,
#infosource div#navCol ul li a#nav6 {
	color: #2C2828;
	background: transparent url(../graphics/nav_graphic_on.gif) no-repeat left center;
	}

div#navCol ul li ul {
	display: none;
	margin: 7px 0 0 20px;
	}
#history div#navCol ul li ul#subnav3,
#board div#navCol ul li ul#subnav3,
#management div#navCol ul li ul#subnav3,
#trustees div#navCol ul li ul#subnav3,
#distribution div#navCol ul li ul#subnav4,
#standard div#navCol ul li ul#subnav4,
#value div#navCol ul li ul#subnav4,
#why div#navCol ul li ul#subnav4,
#infosource div#navCol ul li ul#subnav6 {
	display: block;
	width: 130px;
	}

div#navCol ul li ul li {
	width: auto;
	
	}
div#navCol ul li ul li a {
	width: auto;
	text-transform: none;
	background: transparent url(../graphics/subnav_graphic.gif) no-repeat left center;
	padding-left: 12px;
	}
	
	
	
	

/*====================== content =====================*/

h1 {
	font-family: georgia;
	font-size: 1.8em;
	color: #363334;
	line-height: 1em;
	margin-top: -2px;
	}

h2 {
	font-family: georgia;
	font-size: 1.4em;
	color: #24408F;
	margin-top: .857em;
	}
	
#downloads h2 {
	display: inline;
	}

#rightCol .sol,#leftCol .sol {color: #58595B;}
#rightCol p {
	color: #58595B;
	line-height: 1.3em;
	margin: 6px 50px 0 0;
	}
	
#rightCol p a,
#rightCol li a {color: #00AEEF;}
#rightCol p a:hover,
#rightCol li a:hover {color: #2C2828;}

#rightCol p.downloadLink {
	padding: 0 0 0 5px;
	line-height: .9em;
	display: inline;
	}
	
#downloads div.clear {
	height: 1em;
	}
	
#contactInfo {
	margin-top: 4px;
	}

#order h3,
#contact h3 {
	float: left;
	clear: left;
	width: 85px;
	margin-top: 5px;
	font-family: georgia;
	font-size: 1.4em;
	color: #24408F;
	}
	
#contactInfo h3 {
	font-style: italic;
	}
	
#contactInfo p {
	float: left;
	width: 215px;
	margin: 8px 0 0 0;
	}
	
div#tele-order {float: left;width: 300px;}

div#tele-order h3 {
	width: 180px;
	}
div#tele-order p {
	width: 100px;
	float: left;
	padding: 0;
	margin: 8px 0 0 0;
	}


#rightCol ul {
	color: #58595B;
	line-height: 1.3em;
	list-style-type: disc;
	padding: 0 0 0 13px;
	margin-top: 1em;
	}
#rightCol ul li {
	padding-bottom: .4em;
	line-height: 1.1em;
	}

#rightCol ul.subnavList {
	list-style-type: none;
	padding: 0;
	}

#rightCol ul.subnavList li a {
	font-family: georgia;
	color: #00AEEF;
	}
#rightCol ul.subnavList li a:hover {
	color: #2C2828;
	}
#rightCol ul.subnavList li a span {
	display: block;
	float: left;
	width: 82px;
	}

li.column1 { width: 125px; margin-left: 0em; }

li.column2 {width: 135px; margin-left: 125px; }

li.reset {
    margin-top: -5.8em;
  }
  
 #standard li.reset {
    margin-top: -7.3em;
  }
  
 ul.twoColList  {
 	margin-bottom: 2em;
  }
  
#quoteDiv {
	margin: 16px 0 0 0;
	font-family: georgia;
	font-size: 1.2em;
	}
	
#quoteDiv p {
	color: #231F20;
	font-style: italic;
	width: 255px;
	line-height: 1.2em;
	}
	
#quoteDiv p.quoteCredit {
	color: #24408F;
	font-style: normal;
	font-weight: bold;
	margin-top: 2px;
	}
	
	
div#map {margin-top: 20px;}
	

/*====================== news =====================*/

.newsItem {
	margin: 12px 0 0 0;
	}

.newsItem h2 {
	margin: 0 0 0 10px;
	/* color: #00AEEF;  - if to be a link */
	}

.newsItem span {
	font-family: georgia;
	color: #58595B;
	}

.newsItem div { /* this is the image in the news item */
	padding: 6px 0 0 0;
	}
	
	
	

/*====================== imprints =====================*/
	
#imprints #rightCol {
	margin-left: 300px;
	margin-bottom: 20px;
	}

#logos {
	width: 598px;
	float: left;
	}

#logos div.box img {

	}
	
#logos div.box {
	float: left;
	border: 1px solid #00AEEF;
	margin: 0 2px 2px 0;
}
#logos div.box div {
	display: table-cell;
	width: 88px;
	height: 88px;
	text-align: center; /* qui e non su precedente, iCab */
	vertical-align: middle;
}
	
#logos img {
	vertical-align: middle;
}
/*\*//*/
#logos div.box div {
	display: block;
}
#logos span {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 1px;
}
#logos a {
	font-size: 1px;
}
/* non serve solito shift background-position: 11px 11px per IE/Mac, forse perche' su inline-block? */
#logos div.box {
	border-collapse: collapse; /* Op7 */
}
.clear {
	clear: both;
	margin: 0;
	padding: 1em 0;
}