/* temporary size adjustment for winter gallery images */
#gallery.Winter #mainContent img{
	width: 75px;
	height: 75px;
}

/* ------ NOTES -----------------------------------------


--------- CREDITS ---------------------------------------


--------- UPDATE INFO -----------------------------------

Last updated: 
Last update made by: graham bancroft (graham@johnoxton.co.uk)

*/

/* =1: Universal reset
==================================== */
body,div,dl,dt,dd,ul,img,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}

table {border-collapse:collapse;	border-spacing:0; } 

fieldset,img {border:0;} 

address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;} 

caption,th {text-align:left; } 

h1,h2,h3,h4,h5,h6 { font-weight:normal; }

q:before,q:after { content:''; } 

abbr,acronym { border:0; } 

/* =2: html and body
==================================== */
body {
	color:#80655E;
	background-color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}

/* =3: General typography
==================================== */
ul, dl, blockquote, pre, td, th, label {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	}
		
p{ 
	margin:0.5em 0px 1em 0px;
	}

/* Headings */
h1,h2,h3,h4,h5{
	padding:0;
	margin:5px 0px 5px 0px;
	color:#80655E;
	}

h1,h2{
	font-size:17px;
	}

h3,h4,h5{
	font-size:14px;
	}


/* =ul 
==================================== */
div#mainContent ul{
	margin-left: 20px;
	list-style-type: circle;
	}


/* =ol 
==================================== */

	
/* =li 
==================================== */
div#mainContent li{
xmargin:2px 0px 2px 0px;
}

/* =a 
==================================== */
a{
	text-decoration:none;
	color:#005C0E;
	border:0;
	font-weight:bold;
	}

a:hover{
	text-decoration:underline;
	}

/* =3a: General params
==================================== */
/* =img */
div#mainContent img{
	float: right;
	margin-bottom: 10px;
	}

#news div#mainContent img{
	float: none;
	margin-left: 0;
}

/* =images that float left */
div#mainContent img.imgLeft{
	float: left;
	margin-right: 20px;
	margin-left: 0;
	}
	
#default img,
#schools img,
#group img,
#friends img{
	margin-left: 20px;
	}
	
#gallery p{
	margin-right: 270px;
}
	
/* =4: Layout Divs 
==================================== */

/* =Site Container 
==================================== */
div#siteContainer{ 
	width: 760px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	position: relative;
	}

/* =Branding 
==================================== */
div#branding{
	margin: 0 auto;
	height: 90px;
	margin: 30px 0 10px;
	}
	
#default div#branding, #search div#branding {background: url(/images/mastheads/batsfoldmast.jpg);}
#history div#branding{background: url(/images/mastheads/bahistory.jpg);}
#collections div#branding{background: url(/images/mastheads/baplantcollect.jpg);}
#calendar div#branding{background: url(/images/mastheads/bacalendar.jpg);}
#conservation div#branding{background: url(/images/mastheads/baconservation.jpg);}
#gallery div#branding{background: url(/images/mastheads/bagallery.jpg);}
#ahead div#branding{background: url(/images/mastheads/baahead.jpg);}
#friends div#branding{background: url(/images/mastheads/bafriends.jpg);}
#news div#branding, #news_archives div#branding, #events div#branding{background: url(/images/mastheads/banewsevents.jpg);}
#visitors div#branding{background: url(/images/mastheads/bavisitorinfo.jpg);}
#links div#branding{background: url(/images/mastheads/baourfavourites.jpg);}
#group div#branding{background: url(/images/mastheads/bagroupvisits.jpg);}
#schools div#branding{background: url(/images/mastheads/baschoolsinfo.jpg);}
#schools.articleId-26 div#branding{background: url(/images/mastheads/barotavator.jpg);}/* Mr Rotavator */
#contact div#branding{background: url(/images/mastheads/bacontactingus.jpg);}
body.articleId-36  div#branding{background: url(/images/mastheads/basitemap.jpg);}/* site map */
body.articleId-37 div#branding{background: url(/images/mastheads/baaccessibility.jpg);} /* accessibility statement */
body.articleId-37 div#branding{background: url(/images/mastheads/baaccessibility.jpg);}
#shop div#branding{background: url(/images/mastheads/bashop.jpg);}
#gallery.Spring div#branding{background: url(/images/mastheads/baspring.jpg);}
#gallery.Summer div#branding{background: url(/images/mastheads/basummer.jpg);}
#gallery.Autumn div#branding{background: url(/images/mastheads/baautumn.jpg);}
#gallery.Winter div#branding{background: url(/images/mastheads/bawinter.jpg);}


div#branding h1{
	text-indent: -999em;
	}

div#logo a{
	position: absolute;
	width: 140px;
	height: 120px;
	top: 10px;
	left: 25px;
	}

div#logo img{
	position: absolute;
	text-indent: -999em;
	display: none;
	}

/* =Main navigation (left)
==================================== */
div#mainNavigation{
	width: 150px;
	float: left;
	display: inline;
	}
	
div#mainNavigation ul{
	list-style-type: none;
	}

div#mainNavigation ul li{
	height:25px;
	margin:0px 0px 12px 0px;
	padding:0;
	float:left;
	clear:left;
	}

div#mainNavigation a{
	margin:0;
	padding:0;
	color:#80655E;
	overflow: hidden;
	text-indent: -999em;
	}
	
li#welcome a,li#welcome,
li#history a, li#history, li#plant a, li#plant, li#calendar a, li#calendar, li#coservation a, li#coservation, li#galleryNav a, li#galleryNav, li#ahead a, li#ahead, li#friends a, li#friends, li#conservation a, li#conservation, li#sitemap a, li#shop a, li#shop{
	width:150px;
	height:25px;
	text-indent:-1000em;
	float:right;
	overflow:hidden;
	}

li#welcome a, li#welcome {background:url(/images/nav/welcome.jpg) no-repeat top left;}
li#history a, li#history {background:url(/images/nav/history.jpg) no-repeat top left;}
li#plant a,li#plant{background:url(/images/nav/plants.jpg) no-repeat top left;}
li#calendar a,li#calendar{background:url(/images/nav/calendar.jpg) no-repeat top left;}
li#conservation a,li#conservation{background:url(/images/nav/conservation.jpg) no-repeat top left;}
li#galleryNav a,li#gallery{background:url(/images/nav/gallery.jpg) no-repeat top left;}
li#ahead a,li#ahead{background:url(/images/nav/ahead.jpg) no-repeat top left;}
li#friends a,li#friends{background:url(/images/nav/friends.jpg) no-repeat top left;}
li#sitemap a,li#sitemap{background:url(/images/nav/sitemap.jpg) no-repeat top left;}
li#shop a,li#shop{background:url(/images/nav/shop.jpg) no-repeat top left;}

#welcome a:hover, #history a:hover, #plant a:hover, #calendar a:hover ,#conservation a:hover, #galleryNav a:hover, #ahead a:hover, #friends a:hover, #sitemap a:hover, #shop a:hover{
	background-position:-152px 0;
	}

/* =Top navigation 
==================================== */
/* Top Nav Layout */
#topnav{
	width:600px;
	height:25px;
	margin:0;
	padding:0;
	position:absolute;
	left:160px;
	top:130px;
	background-color:#E6F5E1;
	text-align:center;
	}

#topnav li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:100px;
	height:25px;
	text-align:center;
	line-height:25px;
	}

#topnav a{
	color:#2E885E;
	}
	
#newsNav a, #prices a, #visits a, #schoolsNav a, #contactNav a, #favourites a{
	display:block;
	width:100px;
	height:25px;
	text-indent:-1000em;
	float:left;
	overflow:hidden;
	}
	
#topnav #newsNav a:hover, #topnav #prices a:hover ,#topnav #visits a:hover, #topnav #schoolsNav a:hover, #topnav #contactNav a:hover, #topnav #favourites a:hover{
	background-position: -100px 0;
	}

#newsNav a{	background:url(/images/nav//news.gif) no-repeat top left;	}
#visits a{	background:url(/images/nav//visits.gif) no-repeat top left;	}
#prices a{	background:url(/images/nav//prices.gif) no-repeat top left;	}
#schoolsNav a{	background:url(/images/nav//schools.gif) no-repeat top left;	}
#contactNav a{	background:url(/images/nav//contact.gif) no-repeat top left;	}
#favourites a{	background:url(/images/nav//favourites.gif) no-repeat top left;	}
	
/* =visitor info navigation 
==================================== */
div#visitorNavigation, div#newsNavigation{
	width: 270px;
	float: left;
	padding-left: 10px;
	text-align: right;
	}
	
		
/* =Main content 
==================================== */
div#mainContent{
	width:580px;
	margin: 30px 0 0 0;
	float: right;
	background:#E6F5E1;
	padding: 10px;
	padding-bottom: 0;
	display: inline;
	}

#calendar div#mainContent{
	padding-bottom: 10px;
	}

/* pages with bottom background images */
#news div#mainContent{
	background: #E6F5E1 url(/images/63.jpg) left bottom no-repeat;
	padding-bottom: 150px;
	}
	
#contact div#mainContent{
	background: #E6F5E1 url(/images/22.jpg) left bottom no-repeat;
	padding-bottom: 150px;
	}

#conservation div#mainContent{
	background: #E6F5E1 url(/images/21.jpg) left bottom no-repeat;
	padding-bottom: 150px;
	}
	
#ahead div#mainContent{ 
	background: #E6F5E1 url(/images/35.jpg) left bottom no-repeat;
	padding-bottom: 197px;
	}		
	
#links div#mainContent{
	background: #E6F5E1 url(/images/23.jpg) left bottom no-repeat;
	padding-bottom: 150px;
	}	

/* visitors > The Cotswold Falconry Centre */
body.articleId-31 div#mainContent{ 
	background: #E6F5E1 url(/images/29.jpg) left bottom no-repeat;
	padding-bottom: 150px;
	}
	
/* visitors > The Garden Centre */
body.articleId-32 div#mainContent{ 
	background: #E6F5E1 url(/images/31.jpg) left bottom no-repeat;
	padding-bottom: 200px;
	}	
	
/* visitors > The Applestore Tearoom */
body.articleId-34 div#mainContent{ 
	background: #E6F5E1 url(/images/32.jpg) left bottom no-repeat;
	padding-bottom: 200px!important;
	}	
	
/* visitors > Garden machinery */
body.articleId-33 div#mainContent{ 
	background: #E6F5E1 url(/images/64.jpg) left bottom no-repeat;
	padding-bottom: 140px!important;
	}		
/* =Main content - plant collections page and calendar page */	
div#content {
	float: left;
	width: 300px;
	}

div#images{
	width: 250px;
	float: right;
	margin-left: 20px;
	}

/* Map at Visitors > Arboretun Map */
.articleId-35 div#visitorNavigation{ 
	display: none;
	}

.articleId-35 div#content{
	width: 580px;
	}
	
/* plant photos on right hand side with caption (collections) */
div#mainContent div#images img{ 
	margin-bottom: 0;
	}
	
/* plant photos on right hand side without caption (calendar) */
#calendar div#mainContent div#images img{ 
	margin-bottom: 5px;
	}
		
/* #mainContent links page */
div.linksColumn, div.linksColumnLast{
	width: 280px;
	margin-right: 10px;
	margin-bottom: 1.5em;
	float: left;
	}
	
div.linksColumn h2, div.linksColumnLast{
	margin-bottom: .5em;
	}

div.linksColumn ul{
	margin-bottom: .5em;
	}

div.listArticleBottom{ /* keeps the article from the lists */
	float: left;
	width: 580px;
	}

/* =Site Map */
#info.articleId-36 div#mainContent h2{
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0;
	margin-right: 30px;
	}
	
#info.articleId-36 div#mainContent p{
	padding-top: 0;
}
	
/* =Contact page */
div#left {
	float: left;
	width: 280px;
	padding-right: 10px;
	}

div#right{
	width: 290px;
	float: left;
	}


/* =Google map
==================================== */
div#map{
	width: 580px;
	height: 360px;
	float: left;
}
	
div#popup {
	background:#E6F5E1;
	margin:0px;
	padding:7px;
	width:200px;
	}
	

/* =Gallery
==================================== */
body#gallery #mainContent a img{
	margin-left: 11px;
	margin-top: 10px;
	margin-bottom: 0;
	float: left;
	}

#gallery.Spring #mainContent, 
#gallery.Summer #mainContent, 
#gallery.Autumn #mainContent, 
#gallery.Winter #mainContent{
	padding: 0 0 10px 0;	
	width: 600px;
	}
	
div#galleryNavigation{
	width: 600px;
	float: left;
	clear: both;
	padding-top: 1em;
	}

div#galleryNavigation ul{
	margin-bottom: 0;
	}
	
#gallery ul.imageList{
	margin: 0;
	list-style-type: none;
	}

#gallery ul.imageList li{
	float: left;
	}

div#galleryNavigation ul li{
	display: inline;
	}
	
div#galleryNavigation ul li a{
	padding: 0 45px;
	}
	

/* =Site info (foot)
==================================== */
div#siteInfo{
	float: right;
	width: 600px;
	height:40px;
	margin-left: -160px;
	padding: 10px 0;
	color:#666;
	font-size: 95%;
	}
	
div#siteInfo li{
	display:block;
	float:left;
	width:200px;
	}

div#siteInfo li a{
	margin-right: 5px;
	color:#666;
	font-weight:normal;
	}
	
div#siteInfo li.todaysDate{
	text-align: right;
	}

/* =site tools (top) ##in form > foot##
==================================== */
div#siteTools{
	position: absolute;
	top: 10px;
	right: 0;
	text-align: right;
	}
	
div#siteTools ul{
	list-style-type: none;
	margin-left: 0;
	}
	
div#siteTools li{
	float: left;
}

div#siteTools li a{
	display: block;
	float: left;
	padding: 0 5px;
	text-transform: lowercase;
	border-right: 1px solid #005C0E;
}

div#siteTools li.listItemLast a{
	border: none;
	padding-right: 0;
}
	
div#siteTools a{
	font-weight: normal;
}

/* =headings 
==================================== */
h1,h2,h3,h4,h5{
	color:#80655E;
	}

h2, h3 {font-weight: bold;}

h1#welcomeHead{
	background: url(/images//mastheads/welcomehead.gif) no-repeat;
	height:40px;
	width:160px;
	text-indent: -999em;
	}

/* =forms 
==================================== */

/* =comments 
==================================== */


/* =accessibility aid 
==================================== */
.accessibilityAid{
	left: -999em;
	position: absolute;
	}
	
	
/* Comments */
div#cpreview{
	padding: 10px;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em; 
	background: #F0F3EF url(/images/preview.gif) 95% 95% no-repeat;	
	}


div#cpreview h4,
ol.comments li h4{
	float: left;
	margin-right: 5px;
	}
	
ol.comments li {
	list-style: none;
	margin: 0 0 0 0;
	padding: 10px;
	}
	
ol.comments li {
	background: #E2E8E0;
	margin-bottom: 1.5em;
	border: 1px solid #D3DCCF;
	}

ol.comments {
	margin-left: 0;
	}
	
p.timestamp{
	text-align: right;
}

#commentform fieldset {
	border: none;
	padding: 0 20px 1.5em 20px;;
	margin-bottom: 1.5em;
	background: #F0F3EF;
	border: 1px solid #C4D0BF;
	position: relative;
	}

#commentform legend {
	background: none;
	font-size: 1.2em;
	}

.input {
	padding-top: 15px;
	font-size: 1.3em;
	display: block;
	}

.input input {
	padding: 2px 4px;
	font-size: 80%;
	width: 250px;
	border: 1px solid #C4D0BF;
	}

.input textarea {
	font-size: 80%;
	width: 255px;
	border: 1px solid #C4D0BF;
	}
	
div.buttons{
	margin: 1.5em 0;
}
/* End Comments */

/* Slideshow */
#default div#mainContent #left{
	width: 310px;
	padding-right: 20px;
	margin-bottom: 0;
	float: left;
	display: inline;
}

#default div#mainContent{
	padding-bottom: 10px;
}

div.slideshow{
	padding: 0;
	margin: 0;
}

div#slideshow0{
	float: left;
	width: 250px;
	height: 300px;
	display: inline;
}

div#slideshow0 img{
	padding: 0!important;
	margin: 0!important;
	height: 300px;
	float: left;
	display: block;
}

.slideshow p {
	display: none;
}