/* --------------------------------------------- */
/*  Styles for jjmill.ca web site  */
/* --------------------------------------------- */

body 	{
	font-family:verdana,arial,helvetica;
	font-size:10pt;
	color:#000080; 
	overflow:auto;
	}

h2   	{
	font-family:verdana,arial,helvetica;
	color:#000080;  font-size:14pt;
	font-weight: 700;
	}

/* -------------*/
/* page layout */
/* ------------ */

div.wrapper
		{
		margin: 0 auto;
		width: 900px;
		height: 700px;
		background-color: #FFFFFF;
		}	
		
div.header	{
		position: absolute;
		width:900px;
		height:120px;
		background-color: #FFFFFF;
		}		
		
div.main	{
		position: absolute;
		top:150px;
		left:0px;
		width:900px;
		}		
		
/* ------------------ */
/* header content  */
/* ------------------ */

span.banner	{
		position: absolute;
		top:0px;
		left:0px;
		}
		
span.logo	{
		position: absolute;
		top:0px;
		left:0px;
		}
				
span.email	{
		position: absolute;
		top:0px;
		right:0px;
		}
		
/* ---------------------------tabs across top */		
		
span.tab1	{
		position: absolute;
		top:10px;
		left:100px;
		}
				
span.tab2	{
		position: absolute;
		top:10px;
		left:276px;
		}
		
				
span.tab3	{
		position: absolute;
		top:10px;
		left:453px;
		}

span.tab4	{
		position: absolute;
		top:10px;
		left:630px;
		}
		
/* ---------------------------tabs under set 1 */		
				
span.tab1a	{
		position: absolute;
		top:39px;
		left:100px;
		}
				
span.tab1b	{
		position: absolute;
		top:57px;
		left:100px;
		}
		
				
span.tab1c	{
		position: absolute;
		top:75px;
		left:100px;
		}
		
/* ---------------------------tabs under set 2 */		
				
span.tab2a	{
		position: absolute;
		top:39px;
		left:276px;
		}
				
span.tab2b	{
		position: absolute;
		top:57px;
		left:276px;
		}
		
				
span.tab2c	{
		position: absolute;
		top:75px;
		left:276px;
		}

span.tab2d	{
		position: absolute;
		top:93px;
		left:276px;
		}

/* ---------------------------tabs under set 3 */		
				
span.tab3a	{
		position: absolute;
		top:39px;
		left:453px;
		}
				
span.tab3b	{
		position: absolute;
		top:57px;
		left:453px;
		}

span.tab3c	{
		position: absolute;
		top:75px;
		left:453px;
		}

span.tab3d	{
		position: absolute;
		top:93px;
		left:453px;
		}

/* ---- over-write tabs --- */

img.tab1		{
		position: absolute;
		top:10px;
		left:100px;
		z-index:1;
		}
		
img.tab2		{
		position: absolute;
		top:10px;
		left:276px;
		z-index:1;
		}

img.tab3		{
		position: absolute;
		top:10px;
		left:453px;
		z-index:1;
		}
		

img.tab4		{
		position: absolute;
		top:10px;
		left:630px;
		z-index:1;
		}

/* ---------------------------over-write tabs under set 1 */	

img.tab1a		{
		position: absolute;
		top:39px;
		left:100px;
		z-index:1;
		}

img.tab1b 	{
		position: absolute;
		top:57px;
		left:100px;
		z-index:1;
		}
		
				
img.tab1c	{
		position: absolute;
		top:75px;
		left:100px;
		z-index:1;
		}
		
/* ---------------------------over-write tabs under set 2 */		
				
img.tab2a	{
		position: absolute;
		top:39px;
		left:276px;
		z-index:1;
		}
				
img.tab2b	{
		position: absolute;
		top:57px;
		left:276px;
		z-index:1;
		}
		
img.tab2c	{
		position: absolute;
		top:75px;
		left:276px;
		z-index:1;
		}

img.tab2d	{
		position: absolute;
		top:93px;
		left:276px;
		z-index:1;
		}		
		
/* ---------------------------over-write tabs under set 3 */		
				
img.tab3a	{
		position: absolute;
		top:39px;
		left:453px;
		z-index:1;
		}
				
img.tab3b	{
		position: absolute;
		top:57px;
		left:453px;
		z-index:1;
		}
		
img.tab3c	{
		position: absolute;
		top:75px;
		left:453px;
		z-index:1;
		}

img.tab3d	{
		position: absolute;
		top:93px;
		left:453px;
		z-index:1;
		}		
				
		
/* ---------------------- */
/* main page content  */
/* ---------------------- */

span.scroll_page 	{
		position:absolute;
		top:0px;
		left:0px;
		width: 860px;
		overflow: auto;
		background-color: #FFFFFF;
		padding: 20px;
		}

/* ------------------------------------- */
/* John's Books -  page content  */
/* ------------------------------------- */

span.author	{
		position:absolute;
		top:55px;
		left:40px;
		}
		
img.author	{
			padding-right:2px;
			padding-bottom:18px;
			width:110px;
			}
			
span.illustrator	{
		position:absolute;
		top:50px;
		left:695px;
		}
		
img.illustrator	{
			padding-right:2px;
			padding-bottom:18px;
			width:160px;
			}
			
img.book	{
		padding-right:12px;
		padding-bottom:12px;
		width:150px;
		}
			
img.book_large	{
		padding-right:12px;
		padding-bottom:12px;
		width:220px;
		}			
			
img.book_small	{
		padding-right:12px;
		padding-bottom:12px;
		width:100px;
		}
		
img.book_thumbnail	{
		padding-right:12px;
		padding-bottom:12px;
		width:195px;
		border:0;
		}
		

/* ------------------------------------- */
/* Jane's Artwork -  page content  */
/* ------------------------------------- */


span.fairy	{
		position:absolute;
		top:30px;
		left:45px;
		}
		
img.fairy	{
			padding-right:2px;
			padding-bottom:18px;
			width:110px;
			}
			
span.jane	{
		position:absolute;
		top:30px;
		left:720px;
		}
		
img.jane	{
			padding-right:2px;
			padding-bottom:18px;
			width:110px;
			}
			
img.title_page	{
		padding-right:12px;
		padding-bottom:12px;
		width:150px;
		}
			

img.thumbnail	{
		padding-right:12px;
		padding-bottom:12px;
		width:195px;
		border:0;
		}


img.thumbnail_small	{
		padding-right:12px;
		padding-bottom:12px;
		width:140px;
		border:0;
		}



/* ------------------------------------- */
/* Garden -  page content  */
/* ------------------------------------- */


span.left_image	{
		position:absolute;
		top:30px;
		left:30px;
		}
		
img.left_image	{
			padding-right:2px;
			padding-bottom:18px;
			width:200px;
			}
			
span.right_image	{
		position:absolute;
		top:20px;
		left:690px;
		}
		
img.right_image	{
			padding-right:2px;
			padding-bottom:18px;
			width:180px;
			}