/*	White Site (Company Info on Home Page)
	Files: default.html, style1.css, logo3.jpg, masthead.jpg ***Add rest of file names***
	Created by Debbie Jackson & John Clissold */

/*@import url("style1.css");*/

html,body {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: gray; /* CHANGE THIS? */
	text-align: center;	
}
#container {
	height: auto;
	width: 860px;
	margin:  auto;
	padding: 10px;
	background-color: #fff;
	text-align: center;
	border: 1px solid gray;
}
#masthead {
	height: auto;	
	text-align: center;
	padding: 5px 5px 5px 5px;
	background: #fff;
	border: 2px solid #C0D132;
}
#main {
	height: auto;	
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 20px 40px;
	text-indent: 0px;
}
p{
	text-indent: 30px;
	text-align: justify;
}
#bookArea {
	width: auto;
	height: auto;
	text-indent: 0px;
	text-align: left;	
}
.book {	
	height: 175px;
	margin: 10px 0px 20px 10px;
}
.book img {
	float:left;	
}
.book p {
	text-indent: 0px;
	margin-left: 190px;
	margin-right: 20px;
}
.booktitle {
	text-indent: 0px;
	margin-left: 190px;
	margin-right: 20px;
	font-size: 1.3em;
	font-weight: strong;
}	

.author {
	text-indent: 0px;
	margin-left: 190px;
	margin-right: 20px;
	font-size: 1.0em;	
}

#footer {
	height: auto;
	font: 900;
	clear: both;
	padding: 10px;
	border-top: 2px solid #C0D132;
}
#footer p {
	text-align: center;		
}
h1 {
	margin:10px 0px 0px 0px;
	text-align: center;
}
hr {
	color: 2px solid #C0D132;
}

.hiddenPic {display:none;}


/* ************************************************
	#tabs - the main area for the tabs to be placed in - a 'container' for them to go in
	#tabs li - defining the basic content of the list area, shouldn't need to change this
	#tabs a - defines what appears around a tab - alter the font colour, background etc here for a default, non mouseover, non selected tab
	#tabs a:hover - defines a hovered over tab - again, you can change the mouseover background and font colour
	#tabs #selected a - defines the tab for the current page - mouseover colour and font can be changed */

#tabs {
	font: 14px Verdana, Arial, Sans-Serif; /* alter this to change the font on the navigation bar */
	position: relative;
	/* margin-top: 0px; /* alter this to change the position of the tab menu bar*/
	height: 35px;
	width: auto; /* alter this to change the width of the menu area */	
	clear: both;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	text-align: center;
	display: block;
	/*background: #666600;*/
	/* background: #666600 url("images/squigglies860x50Inverted.gif") fixed center no-repeat; /* THE BACKGROUND IMG IS NOT WOKRING!! */
}
/* Internet explorer fix */
* html #tabs {height: 45px;}

#tabs li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
/* Internet explorer fix */
* html #tabs li {height: 45px;}

#tabs a {
	font-weight: normal;
	padding: 5px 16px 5px 16px; 
	height: 19px; 
	text-decoration: none;
	color: #000;
	background: #C0D132; /*#C3D021;*/
}
#tabs a:hover {
	color: #fff;
	background: #272528; /*#667c26;*/
	text-decoration: none;
}
#tabs #selected a {
	color: #333;
	background: #FFF;
	text-decoration: none;
}