/* url=(0044)http://www.scotts-restaurant.co.uk/public_html/style.css */

/* This should be in 'formats' folder but relative URL not resolved consistently */
/* Internet Explorer resolves URL in the context of style.css file folder path  */
/* Netscape Navigator resolves URL in context of linking html file folder path */ 

 /* body text & background default colours, background image, left & right margins */
 body { color: black; background: url(x-canvas.jpg) #D8D0BC; }
 body { margin-left: 1%; margin-right: 1%; }
 
 /* text font preferences */
 pre { font-family: monospace; } /* overidden by next line */
 body,h1,h2,h3,h4,h5,h6,p,pre { font-family: Arial, sans-serif; }

 /* text default alignment */
 h1,h2,h3,h4,h5,h6 { text-align: center; }
 p,pre { text-align: left; }

 /* animation id = spiral , wipeLR , wipeMID , wipeTB , zoomIn , zoomOut , dropWord , waveWords , hopWords ,
  flyTopLeft , flyTopRight , flyCorner , flyBottomLeft , flyBottomRight , flyTopRightWord , flyBottomRightWord ,
	 flyTop , flyLeft , flyRight , flyBottom , elasticRight , elasticBottom */
	
 h1 { color: green; font-size: 190%; position: relative ! important; } /* Page title */
 h2 { color: green; font-size: 150%; position: relative ! important; } /* Sub-title */
 h3 { color: gray;  font-size: 100%; font-style: italic; font-weight: normal; } /* Music title */
 h4 { color: green; font-size: 100%; } /* Contact text */
 h5 { color: black; font-size: 100%; } /* Promo text */
 h6 { color: black; font-size: 100%; font-weight: normal; } /* Plain text */
 p  { color: black; font-size: 100%; text-indent: 0.1cm; } /* Paragraphs in menus & recipes */
 pre{ color: black; font-size: 105%; font-weight: bold; } /* Preformatted paragraphs */

 a:hover { color: fuchsia; text-decoration: none; cursor: hand; } /* Link highlight when cursor hovering */

 .title  { font-size: 130%; font-weight: bold; font-style: italic; } /* Recipe title */
 em.date { color: maroon; font-weight: bold; }  /* Date emphasis */
 sup     { font-size: 80%; } /* Date superscipt */
 cite    { color: blue; }    /* Citation titles */
 form b  { color: white; }   /* Form field legend */
/*  tt      { color: black; font-weight: bold; } replaced by <b> </b> */ /* Form button xref */

img.button { border: 1px; width: 100%; height: 40px; }		/* Default button image border & size */
div.buttons { position: absolute; left: 00%; width: 100%; top: 2px; }	/* Navigation buttons */
div.button0 { position: absolute; left: 02%; width: 12%; }		/* width % = Integer( 100 / number of buttons ) */
div.button1 { position: absolute; left: 14%; width: 12%; }		/* left % = width * button number + ( 100 - width * number of buttons ) / 2 */
div.button2 { position: absolute; left: 26%; width: 12%; }
div.button3 { position: absolute; left: 38%; width: 12%; }
div.button4 { position: absolute; left: 50%; width: 12%; }
div.button5 { position: absolute; left: 62%; width: 12%; }
div.button6 { position: absolute; left: 74%; width: 12%; }
div.button7 { position: absolute; left: 86%; width: 12%; }
div.button8 { position: absolute; left: 00%; width: 12%; }
div.button9 { position: absolute; left: 00%; width: 12%; }

img.advert { border: 0px; width: 88%; height: 50px; }		/* Default advert image border & size */
div.adverts { position: absolute; left: 00%; width: 100%; top: 45px; }	/* Adverstisements with top > buttons height + buttons top */
div.advert0 { position: absolute; left: 03%; width: 16%; }		/* width % = Integer( 100 / number of adverts ) */ 
div.advert1 { position: absolute; left: 03%; width: 16%; }		/* left % = width * advert number + ( 100 - width * number of adverts ) / 2 */
div.advert2 { position: absolute; left: 23%; width: 16%; }
div.advert3 { position: absolute; left: 43%; width: 16%; }
div.advert4 { position: absolute; left: 63%; width: 16%; }
div.advert5 { position: absolute; left: 83%; width: 16%; }

div.margin { height: 15px; }					/* Margin space at page bottom, etc. */