/* style sheet for Jill Campion tiles site		 			*/
/* V7.1				PJC		20/6/07		changes for javascript selector on Hortus  */
/***********************************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, .subtitles
		{	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;	}							
#navbarleft li, #navbarright 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******************************/					
#navbarleft li.rhslogo, #navbarright li.rhslogo 
				 { border: none; }				
#navbarleft li.tulips, #navbarright li.insects 
				 { border-top: 2px solid #ffffcc; }
#navbarleft li.seeds, #navbarright li.auricula	
				 { border-bottom: 2px solid #ffffcc; }	
body.tulips #navbarleft li.tulips,
body.delftanemones #navbarleft li.delftanemones,
body.fruit #navbarleft li.fruit,
body.tools #navbarleft li.tools,
body.seeds #navbarleft li.seeds 
					 { border: 2px solid #ffffcc;
					 border-right: none;
					 background-color: #000032; }
body.insects #navbarright li.insects,
body.hortus #navbarright li.hortus,
body.plans #navbarright li.plans,
body.delfttulips #navbarright li.delfttulips,
body.auricula #navbarright li.auricula	
							{ border: 2px solid #ffffcc;
						border-left: 2px solid #000032;
						background-color: #000032; }					
/*****************************************bl pages nav*****************************/
#navbarleft li.bllogo, #navbarright li.bllogo 
				 { border: none; }
#navbarleft li.beetonsweet, #navbarright li.beetonsavoury 
				 { border-top: 2px solid #ffffcc; }
#navbarleft li.balloon, #navbarright li.alphabet 
				 { border-bottom: 2px solid #ffffcc; }
body.beetonsweet #navbarleft li.beetonsweet,
body.maps #navbarleft li.maps,
body.alice #navbarleft li.alice,
body.luttrell #navbarleft li.luttrell,
body.balloon #navbarleft li.balloon
					{	border: 2px solid #ffffcc;
						border-right: none;
						background-color: #000032; }				
body.beetonsavoury #navbarright li.beetonsavoury,		
body.seaside #navbarright li.seaside,	
body.ships #navbarright li.ships,
body.vegetables #navbarright li.vegetables, 
body.beetoncrockery #navbarright li.beetoncrockery,
body.alphabet #navbarright li.alphabet
					{	border: 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   */
.thumb { float: left; margin: 0 2px 0 2px; }
.thumb img { display: inline; border: 2px solid #000032; }
.thumb img:hover { border: 2px solid #ffffcc; }
.subtitles	{ width: 72px; height: 30px; padding: 3px 1px 10px 1px; text-align: center; overflow: hidden; } 		
#bigpic	 { float: left; padding: 20px 10px 0 0; }
/* luttrell page     */
#luttrellknights td	 { padding-left: 150px; }