/* comment lines are declared like this */

/* body is the default - if nothing is declared for the rest then the body definition is the one used */
BODY
{
    MARGIN: 0px;				/* if only a single value is specified then it applies to all margins */
    BACKGROUND-IMAGE: url(../childrens-books-images/background.jpg);     /* can also be a url - url (../images/backgroundimage.jpg) */
    BACKGROUND-REPEAT: repeat-x;	/* other values no-repeat, repeat-x (horizontal), repeat-y (vertical)*/
	BACKGROUND-ATTACHMENT: fixed;  /* other value scroll */
	BACKGROUND-POSITION: 0% 0%;	/* values can be a percentage or a fixed length or one of top centre bottom/left centre right */
    BACKGROUND-COLOR: #c1c1c1;	/* background colour should be specified even with an image incase the image doesn't load other value is transparent */
}
/* definition of a Heading Level 1 tag */
H1
{
	font-size: medium !important;
	font-size: large; 
	color: #ff00ff;
}
H2
{
	font-size: medium !important;
	font-size: large; 
	color: #000081;
}
H3
{
	font-size: small !important;
	font-size: small; 
	color: #ff00ff;
	display: inline;
}
/* definition of a paragraph */
P
{
	FONT-FAMILY: Verdana, Tahoma, sans-serif; /* trebuchet then tahoma is the font family and sans-serif is a generic family */
	FONT-STYLE: normal;              /* other values are italic and oblique */
	FONT-VARIANT: normal;            /* other values are small-caps */
	FONT-WEIGHT: normal;             /* other values are  bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900  */
	FONT-SIZE: small;   /* absolute (xx-small, x-small, small, medium, large, x-large), relative (larger, smaller) length (12pt) and percentage (120%) */
}

/* definition for all cells */
TD
{
	FONT-FAMILY: Tahoma, sans-serif; /* tahoma is the font family and sans-serif is a generic family */
	FONT-SIZE: small !important;	 /* Using the notation to signify for Firefox to ingnore subsequent decalrations */
	font-size: small;				 /* IE will always use the last declaration it finds - hence cascading */
	COLOR: #000000;					 /* or colour name, red, blue, black, white, etc */
	TEXT-DECORATION: none;			 /* other values are underline, overline, line-through, blink */
	VERTICAL-ALIGN: top;	/* other possible values are baseline, sub, super, text-top, middle, bottom, text-bottom or a percentage */ 
	TEXT-TRANSFORM: none;			 /* other values are capitalize, uppercase, lowercase */
	TEXT-ALIGN: left;				 /* other values are right, center, justify */
	TEXT-INDENT: 0;					 /* values are <length> or <percentage> indent before text begins*/
	LINE-HEIGHT: normal;			 /* other values number (e.g. 1.2), length (1.2em), percentage (120%) */
	background-color: white;
}

/* definition of image format with uneven border and relative padding */
IMG
{
	BORDER:0;
	display: block;
}

#character IMG
{
	BORDER:0;
	display: inline;
}
/* list item decalration - bullet points*/
LI
{ 
	DISPLAY: list-item;			/* other values are block, inline, none */
	WHITE-SPACE: normal;		/* other values are  pre, nowrap */
	LIST-STYLE-TYPE: disc;		/* other values are circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none */
	LIST-STYLE-IMAGE: none;	/* other values are the image url */
	LIST-STYLE-POSITION: outside; /* other value is inside */
	
}
/* link style definitions */
A {
  text-decoration: none;
  font-weight: bold;
}
A:link
{
    color: #000081;
}

A:visited
{
	color: #0000FF;
	}
	
A:hover
{
    color: #990099;
}

A:active
{
	color: #000081;
}
A:focus {
  color: #000081;
}

#menu-top
{
  font-weight: bold;
  font-size: x-small !important;
  font-size: x-small;
  line-height: 25px !important;
  line-height: 20px;
  vertical-align: bottom !important;
  vertical-align: baseline;
}

/* link style for top menu */
#menu-top A {
  text-decoration: none;
  font-weight: bold;
  font-size: x-small !important;
  font-size: x-small;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 0;
  padding-top: 20px;
  vertical-align: bottom;
}
#menu-top A:link
{
    color: #13112a;
}

#menu-top A:visited
{
	color: #0000FF;
	}
	
#menu-top A:hover
{
    color: #990099;
}

#menu-top A:active
{
	color: #13112a;
}
#menu-top A:focus {
  color: #13112a;
}

/* link style for main menu */
#menu-main A {
  text-decoration: none;
  font-weight: bold;
  font-size: small !important;
  font-size: small;
  vertical-align: middle;
  background-color: transparent;
}
#menu-main A:link
{
    color: #0000FF;
}

#menu-main A:visited
{
	color: #ffffff;
	}
	
#menu-main A:hover
{
    color: #990099;
}

#menu-main A:active
{
	color: white;
	background-color: transparent;
}
#menu-main A:focus {
  color: white;
  background-color: transparent;
}

/* link style for american squeeze page */
#usa-main A {
  text-decoration: underline;
  font-weight: bold;
  font-size: medium !important;
  font-size: medium;
  vertical-align: middle;
}
#usa-main A:link
{
    color: red;
}

#usa-main A:visited
{
	color: red;
	}
	
#usa-main A:hover
{
    color: #990099;
}

#usa-main A:active
{
	color: red;
}
#usa-main A:focus {
  color: red;
}

/* declaration of a user defined class */
.background
{
	BACKGROUND: #cbccd6 none no-repeat fixed 0% 0%;   /*  in order of background-color, background-image, background-repeat, background-attachment, background-position */
	line-height: 27px;
	color: white;
	text-align:center;
}
.padded-sides
{
	padding-left: 10px;
	padding-right: 10px;
}
/* definition of a class with borders set all round to thin */
.withborders
{
	BORDER-TOP-WIDTH: thin;		/* other values are medium, thick or a length */
	BORDER-RIGHT-WIDTH: thin;	/* other values are medium, thick or a length otherwise equal to border top width */
	BORDER-BOTTOM-WIDTH: thin;	/* other values are medium, thick or a length otherwise equal to border top width */
	BORDER-LEFT-WIDTH: thin;	/* other values are medium, thick or a length otherwise equal to border top width */
	BORDER-COLOR: #333333;			/* colour of all borders or can set individually as width above */
	BORDER-STYLE: solid;			/* other values are dotted, dashed, solid, double, groove, ridge, inset, outset */
	background-color:#FFFFCC;
	padding: 20px;
}
/* using extra word and line spaces */
.spaced
{
	WORD-SPACING: normal;		/* other value is addition to normal space between each word e.g. 2em adds 2em to the normal space */
	LETTER-SPACING: normal;		/* other value is addition to normal space between characters e.g. 1em adds 1em to normal letter spacing */
}

.large-box
{
	background-image: url(../childrens-books-images/large-box-sides.jpg);
	background-repeat: repeat-y;
	background-color: transparent;
}
.small-box
{
	background-image: url(../childrens-books-images/small-box-sides.jpg);
	background-repeat: repeat-y;
	background-color: transparent;
}

.footer
{
	font-size: xx-small !important;
	font-size: xx-small;
	color: #999999;
}
/* These relative units are supported:

H1 { margin: 0.5em }       ems, the height of the element's font  e.g. if font is 12pt then this margin is 6pt
H1 { margin: 1ex }         x-height, ~ the height of the letter 'x' 
P  { font-size: 12px }     pixels, relative to canvas 

Absolute length units are only useful when the physical properties of the output medium are known. These absolute units are supported:

H1 { margin: 0.5in }       inches, 1in = 2.54cm 
H2 { line-height: 3cm }    centimeters 
H3 { word-spacing: 4mm }   millimeters 
H4 { font-size: 12pt }     points, 1pt = 1/72 in 
H4 { font-size: 1pc }      picas, 1pc = 12pt 

*/