/* This is the style sheet for the Robin Bell Books home page */
/* Look at http://www.yourhtmlsource.com/stylesheets/csstext.html for details of stylesheets */
/* ################################################################################################# */
/* First set the BODY defaults- eg background colour and text colour*/
/* Values used are rgb(255,236,139) or hex #FFEC8B for the background (called lightgoldenrod1)*/
/* rgb(139,58,58)) or hex #8B3A3A for text (called indianred4)*/
/* rgb(214,214,214) or hex #D6D6D6 for span summary (highlighted text) (called sgiverylightgray)*/
/* rgb(255,0,0) or hex #FF0000 for caution, red circle etc. (called red)*/
BODY 
{ 
	background-color: rgb(255,236,139);
	color: rgb(139,58,58); 

}
/* Then set the Header details - eg box, logo, Title font and colour */
/* This sets H1 to Arial or Verdana or Helvetica or basic sans-serif red 2.0 ems */
h1 	{
	position: absolute; 
	left: 10px; 
	top: 25px; 
	height: 10px; 
	width: 100%; 
	padding: 1em;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: rgb(139,58,58);
	background-color: rgb(255,236,139);
	font-size: 2.0em; 
	text-align: center;
	background-image: url(../Images/Catalog.gif);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	}
/* Now lets add a horizontal bar full width, 4 thickness value */
hr.line1
	{
	width:100%;
	}
/* Following classes and ids apply to header area on each page....*/
/* This is an "id" which is almost the same as a class but can only appear once on each page. Good for Header, Navigation links etc. */
#header {
	width: 600px;
	background-color: rgb(255,236,139); 
	font-size: 20px; 
	color: rgb(176,48,96); 
	}
/* This sets paragraphs to maroon text and font size of 1.0 em */
p 	{
	color: rgb(139,58,58);
	background-color: rgb(255,236,139);
	font-size: 1.0em;
	}
p.heading 	{
	color: rgb(139,58,58);
	background-color: rgb(255,236,139);
	font-size: 2.0em;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	text-align: center;	
	background-image: url(../Images/Catalog.gif);
	background-position: 2px 2px; 
	background-repeat: no-repeat;

	}
p.centertext 	
	{
	color: rgb(139,58,58);
	background-color: rgb(255,236,139);
	font-size: 1.0em;
	text-align: center;
	}
p.alignleft 	
	{
	color: rgb(139,58,58);
	background-color: rgb(255,236,139);
	font-size: 1.0em;
	text-align: left;
	
	}
/* This sets background color to silver for a selected "spanned" area - eg ...testing a global <span class="summary">style</span> for... */
span.summary 
	{
		color: rgb(139,58,58);
		background-color: rgb(214,214,214); 
	}
table	{
	width: 100%;
	border-width: medium;
	color: rgb(139,58,58);
	Background-color: rgb(255,236,139);
}
table.main
{
	width: 70%;
	color: rgb(139,58,58);
	Background-color: rgb(255,236,139);
}
table.links
{
	width:100%;
	border: medium;
	padding: 10em;
	color: rgb(139,58,58);
	Background-color: rgb(255,236,139);
}

table.scroll
{
	width: 20%;
	color: rgb(139,58,58);
	Background-color: rgb(255,236,139);
}
td.links1
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	width: 10%;
	color: rgb(139,58,58);
	Background-color: rgb(255,236,139);
}
td.links2
{
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	width: 80%;
	color: rgb(139,58,58);
	Background-color: rgb(255,236,139);
}
td.adjust
{
	width: 39%;
}
tr.adjust
{
	width: 39%;
}
/* Center an block of text */
p.blocktext {
	margin-left: 39%;
	margin-right: auto;
	width: 20em;
}
img.displayed 
{
	display: block;
	margin-left: auto;
	margin-right: auto; 
}
/* This is a class - it sets text to standard wherever it is used - eg <p class="caution"> This paragraph uses the class caution */
/* to reformat font and colour</p> to be red font */
.caution 
	{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: rgb(255,0,0);
	Background-color: rgb(255,236,139);
	font-size: 1.0em; 
	}
/* This removes borders around images used as links */
a img 	{
	border: none; 
	}
/* These are link attributes for links on the same page eg go to top, bottom, email etc */
a.internal:link 
	{color: rgb(255,0,0);
	Background-color: rgb(255,236,139);
	text-decoration: none; 
	}
a.internal:visited 
	{color: rgb(0,0,205); 
	Background-color: rgb(255,236,139);
	text-decoration: none; 
	}
a.internal:hover 
	{color: orange; 
	Background-color: rgb(255,236,139);
	text-decoration: underline; 
	}
a.internal:active 
	{	
		color: blue;
		Background-color: rgb(255,236,139);
	}	
.tanc 
	{
		font-weight: 
		bold;font-size: 10px; 
		color: navy; 
		font-family: Arial,Helvetica; 
		text-align: center;
	}
.tabb 
	{ 
		font-weight:bold; 
		font-size:14px; 
		font-family:Arial,Helvetica;
		text-align: center;
	}
/* And this sets navigation links properties eg - <div id="navigation">...navigation links...</div> */
div.navigation 
	{
	position: relative; 
	left: 10px;
	bottom: 2px; 
	height: 30px; 
	width: 100%; 
	padding: 0.5em;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: rgb(139,58,58); 
	font-size: 1.0em; 
	text-align: center;
	background: silver;

	}
div.footer 
	{
	position: relative; 
	left: 10px; 
	bottom: 2px; 
	height: 20px; 
	width: 100%; 
	padding: 0.5em;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: rgb(139,58,58); 
	font-size: 0.8em; 
	text-align: center;
	background: rgb(255,236,139);
	}
/* Use capital letter as bullet point in a list */
.upperalphalist 
	{
		list-style-type: upper-alpha; 
	}
/* Use image as a bullet in a list */
ul.pool 
	{
		list-style-image: url(../Images/redbullet.bmp); 
	}
ul.redcircle 
	{
		list-style: circle; 
		color:rgb(255,0,0); 
		background: rgb(255,236,139);
	}
ul.heading 
	{ 
		list-style; none;
		background: rgb(255,236,139);
		margin: 2px 2px 2px 2px;
/*		padding: 2px 2px 0px 2px;
                                     /* No borders set */
	}
li.heading 
	{ 
		margin: 2px 2px 2px 2px;
		border-width: medium;        /* sets border width on all sides */
		border-color: rgb(139,58,58);
/*		padding: 2px 0px 2px 2px; /* Note 0px padding right */
		list-style: none             /* no glyphs before a list item */
                                     /* No borders set */
	}
li.withborder 
	{
		border-style: dashed;
		border-width: medium;        /* sets border width on all sides */
		border-color: black;
	}