/* style sheet for Jill Campion tiles site		 			*/
/* V7				PJC		18/5/07		split Mrs. Beeton, add Alice, etc, revise navigation   */
/***********************************site text and colours**************************/
*, html, img, a		{	margin: 0 			;
			padding: 0  			;
			border: none			;}
body 		{	font-family: "Trebuchet MS", Verdana, sans-serif; 
			font-size: 76%			; 
	background: #1C3F95 url(../back900.jpg) repeat-y center; 
			width: 750px			;
			position: absolute		;
			left: 50%			;	
			margin-left: -450px		;
			padding: 0 0 0 145px;} 
h1, h2,h3, h4, h5, caption, p, thead, td, th, tr, blockquote, address, ul, li, address
			{	color: #ffffcc			;} 
h1 		{	font-size: 1.5em 		; 
			padding: 30px 0 15px 0 		;
			margin-right:50%}
h2, caption		{	font-size: 1.3em 		;}
caption		{	font-weight: bold		;
			margin: 15px 0 15px 0		;}
p, td, th		{	font-size: 1em 			;}
table		{	text-align: center		;
					border: none ;
					border-spacing: 0 ;}
th		{		width: 25%			;}
address		{		text-align: center		;}
a:link 		{	color: white; 	text-decoration:none; font-weight: bold; padding: 0 0 2px 0 ; }
a:visited 	{	color: white;	text-decoration:none; padding: 0 0 2px 0 ; }
a:hover, a:active 	{	color: white; 	border-bottom: 2px dotted #ffffcc; }

#footer		{	bottom: 0			;
			clear: both			;
			font-size: 0.8em		;
			text-align: center		;
			margin: 30px 0 0 0		;}
/*************************header */
#jclogo		{	padding:10px 0 10px 205px		;
			border: 0			;}
/* body {			padding: 0 0 0 145px; } 
th { width: 25% ; }
/************************************ general navigation***************************/
#topbar
		{	display: block			;
			padding: 5px 0 5px 0		;
			margin-left: auto		;
			margin-right:auto		;
			width: 755px			;
			border: none	; }
#topbar p
		{				float: left					;
				font-size: 1.1em		; 
			text-align: center		; 
			padding: 5px 10px 5px 10px	;
			border-top: 2px solid #ffffcc ;
			border-bottom: 2px solid #ffffcc;}		
body.homepage #topbar p.stockists, #topbar p.home 
					{margin-left: -50px ;						
					 border-left: thin solid #ffffcc ;}
#topbar p.sitemap {border-right: 2px solid #ffffcc ;}
/***************************************range bars navigation**********************/
#navbarleft		{ 	float: left;	
									clear:left ;
								margin: 10px 0 0 -150px ;
					text-align:center	; }	
#navbarright	{	float: right;
					text-align: center;
					margin: 10px 0 0 5px;	}							
#navlist li	{	list-style-type: none		;
					border-left: 2px solid #ffffcc ;
					border-right: 2px solid #ffffcc;
					width: 110px ;	
					padding: 10px 0 0 0;}
/**************************************rhs pages nav******************************/					
/* #navlist li.rhslogo { border-top: 2px solid #ffffcc ;} */
#navlist li.rhslogo { border: none; }				
#navlist li.tulips, #navlist li.insects {border-top: 2px solid #ffffcc ;}
#navlist li.seeds, #navlist li.auricula	{border-bottom: 2px solid #ffffcc ;}	
body.tulips #navlist li.tulips,
body.delftanemones #navlist li.delftanemones,
body.fruit #navlist li.fruit,
body.tools #navlist li.tools,
body.seeds #navlist li.seeds { border-left: 2px solid #ffffcc;
									border-top: 2px solid #ffffcc;
									border-bottom: 2px solid #ffffcc;
									border-right: none;
									background-color: #000032; }
body.insects #navlist li.insects,
body.hortus #navlist li.hortus,
body.plans #navlist li.plans,
body.delfttulips #navlist li.delfttulips,
body.auricula #navlist li.auricula	{ border-right: 2px solid #ffffcc;
									border-top: 2px solid #ffffcc;
									border-bottom: 2px solid #ffffcc;
									border-left: 2px solid #000032;
									background-color: #000032; }					
/*****************************************bl pages nav*****************************/
/* #navlist li.bllogo {border-top: 2px solid #ffffcc;}*/
#navlist li.bllogo {border:none; }
#navlist li.beetonsweet, #navlist li.beetonsavoury {border-top: 2px solid #ffffcc;}
#navlist li.balloon, #navlist li.beetoncrockery {border-bottom: 2px solid #ffffcc;}
body.beetonsweet #navlist li.beetonsweet,
body.maps #navlist li.maps,
body.alice #navlist li.alice,
body.luttrell #navlist li.luttrell,
body.balloon #navlist li.balloon
											 {	border-left: 2px solid #ffffcc;
									border-top: 2px solid #ffffcc;
									border-bottom: 2px solid #ffffcc;
									border-right: none;
									background-color: #000032; }				
body.beetonsavoury #navlist li.beetonsavoury,		
body.seaside #navlist li.seaside,	
body.ships #navlist li.ships,
body.beetoncrockery #navlist li.beetoncrockery
										{	border-right: 2px solid #ffffcc;
									border-top: 2px solid #ffffcc;
									border-bottom: 2px solid #ffffcc;
									border-left: none;
									background-color: #000032; }	
										
/************************************* range page contents **********************/	
.rangetable { width: 600px ;
							text-align: center ;}			
.piccaption		 {font-style: italic;
							padding-bottom: 15px; }								 			 	
.above	
		{	vertical-align:top	;}
.below
		{	vertical-align:bottom 	;}
.rangedesc {	margin-right: 150px	;}	
/* tulips page */
#tulipthrees .imgup img, .imgup img
			{ margin-top: -125px		;}
#tulipthrees .imgdown img, .imgdown img	
			{ margin-bottom: -125px		;}
/*  seeds page  */
#seedcats	{	width: 500px			;}	
/*  auricula page  */
.arttab
			 { margin: 15px 145px 15px auto; }	
/* hortus page   */
.thumblist			 { 		list-style-type: none		; 	overflow: hidden; }
.thumblist li	 {width:160px; height:70px; border: 2px solid #ffffcc; margin: 3px 0 3px 0 ; }
.thumblist li img {margin: 0 3px 0 0; vertical-align: middle ;}
.fullpic	 {float:right ; margin: 50px 10px 0 0; 	}
/* luttreel page     */
#luttrellknights td	 {padding-left: 150px; }

