/*********************************************/
/*		african_books.css				*/
/*		www.graves-johnston.com			*/
/*		Author Antony Sharman			*/
/*********************************************/

/******* DO NOT ALTER ANY OF THE BELOW PERAMITERS UNLESS YOU REALLY MEAN TO ********/

/*******	Start of Globals			******/

* { margin:0; padding:0; 	}							/* set all padding and margin parameters to zero */
/* Define the minimum window slide size, edges and colour of the screen and the fonts to be used*/
body { min-width: 985px;	margin:0px 12px 0px 0px;	padding:0px 12px 0px 0px;	background-color:#fff;	font-family: "Times New Roman", Times, serif;	}
h1	{ font-size:16pt;	color:#000; font-weight:normal;	text-align:center;  text-transform:uppercase; margin:10px 0 0 0; padding:0px 0 0 0 ; 	 	}
h2	{ font-size:12pt;	color:#000; font-weight:normal;	text-align:justify;	}
h3	{ font-size:10pt;	color:#000; font-weight:bold;		text-align:justify;		line-height:1.2em;			}
h4	{ font-size:10pt;	color:#000; font-weight:normal; 	line-height:1.0em;	}
h5	{ font-size:10pt;	color:#900; font-weight:bold;		text-align:right;	}
p	{ font-size:10pt;	color:#900; font-weight:bold;		text-align:left;	}
img	{ border:0;			}							/* remove the default border from images */
span	{ display:inline;		}							/* done for "news" catalogues - might affect other pages */
/*******	End of Globals				******/

/*******	Start of Main Containers		******/

/* Define the screen-palette as an area of 100% by 100% then bring in the top, right and left  margins by 12px then add a 67px (by 20px) wide blue bar down left screen side */
#book		{ height:100%;	width:99.9%;	margin:12px 12px 0px 12px;	background:url(../images/header_left_blue_line.gif) repeat-y; 	
		}
/* Define the top banner area's height and colour - this area doesn't change page to page except the active menu colour */
#headline 	{ background-color:#006;	height:80px;
		}
/* Define the main textural area and ensure the text doesn't crash into the right margin */
#bodypage		{ width:100%;	
		}
/* Define the left column textural area, 67px wide */
#left 		{ float:left;	width:67px;
		}
/* Define the right column textural area, white and 67px wide */
#right 		{ float:right;	width:69px;	background-color:#fff; 
		}
/* Define the center's orange textural area, 70px from right window and 68px from the left window edge */
#center 		{ margin:0px 70px 0px 68px;	background-color:#fc3;
		}
		/* normalise the url colour, font size and take out the default url-underline within the center text area */
		#center a 	{ font-style:normal;		text-decoration:none;	color:#000;		
		}
		/* change the colour and bold the font hovering over a url in the center text area */
		#center a:hover { color:#066;
		}
/* Define the footer banner's grey textural area clear of any columns above, 15px high to background the block print pattern*/
#footer 		{ clear:both;	height:17px;	background:#CCC url(../images/footer_decoration.gif) repeat-x; 	/* paint a grey background, repeat the gif across it */
		}
/*******	End of Main Containers 		******/
	
/*******	Start of Menu Containers		******/
/* start from the left, take in the whole available width, define the hight and colour */
#menubar 			{ float:left;	width:100%;	height:22px;	background-color:#900;		
				}
/* no bullets, borders, padding or margin in default list styling */
#menubar ul 		{ clear:left;	float:left;	width:100%;	list-style:none; 			
				}
/* float the menu-bar list members to the left and into position*/
#menubar li 		{ float:left; 	position:relative;	display:inline; 					
				}
/* option placing spacing colours and sizes*/
#menubar ul a 		{ float:left;	display:block; 	color:#fff;	font-weight:normal;
				text-decoration:none;	padding:0 18px 0 18px;	line-height:22px; 							
				}
/* second layer options */
#menubar ul ul a	{ background:#900; 	color:#fff;	width:90px;	height:auto;	line-height:1em;	padding:5px 5px;
				}
/* menu-bar and secondary choice active and hover colours */
#menubar ul li a.active, 
#menubar ul a:hover, 
#menubar ul ul a:hover
				{ color:#FCC732;  	background:#900; 							}
/* secondary choices visible on hover on menu-bar */
#menubar ul li:hover ul
				{ visibility:visible; 										}
/* hide secondary choicein a positon absolute then they take up no room */
#menubar ul ul 	{ visibility:hidden;	position:absolute;	height:0;	top:22px;	left:0;	padding:0 0 0 5px; 			
				}
/* decorate the dropdown choice */
#menubar ul ul li	{ border-right:1px solid #fff; 	border-left:1px solid #fff;		}
/*  the table hs no part in the layout - required for IE to work */
#menubar table 	{ position:absolute; top:0; 	left:0; 	border-collapse:collapse;	}
/*******	End of Menu Containers		******/	
.greyline			{ float:left;	width:100%;	height:58px;	background-color:#ccc;		}
/******* 	DO NOT ALTER ANY OF THE ABOVE 
				PERAMITERS
		UNLESS YOU REALLY MEAN TO 	******/

/******* Start of Non Menu Items 		******/		
/* insert a size specific box into the center area generally floated left */
.box100		{ width:96%;		float:left; 							}
.box75		{ width:71.8%;		float:left;	margin:10px 6px 0px 6px;		padding:6px 6px 2px 2px;						 	}
.box65		{ width:63.85%;	float:left; 							}
/*.box_outer	{ width:67%;		float:left; 	margin:0 0 0 12px;			}
.box_inner	{ width:66%;		float:left; 							} this was used in index and aboutus - replaced by .boxed */
.boxed		{ width:65%;		float:left; 	margin:0 0 0 5px;			}
.box_in		{ width:29%;		float:left; 	padding:20px 0 0px 25px ;	}
.box32		{ width:31.2%;		float:left;	margin:10px 0px 0px 8px;		}
.box25		{ width:22%;		float:left;	margin:10px 0px 0px 5px;		}
.box25 h2 	{ text-align:left;		}	/*contacts*/
.clear		{ clear:left;						}
.clearr		{ clear:right;						}
/* set up a fixed width box for large decorative pictures */
.fixedbox		{ width:230px;	clear:left;	float:left;	margin: 10px 8px 0px 10px;	
			}
		/* define the text for the caption within a fixed picture box */
		.fixedbox	p		{ text-align:justify;	font-size:11pt;	color:#000;	margin: 8px 18px 0px 8px; font-style:italic; 
						}
/* position and paint a thick red line across the top of boxXXes */
.base		{ background: url(../images/header_red_bar.gif) repeat-x;	margin:12px 0px 12px 12px;	padding: 0px;			
			}
/* define the main text area */ 		
.bodytext		{ background-color:#fc6;		border-right: 1px solid #900;		border-left:1px solid #900;	border-bottom:1px solid #900;	
			margin:13px 0px 0px 0px;		padding: 5px 10px 22px 7px;	
			}
		/* defining list decoration */
		.bodytext ul 		{ width:100%;	list-style:none;	border:none; 	text-align:left;
						}
		.bodytext ul li 	{ clear:both;	line-height:0.9em;	margin:0px 0px 0px 45px;		
						}	/* where is this used */
		.bodytext ul li a, .bodytext ol li a 	
						{ float:left;	line-height:1.3em;	display:block;	padding:0 6px;		text-align:left;	background:#fc6;	
						color:#FFF;	text-decoration:none;	left:15px;			
						}
		.bodytext ol 		{ width:98%;	list-style:decimal;		border:none;	padding: 0px 30px 0px 0px;
						}
		.bodytext ol li 	{ margin:0px 0px 0px 45px; padding:0px 0px 0px 10px;	line-height:0.9em;	text-align:justified; /*clear:both;*/		
						}	/* where is this used */
.links ul li 	{ clear:both;	list-style:none;	line-height:1.8em;		}
/*******	End of Non Menu Items		******/

/*******	Start of Other Decoration	******/

/* define the space around images */
.imgborder_sm	{ border-color:#fc6;	margin:0px 6px 6px 0px;		padding:2px 2px 2px 2px;	}
.imgborder_l	{ border-color:#fc6;	margin:10px 6px 0px 6px;		padding:6px 6px 2px 2px;	}
.imgcat		{ border-color:#fc6;	margin:10px 46px 0px 6px;	padding:6px 6px 2px 2px;	}
/* individual lines painted for the mmenu bar */
.linetop		{ border-top:1px solid #fff;			}	
.lineright	{ border-right:1px solid #fff;		}
.linebottom	{ border-bottom:1px solid #fff;		}
.lineleft		{ border-left:1px solid #fff;			}
/* Book catagory definitions */
.author		{ font-weight:normal; 	font-size:12pt; 	padding:10px 0 0 0;		}
.author_name	{ font-weight:normal; 	font-size:12pt; 	padding:10px 0 0 0;		}
.title		{ font-weight:bold; 	font-size:12pt;	line-height:1.0em;		}
.title_2		{ font-weight:normal; 	font-size:12pt;	line-height:1.0em;		}
.description	{ font-weight:normal; 	font-size:10pt;	line-height:1.2em; 		}
.price		{ font-weight:normal;	font-size:10pt;	text-align:left;	float:right;	
				color:#000;	 display:inline; padding:0px 20px 0px 0px; line-height:0.85em;}
.centered		{ text-align: center;				}
/*******	End of Other Decoration		******/