/* CSS Document */
/* in SRT3 realigned */
/* Basic Elements */


/*_----------------------------------------------------------------------------------*/
/* header sets colour, padding dimensions, and bottom border for header box */
#header {
/*background-color: #ffffff;*/
/*background-color: LightCyan;*/
background-color: #ffffff;
height: 3em;  /* sets header area height  if set to 0 height is determined by the text inserted in p */
padding-left: 50px;
padding-right: 50px;
padding-top: 1px;
padding-bottom: 1px;
/*border-bottom: solid red 1px;*/ 
/* border: solid #B0E0E6 6px;*/
border-top:  gray 3.5px;
border:  gray 6px;
/*border: solid black  26px;*/


}

/* header p set font size for topmost header box only */
#header p {
font-size: 1em;
font-family: Arial, Verdana, sans-serif;
color: #00008B;
margin:.0em 0 .0em 0; /* margin top right bottom left , margin is edge space within header box*/

}

/* ---------------------------------------------------------------------------------- */


/* affects ONLY p text sizes within the colmask class */
.colmask p {
font-size: 3.0em;
text-align: justify;
line-height: 1em;
color: green;
}

 p {
		margin:.0em 0 .0em 0; /* margin top right bottom left round whole screen area */
		padding:0;
	 }

.col1 p {font-size: 1.5em;  /* font characterics for Col1 Centre p text */
color: #00FFFF;
font-family: Arial, Verdana, sans-serif;
}

.col2 p {font-size: 1em;  /* font characterics for Col2 Left p text */
color: orange;
}
.col3 p {font-size: 1em;  /* font characterics for Col3 Right p text */
color: green;
}

.col1 h1 	{
color: black;

}

.col1	li	{
color: green;

}

.col1 h2	{
color: black;
font-family: Arial, Verdana, sans-serif;
}

.col1 h3	{
color: black;

}

.col2 h1 	{
color: orange;
}

.col2 h2	{
color: orange;

}

.col2 h3	{
color: orange;

}

.col3 h1 	{
color: blue;

}

.col3 h2	{
color: blue;

}

.col3 h3	{
color: blue;

}

/* ----------------------------------------------------------------------------------- */

body {
		margin:0em; /* the margin around the screen area - top & left ? */
		padding:0em;  /* the padding around the whole screen */
		/*border: solid purple 6px;*/
		/*this is the border for the whiole screen*/
		border: solid gray 6px;
		/*border:solid red 6px;*/			/* This removes the border around the viewport in old versions of IE */
		width:99%;   /* this controls % of the physical screen used*/
		/*background:#fff;*/
		background:#808080;
		/* min-width:600px;*/		/* Minimum width of layout - remove line if not required */ 
						/* The min-width property does not work in old versions of Internet Explorer */
/*		font-size:90%;  *//* do not know what this does */
	}


/* ---------------------------------------------------------------------------------- */


#outer-image{
height: 199px;
/*background-image: url(outer-image.jpg);*/
/*background-image: url(background09.jpg);*/
/* border-bottom: solid darkorchid 1px; */
border-top: solid gray 3.5px;
 border-bottom: solid gray 3.5px; 
background-image: url(background11.jpg);
 
background-position: center top;
}
#inner-image{
height: 200px;
margin-top: 3px;
background-image: url(logo_header.jpg);
/*border: solid aqua 6px;
border-bottom: solid aqua 6px;*/
/*border-bottom: solid red 1px;*/
/*border: solid darkorchid 6px;*/
/*this is the border for the picture box*/
 /*border: solid navy 6px; */
background-repeat: no-repeat;  /* controls replication of the images horizontally */
background-position:  215px 20px;
}

/* ----------------------------------------------------------------------------------- */

/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page used */
		overflow:hidden;		/* This chops off any overhanging  divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
	float:left;
	width:100%;
	position:relative;
	visibility: hidden;

	}
	.col1,
	.col2,
	.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	left: -279px;
	top: 16px;
	visibility: visible;





	}

/* -----------------------------------------------------------------------------------*/

/* 3 Column settings */
	.threecol {
	background:#fff;
		/*background:LightCyan;*/		/* right column background colour */
	}
	.threecol .colmid {
		right:18%;			/* width of the right column background color?, alters relative position of the other columns too being a % */
		/*background:#fff;*/				/* center column background colour */
		/*background-color:LightCyan;*/
	}
	.threecol .colleft {
		right:65%;			/* width of the middle column */
	background:#fff;	
	/*background:LightCyan;*/	/* left column background colour */ 
	}
	.threecol .col1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {        
padding-right: 20px;       			/*padding to right side of left column - moves right border, not color / width*/          
padding-left: 20px;				/*padding to left side of left column*/
border-right: solid #B0E0E6 2px;

		width:15%;			/* Width of left column content (column width minus padding on either side) */
		left:25%;			/* moves content position of left columnwidth of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		/*width:16%;			/* Width of right column content including border-left(column width minus padding on either side) */ 
padding-left: 7px;	/* moves position of words in right column, but not the border or the nackground color column */
padding-right: 30px;
border-left: solid #B0E0E6 2px;
		width:15.5%;			/* Width of right column content including border-left(column width minus padding on either side) */
		left:91%;}				/* position of right column content & border on the page*/


/* ----------------------------------------------------------------------------------- */

#navbar{
/*background-color: #daa520;*/
/*position: absolute;
top: 0px;
left: 0px;
width: 198px;*/

}

#navbar ul li {
list-style-type: none;
font-size: 0.8em;
font-family: sans-serif;
font-variant: small-caps;
margin: 0;
padding: 0;

}

#navbar ul {
margin: 0;
padding: 0;
}



#navbar ul li a:link,  #navbar ul li a:visited {
display: block;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
color: black;
text-align: center;
}

#navbar ul li a:hover {
/*background-color: #aaddee;*/
background-color: #daa520;
}

/* ---------------------------------------------------------------------------------- */
	/* Footer styles */
	#footer {
		height: 20px;
		/*padding: -25px;*/
		clear:both;
		float:left;
		width:99%;
		background-color: blue;
		border:5px solid purple;
	}
	#footer p {
		padding:0px;
		margin:0;
		color: white;
		font-family: Arial, Verdana, sans-serif;
		font-size: 1em;
		font-weight: 700;
	}
	/*  */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Book page specific items */
#orderlink {}
#indexlink {}

#articletitle {
	font-family: Times;
	color:#808080;
	font-weight:bold;
	text-align: center;
	font-size: 2em;
	padding-right: 25px;
	padding-left: 25px;
}
#articleauthors {
	font-family: Times;
	color:#808080;
	text-align: center;
	font-size: 2em;
	font-weight:bold;
	padding-right: 25px;
	padding-left: 25px;
}
#bookpagecolor {
	background-color: #FFFFCC;
}
#booktitle {
	font-family: Times;
	color:black;
	font-weight:bold;
	text-align: center;
	font-size: 2em;
	padding-right: 25px;
	padding-left: 25px;
}
#booklisttitle {
	font-family: Arial;
	color:#000000;
	font-weight:bold;
	text-align: left;
	font-size: 0.8em;
	line-height: 3em;
	font-style: normal;
	text-transform: none;
}
#placeandsubjecttitle {
	font-family: Arial;
	color:#000000;
	font-weight:bold;
	text-align: left;
	font-size: .4em;
	line-height: .4em;
	font-style: normal;
	text-transform: none;
}
#booktitle:first-letter { font-size: 125%; font-style: normal;}
#authors {
	font-family: Times;
	color:#808080;
	text-align: center;
	font-size: 2em;
	padding-right: 25px;
	padding-left: 25px;
}
#booksummary {
	font-family: Times;
	color:black;
	font-size: 1.5em;
	font-weight:bold;
	padding-right: 25px;
	padding-left: 25px;
}
#coverpicture {text-align: center;}
#first  {
	font-style: normal;
	font-family: Times;
	color:black;
	font-size: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
}
#first:first-letter { font-size: 200%; }
#paragraphs {
	font-style: normal;
	font-family: Times;
	color:black;
	font-size: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
}
#reviews {
	background-color: #E5E5E5;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: normal;
	line-height: normal;
	color: #000000;
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 25px;
	padding-left: 25px;
	position: relative;
	margin-right: 50px;
	margin-left: 50px;
}
#clearhr { color:white;}
#pages {
	font-style: normal;
	font-family: Times;
	color:red;
	font-size: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
}
#bookIllustrations {
	font-style: normal;
	font-family: Times;
	color:red;
	font-size: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
}
#binding {
	font-style: normal;
	font-family: Times;
	color:red;
	font-size: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
}
#categories {
	font-style: normal;
	font-family: Times;
	color:#000000;
	font-size: 1em;
	padding-right: 25px;
	padding-left: 25px;
}
#isbn {
	font-style: normal;
	font-family: Times;
	color:red;
	font-size: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
}
#publicationdate {
	font-style: normal;
	font-family: Times;
	color:red;
	font-size: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
}
#price {
	font-style: normal;
	font-family: Times;
	color:red;
	font-size: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
}
#postageandpacking {
	font-style: normal;
	font-family: Times;
	color:red;
	font-size: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
}
#contentstitle {}
#contentstext {}
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

/*g*/