/*
     FILE ARCHIVED ON 9:32:17 Oct 2, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 9:00:41 Apr 9, 2013.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
html, body, #outer-wrapper {
	margin: 0;
	padding: 0;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #outer-wrapper {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	background: #fff;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	font-family: Arial, sans-serif;
	font-size: small;
}

.clear {
	clear: both;
}

div.clear {
	height:  1%;
}

img {
	border: none;
}

.hide {
	position: absolute;
	top: -1000px;
	left: -4000px;
	width: 1px;
	height: 1px;
}

span.emphasise {
	font-weight: bold;
}

acronym {
	border: none;
	font-style: normal;
}

address {
	font-style: normal;
	margin: 0.5em 0;
}

img.floatleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

span.capitalised {
	text-transform: uppercase;
}

span.alt-colour {
	color: #7c3520;
}

hr {
	height: 1px;
	border: none;
	border-top: 1px solid #0074BB;
}

h1 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 1.3em;
}

h2 {
	margin: 0.25em 0 0;
	padding: 0;
	font-size: 1.2em;
}

h3 {
	margin: 0.25em 0 0;
	padding: 0;
	font-size: 1.1em;
}

h3.plant {
	font-size: 1.2em;
	padding-top: 0.75em;
	
	border-top: 1px solid #0074BB;
}

h4 {
	margin: 0.25em 0 0;
	padding: 0;
	font-size: 1em;	
}

h4.h3-size {
	font-size: 1.1em;
}

h1, h2, h3, h4 {
	color: #0074BB;
}

p.extrapadding {
	padding-bottom: 2em;
}

/*<group=Blue Gradient styled elements>*/
#content h2.gradiated, #content p.gradiated {
	margin: 1em 0;
	padding: 0;
	background: #b5c5e5;
	background-image: url(images/bg_h2_gradiated.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	padding-right:  100px;
	border-top: 1px solid #eee;
}

#content p.gradiated {
	margin-bottom: 0;
}

#content h2.gradiated span.outer, #content p.gradiated span.outer {
	display: block;
	background: #f5f5f5;
	background-image: url(images/bg_h2_gradiated2.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	padding: 0.25em 0;
	padding-left: 5px;
	padding-right: 195px;
}

#content p.gradiated span.outer a {
	color: #0074BB;
}

/*</group>*/
/*<group=Blog styles>*/
h2.blog_title, h3.blog_title {
	font-size: 1.2em;
	width: 100%;
}

span.blog_date {
	font-weight: normal;
	color: #7c3520;
	float:  right;
	width:  10em;
	text-align: right;
}

span.blog_info {
	display: block;
	padding: 0.5em 0;
}

div#comment-form {
	padding-top: 20px;
}
/*</group>*/

p {
	margin: 0 0 1em 0;
	padding: 0;
}

#content a:link, #rightcol a:link {
	color: #0074BB;
}

#content a:visited, #rightcol a:visited {
	color: #915a3c;
}

#rightcol ul {
	list-style: none;
	margin: 0.5em 0 0 0;
	padding: 0 0 1em 0;
}

dl.padded {
	margin: 0;
	padding: 0;
}
dl.padded dt {
	margin: 0;
	padding: 0 0 0.25em 0;
	font-weight: bold;
	font-size: 1.1em;
}

dl.padded dd {
	margin: 0;
	padding: 0 0 1em 0;
}

ul.bulleted {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.bulleted li {
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	display: block;
	width: auto;
	padding: 4px 0 2px 14px;
}

a.bulleted {
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	display: block;
	padding: 0 0 0 14px;
}

.download_pdf {
	background-image: url(images/icon_pdf_small.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	display: block;
	width: auto;
	padding: 4px 0 2px 34px;
}

#heading_image {
	width:  100%;
	margin-bottom: 8px;
}


/*<group=Structure>*/

#outer-wrapper {
	
}

#int-wrapper {

	
}
	
div#wrapper {
	width: 100%;
	float: left;
}


div#content {
	margin-left: 200px;
	padding-right:  10px;
	height:  1%;
}

body.threecol div#content {
	margin-right: 230px;
}

div#content.heightfix {
	padding-bottom: 270px;
}

/*<group=Header>*/
div#header {
	padding: 0;
	position: relative;
	height:  140px;
}

#logo {
	position: absolute;
	top: 8px;
	left: 30px;
	border: none;
}
/*</group>*/

/*<group=Sub-navigation>*/
div#sub-navigation {
	width: 200px;
	float:left;
	margin-left:-100%;
}

div#nav-wrapper {
	background-image: url(images/bg_nav1.jpg);
	background-repeat: no-repeat;
	background-position: 15px 100%;
	padding-bottom: 20px;
}

div#sub-navigation ul {
	margin: 0;
	padding: 5px 0 0 30px;
	width:  116px;
	/*background-image: url(images/bg_nav2.jpg);
	background-repeat: no-repeat;
	background-position: 15px 0;*/
}

div#sub-navigation ul li {
	list-style: none;
	margin: 0.75em 0;
}

div#sub-navigation ul ul {
	margin: 0 0 0 10px;
	padding: 0;
	width: 76px;
	background-image: none;
	font-size: 0.9em;
}

div#sub-navigation ul ul li {
	list-style: none;
	margin: 0.5em 0;
	background-image: url(images/ul_subnav_li.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 6px;
}

div#sub-navigation a {
	color: #0074BB;
	text-decoration: none;	
}

div#sub-navigation strong {
	color: #7c351f;
}

div#sub-navigation strong a.blog-nav {
	color: #7c351f;
}

#hlf_logo {
	margin-left: 16px;
	margin-top: 15px;
}

/*</group>*/
/*<group=Footer>*/

div#footer-wrapper {
	padding-top: 15px;
	clear: left;
	width: 100%;
} 

div#footer {
	font-size: 0.85em;
	text-align: center;
	background: #0074BB;
	background-image: url(images/bg_footer.jpg);
	background-repeat: no-repeat;
	color: #fff;
	padding-bottom: 5px;
}

div#footer ul a {
	color: #fff;
}

div#footer ul {
	margin: 0 0 0 38%;
	width: 260px;
	padding: 5px 0 0 0;
	list-style: none;
	text-align: center;
}

div#footer li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 5px;
	border-left: 1px solid #fff;
}

div#footer li#footer_first {
	border-left: none;
}

	
/*</group>*/

/*</group>*/

/*<group=Three column page>*/

#col_wrapper {
	/*width: 818px;*/
}

#leftcol {
/*	float:  left;
	width: 575px;
	padding-right: 20px;*/
}

#leftcol h2, h2.backgroundh2 {
	margin: 0.25em 0 0.5em 0;
}

#rightcol {
	float:  left;
	width: 220px;
	margin-left: -220px;
}

.rightcol {
	width:  210px;
	padding-bottom: 24px;
	margin-bottom: 10px;
	background-image: url(images/home_rightcol_base.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.rightcol-inside {
	background-image: url(images/home_rightcol_top.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 12px 11px 9px 11px;	
}

.rightcol h2 {
	font-size: 1.1em;
	margin: 0;
	padding-bottom: 0.5em;
}

.rightcol h2.overruled {
	border-top: 1px solid #0074BB;
	padding-top: 0.75em;
}
	
/*</group>*/

/*
The following classes are currently identical:
div.project_section, div.project_section img
div.project_partner, div.project_partner img
div.restoration_section, div.restoration_section img
div.survey_section, div.survey_section img
div.action_section, div.action_section img
div.event_section
div.publication_section
div.species_title, div.species_title img

They should probably have clear:both on divs, for now the xhtml
on avon page has a .clear on its divs
*/

/*<group=Page section>*/
div.page_section {
	clear: both;
}
div.page_section img {
	float:  right;
	margin-left: 8px;
	margin-bottom: 8px;
}
/*</group>*/


/*<group=Map pages>*/

div#intro_container {
	padding-bottom: 45px;
	border-left: 1px solid #0074BB;
	margin-bottom: 1em;
	background-image: url(images/contactdiv_bottomright.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height:  1%;
}

div#intro_container div.inside {
	background-image: url(images/eventsdiv_topright.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 12px 8px 0 14px;
	height:  1%;
}

img#avon_map {
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
}

img#map_guide {
	clear:  left;
	margin-top: 10px;
}

div.section_title {
	clear:  both;
}

#content div.section_title h2.gradiated {
	margin-top: 0;
}


div.section_title img {
	float:  right;
	margin-left: 8px;
	margin-bottom: 8px;
}

div.section_title img.toggle {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 2px;
}

strong.strong_great, strong.strong_good, strong.strong_local {
	display: block;
	padding: 0 0 0.5em 0;
	font-size: 1.1em;
}

strong.strong_great {
	color: #7c3520;
}

strong.strong_good {
	color: #69bd45;
}

strong.strong_local {
	color: #0068b3;
}

table.loc_info {
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

table.loc_info th {
	background: #f5f5f5;
	color: #0074BB;
	text-align: left;
}

table.loc_info th.locinfo_loc {
	width: 150px;
}

table.loc_info th, table.loc_info td {
	padding: 5px;
	vertical-align: top;
}

table.loc_info th.th_mapcol {
	width: 90px;
}

table.loc_info td {
	border-bottom: 1px solid #ccc;
}
/*</group>*/

/*<group=Events - probably not used>*/

ul.events {
    margin:0px;
    padding:0px;
}
ul.events li {
    list-style:none;
	padding-top:0.6em;
	border-bottom:1px dotted #ccc;
}
ul.events li.last {
	border:0px;
}

div.event_section {
	padding-bottom: 14px;
	border-left: 1px solid #0074BB;
	margin-bottom: 1em;
	background-image: url(images/eventsdiv_bottomright.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

div.event_section div.inside {
	background-image: url(images/eventsdiv_topright.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 8px 8px 0 8px;
}

div.event_section h2 {
	color: #54B948;
}

dl.event {
	width:  26em;
	margin: 0;
}

dl.event dt {
	/*display: block;
	float: left;
	clear: left;
	width: 5em;
	margin: 0.1em 0;
	padding: 0;
	list-style:  none;
	font-weight: bold;	*/
	position: absolute;
	top: -1000px;
	left: -4000px;
	width: 1px;
	height: 1px;	
}

dl.event dd {
	display: block;
	float: left;
	width: 21em;
	margin: 0.1em 0;
	padding: 0;
	list-style:  none;
	font-weight: bold;
	font-size: 1em;
	color: #54B948;

}
/*</group>*/

/*<group=Contact us>*/

div#contact_container {
	padding-bottom: 45px;
	border-left: 1px solid #0074BB;
	margin-bottom: 1em;
	background-image: url(images/contactdiv_bottomright.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

div#contact_container div.inside {
	background-image: url(images/eventsdiv_topright.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 12px 8px 0 14px;
}

dl.contact {
	height: 1%;
	width:  26em;
}

dl.contact dt {
	display: block;
	float: left;
	clear: left;
	width: 5em;
	margin: 0.1em 0;
	padding: 0;
	list-style: none;
	font-weight: bold;	
	color: #0074BB;
}

dl.contact dd {
	display: block;
	float: left;
	width: 21em;
	margin: 0.1em 0;
	padding: 0;
	list-style:  none;
}
/*</group>*/

/*<group=Links>*/
div.link_section {
	clear: both;
	padding-top: 1em;
}
div.link_section img {
	float:  right;
	margin-left: 8px;
	margin-bottom: 8px;
}
div.link_section  h2 {
	padding: 1em 0 0 1em;
	border-top: 1px solid #0073BA;
	
}

div.link_section p {
	padding-left: 8px;
	margin:  0.75em 0;
}

div.link_section a.bulleted {
	margin-left: 6px;
}

/*</group>*/