/*
*******************************************************************************
*	(c) 2009 Lee Dingain
* 
*	filename: regua.css
*	purpose:  default styles for www.regua.co.uk
*
*******************************************************************************

$Revision: 1 $
$Date: 11 September 2009 $
$CreateBy: Lee $
$LastChangedBy: Lee $
*/

/* ------------------------------------------------------- */
/* CONTENTS
--------------------
	1. MAIN STYLES
	2. LAYOUT
	3. NAVIGATION
	4. HOME
	5. HISTORY
	6. ACKNOWLEDGEMENTS
	7. VOLUNTEER
	8. DONATIONS
	9. TRAILS
	10. LITERATURE
	11. LOCATION
	12. LATEST NEWS
	13. NEWSLETTERS
	14. LINKS
	15. CONTACT US
	16. BIODIVERSITY
	17. WETLANDS
	18. YOUNG RANGERS
	19. SITE MAP
	20. POPUP WINDOW
	21. GUAPI ASSU BIRD LODGE WEBSITE
	22. PHOTO OF THE MONTH
	23. TRIP REPORTS
*/

/* ---------------------------------------------------------- 
	1. MAIN STYLES 
-----------------------------------------------------------*/

* {
	font-family: Arial, Verdana, Helvetica;
}

body {
	text-align: center; /* Centers page on older browsers where auto margins are ignored */
	direction: ltr; /* Text reads left to right */
	margin: 0; /* Previous (before footer changed) 0 0 15px 0; */
	color: #333;
	background-color: #598344;
}

/* Fix for PNG behaviour in IE6 and below */
img { _behavior: url('/scripts/iepngfix.htc'); }

#content h1, #newsletters h1 {
	padding: 18px 18px 10px 18px;
	font-size: 1.3em;
	color: #598344;
}

#content h2, #newsletters h2 {
	padding: 5px 18px 10px 18px;
	font-size: 1.2em;
	color: #598344;
}

#content h3, #newsletters h3 {
	padding: 5px 18px 10px 18px;
	font-size: 1em;
	color: #598344;
}

#content h4 {
	font-family: Georgia, Trebuchet, Arial;
	padding: 5px 18px 10px 18px;
	font-size: 1.0em; /* 1.2em; */
	color: #999;
}

#latestnewsbox h1, #latestnewsletterbox h1 {
	padding: 0 12px 10px 12px;
	font-size: 1em;
	color: #598344;
	text-align: left;
}

#content p {
	padding: 0 18px 18px 18px;
	line-height: 1.4em;
	font-size: 0.9em;
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.date {
	color: #999;
}

.size {
	font-size: 0.75em;
}

#copyright p {
	font-size: 0.7em;
	color: #FFF;
}

#feed p {
	padding-bottom: 7px;
}

.source {
	font-size: 11px;
}

.sup-source {
	font-size: 10px;
}

p.news {
	margin: 0 0 0 30px; /* Previously 5px 0 15px 30px; */
}

a {
	color: #36C;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: #36C;
}

#footer p {
	font-size: 12px;
	color: #FFF;
	padding-bottom: 3px;
}

#footer a {
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
}

#footer a:hover {
	text-decoration: underline;
}

#footernav a {
	text-decoration: none;
	color: #FFF;
}

#footernav a:hover {
	text-decoration: underline;
}

#facebook a, #feed a {
	text-decoration: underline;
	color: #999;
	font-size: 11px;
}

#facebook a:hover, #feed a:hover {
	text-decoration: none;
}

/* ---------------------------------------------------------- 
	2. LAYOUT 
-----------------------------------------------------------*/

#wrapper, #header, #header-border, #navrow, #navcol, #content, #rightcol, #footer, h1, h2, h3, h4, p, ul, li {
	border: 0;
	margin: 0;
	padding: 0;
}

#wrapper {
	display: block;
	margin: auto; /* Top and bottom 0, right and left auto (equal width) to center container on page */
	text-align: left; /* Moves all text within the container to the left to counter the text-align: center; in the body */
	width: 770px;
	background-color: #FFF;
}

#header {
	position: relative;
	display: block;
	width: 100%;
	height: 170px;
	background-color: #FFF;
}

/* ----- Header images for REGUA website below ----- */

.aboutus #header{background-image:url(../images/header/header-aboutus-640.jpg);background-repeat:no-repeat;background-position:top right;}
.historyofregua #header{background-image:url(../images/header/header-historyofregua-640.jpg);background-repeat:no-repeat;background-position:top right;}
.reguatimeline #header{background-image:url(../images/header/header-reguatimeline-640.jpg);background-repeat:no-repeat;background-position:top right;}
.governance #header{background-image:url(../images/header/header-governance-640.jpg);background-repeat:no-repeat;background-position:top right;}
.acknowledgments #header{background-image:url(../images/header/header-acknowledgments-640.jpg);background-repeat:no-repeat;background-position:top right;}
.supportus #header{background-image:url(../images/header/header-supportus-640.jpg);background-repeat:no-repeat;background-position:top right;}
.volunteer #header{background-image:url(../images/header/header-volunteer-640.jpg);background-repeat:no-repeat;background-position:top right;}
.donations #header{background-image:url(../images/header/header-donations-640.jpg);background-repeat:no-repeat;background-position:top right;}
.visitorinfo #header{background-image:url(../images/header/header-visitorinfo-622.jpg);background-repeat:no-repeat;background-position:top right;}
.dayvisits #header{background-image:url(../images/header/header-dayvisits-640.jpg);background-repeat:no-repeat;background-position:top right;}
.trails #header{background-image:url(../images/header/header-trails-640.jpg);background-repeat:no-repeat;background-position:top right;}
.literature #header{background-image:url(../images/header/header-literature-ccbecard-640.jpg);background-repeat:no-repeat;background-position:top right;}
.location #header{background-image:url(../images/header/header-location-640.jpg);background-repeat:no-repeat;background-position:top right;}
.latestnews #header{background-image:url(../images/header/header-latestnews-640.jpg);background-repeat:no-repeat;background-position:top right;}
.newsarchive #header{background-image:url(../images/header/header-newsarchive-640.jpg);background-repeat:no-repeat;background-position:top right;}
.rssfeeds #header{background-image:url(../images/header/header-rssfeeds-cbantshrike-640.jpg);background-repeat:no-repeat;background-position:top right;}
.links #header{background-image:url(../images/header/header-links-2-640.jpg);background-repeat:no-repeat;background-position:top right;}
.contactus #header{background-image:url(../images/header/header-contactus-640.jpg);background-repeat:no-repeat;background-position:top right;}
.threats #header{background-image:url(../images/header/header-threats-640.jpg);background-repeat:no-repeat;background-position:top right;}
.biodiversity #header{background-image:url(../images/header/header-biodiversity-frog.jpg);background-repeat:no-repeat;background-position:top right;}
.amphibians #header{background-image:url(../images/header/header-amphibians-2.jpg);background-repeat:no-repeat;background-position:top right;}
.arachnids #header{background-image:url(../images/header/header-arachnids-640.jpg);background-repeat:no-repeat;background-position:top right;}
.birds #header{background-image:url(../images/header/header-birds-ptmanakin-640.jpg);background-repeat:no-repeat;background-position:top right;}
.dragonflies #header{background-image:url(../images/header/header-dragonflies-1.jpg);background-repeat:no-repeat;background-position:top right;}
.mammals #header{background-image:url(../images/header/header-mammals-otter.jpg);background-repeat:no-repeat;background-position:top right;}
.moths #header{background-image:url(../images/header/header-moths.jpg);background-repeat:no-repeat;background-position:top right;}
.unidentifiedmoths #header{background-image:url(../images/header/header-unidentifiedmoths.jpg);background-repeat:no-repeat;background-position:top right;}
.reptiles #header{background-image:url(../images/header/header-reptiles-622.jpg);background-repeat:no-repeat;background-position:top right;}
.restoration #header{background-image:url(../images/header/header-restoration-640.jpg);background-repeat:no-repeat;background-position:top right;}
.treeplanting #header{background-image:url(../images/header/header-treeplanting-640.jpg);background-repeat:no-repeat;background-position:top right;}
.wetlands #header{background-image:url(../images/header/header-wetlands-640.jpg);background-repeat:no-repeat;background-position:top right;}
.youngrangers #header{background-image:url(../images/header/header-youngrangers-640.jpg);background-repeat:no-repeat;background-position:top right;}
.sitemap #header{background-image:url(../images/header/header-sitemap-s-thermit-640.jpg);background-repeat:no-repeat;background-position:top right;}
.orchids #header{background-image:url(../images/header/header-orchids-050705(067_b).jpg);background-repeat:no-repeat;background-position:top right;}
.protection #header,.threats #header,.landpurchase #header,.rangers #header,.education #header,.schoolvisits #header,.research #header,.redbilledcurassows #header,.newsletters #header,.sitemap #header,.privacypolicy #header{background-image:url(../images/header/header-770.jpg);background-repeat:no-repeat;background-position:top right;}

/* ----- Header images for GABL website below ----- */

.thelodge #header, .photoofmonth #header{background-image:url(../images/header/header-thelodge-640.jpg);background-repeat:no-repeat;background-position:top right;}
.birding #header{background-image:url(../images/header/header-birding-mbparakeet-epv0015-ld-640.jpg);background-repeat:no-repeat;background-position:top right;}
.night-birding #header{background-image:url(../images/header/header-night-birding-img_8963.jpg);background-repeat:no-repeat;background-position:top right;}
.specialitybirds #header{background-image:url(../images/header/header-specialitybirds-shrike-likecotinga-640.jpg);background-repeat:no-repeat;background-position:top right;}
.excursions #header{background-image:url(../images/header/header-excursions-diademedtanager-640.jpg);background-repeat:no-repeat;background-position:top right;}
.itinerary #header{background-image:url(../images/header/header-itinerary-wefoliage-gleaner-640.jpg);background-repeat:no-repeat;background-position:top right;}
.accommodation #header{background-image:url(../images/header/header-accommodation-640.jpg);background-repeat:no-repeat;background-position:top right;}
.rates #header{background-image:url(../images/header/header-rates-ghtanager-622.jpg);background-repeat:no-repeat;background-position:top right;}
.guides #header{background-image:url(../images/header/header-guides-640.jpg);background-repeat:no-repeat;background-position:top right;}
.faq #header{background-image:url(../images/header/header-faq-w-f-whistling_duck-640.jpg);background-repeat:no-repeat;background-position:top right;}
.tripreports #header{background-image:url(../images/header/header-tripreports-red-neckedtanager-3-640.jpg);background-repeat:no-repeat;background-position:top right;}

/* ------------------------- */

#logo {
	position: relative;
	float: left;
	display: block;
	width: 148px; /* Previously 130px but increased by 18px to bring in line with text in content div */
	height: 170px;
	background-color: #FFF;
	text-align: centre;
}

#navrow { /* Div containing the top menu */
	float: right;
	display: block;
	clear: both;
	text-align: right;
	width: 100%;
	background-color: #202D19; /* Previously #314826; new code is darker version of this code */
}

#navcol { /* Div containing the left menu */
	float: left;
	width: 130px;
	text-align: left;
	font-size: 0.75em; /* 0.8em; */
	margin: 15px 0 0 0;
	padding: 0;
}

#content {
	float: left;
	display: block;
	width: 639px;
	height: 100%;
	background-color: #FFF;
	font-size: 0.8em;
}

#home_image_links {
	position: relative;
	float: right;
	display: block;
	margin: 40px 18px 10px 18px;
	width: 150px;
	/* height: 70px; */
	text-align: left;
	border: 0;
	padding: 10px 0 5px 0;
	background-color: #FFF;
}

#latestnewscontent {
	background-color: #FFF;
	width: 454px;
	float: left;
}

#latestnewsbox {
	position: relative;
	float: right;
	display: block;
	margin: 25px 8px 10px 10px;
	width: 150px; /* 135px; */
	text-align: left;
	border: 1px solid #C2DAB6;
	padding: 10px 0 5px 0;
	background-color: #FFF;
}

#gabl-home {
	position: relative;
	float: right;
	clear: both;
	display: block;
	margin: 0 8px 10px 10px;
	width: 150px; /* 135px; */
	text-align: left;
	border: 0;
	/* padding: 10px 0 5px 0; */
	background-color: #FFF;
}

#latestnewsletterbox {
	position: relative;
	float: right;
	clear: both;
	display: block;
	margin: 0 8px 10px 10px;
	width: 150px; /* 135px; */
	text-align: left;
	border: 1px solid #C2DAB6;
	padding: 10px 0 5px 0;
	background-color: #FFF;
}

#newsletters {
	position: relative;
	float: right;
	display: block;
	width: 180px; 
	text-align: left;
	background-color: #EAF3E3;
}

#adobe {
	position: relative;
	float: right;
	display: block;
	margin: 10px 8px 10px 10px; /* 25px 8px 10px 10px; */
	width: 190px;
	text-align: left;
	border: 1px solid #C2DAB6;
	padding: 0;
	background-color: #FFF;
}

#biodiversitybox {
	float: left;
	display: block;
	width: 130px; 
	text-align: left;
}

#photos {
	position: relative;
	float: right;
	display: block;
	width: 200px;
	padding: 51px 18px 0 18px;
}

#footer {
	display: block;
	position: relative;
	clear: both;
	width: 100%;
	background-color: #598344;
}

#footer-right {
	display: block;
	position: relative;
	float: right;
	text-align: right;
	margin-top: 5px;
}

#footerlist {
	display: block;
	float: left;
	list-style: none;
	padding-top: 6px;
}

#footerlist li {
	height: 20px;
	margin-bottom: 6px;
}

li.face {
	background: url("../images/face.jpg") no-repeat;
	padding-left: 25px;
}

li.feed {
	background: url("../images/feed.jpg") no-repeat;
	padding-left: 25px;
}

li.face a, li.feed a {
	height: 12px;
	line-height: 12px;
	font-size: 12px;
}

/* #footer-left {
	display: block;
	position: relative;
	float: left;
	text-align: left;
} */

/* #footer-left p, #footer-right p {
	font-size: 12px;
	color: #FFF;
	padding: 4px 0;
} */

/* #footer-left a, #footer-right a {
	text-decoration: none;
	color: #FFF;
} */

/* #footer-left a:hover, #footer-right a:hover {
	text-decoration: underline;
} */

#bottom {
	position: relative;
	display: block;
	width: 100%;
	height: 80px;
	background-image: url(../images/bottom-770.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #FFF;
	clear: both;
}

#facebook { /* Div containing the Facebook logo */
	float: left;
	clear: both;
	width: 110px;
	text-align: left;
	margin: 290px 0 0 15px;
}

#feed { /* Div containing the feed logo */
	float: left;
	clear: both;
	width: 110px;
	text-align: left;
	margin: 25px 0 0 15px;
	/* background-color: red; */
}

/* ------------------------- */

/* ---------------------------------------------------------- 
	3. NAVIGATION 
-----------------------------------------------------------*/

/* ----- Top menu ----- */

#nav, #nav ul {
	float: left; /* Controls alignment of menu within the navrow div */
	text-align: left;
	z-index: 1;
	margin: 0;
	list-style: none;
	line-height: 1.4;
	background-color: #202D19; /* Previously #314826; new code is darker version of this code */
	font-weight: bold;
	padding: 0; /* Removes padding */
}

#nav a {
	display: block;
	color: #FFF;
	font-size: 12px; /* 0.72em; */
	text-decoration: none;
	padding: 0.25em 1.2em;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li ul { /* Level 2 unordered list */
	position: absolute;
	left: -999em;
	height: auto;
	width: 8.31em; /* Doesn't seem to do anything. Previously 9.55em; */
	w\idth: 8em; /* Controls the width of the level 2 area. Previously 8.51em and 9.75em before that; */
	margin: 0;
	background-color: #202D19; /* Previously #314826; new code is darker version of this code */
	border: 1px solid #364D2B; /* Previously #4D6E3C; new code is darker version of this code */
}

#nav li li { /* Level 2 styles */
	background-color: #202D19; /* Previously #314826; new code is darker version of this code */
}

#nav li ul a { /* Level 2 link styles */
	width: 11em; /* Doesn't appear to do anything */
	w\idth: 8.3em; /* Previously 9.4em and 11.1em before that; */
	color: #FFF;
	font-weight: normal;
}

#nav li:hover ul ul, #nav li.sfhover ul ul { 
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	position: static; /* This line is the fix for the 'sticky menu' bug in IE7 */
	background-color: #364D2B; /* Previously #4D6E3C; new code darker version of this code */
}

#nav a:hover {
	color: #FFF;
}

/* -------------------- */

/* ----- Left menu ----- */

#navcol ul {
	margin: 0;
	padding: 0;
}

#nav-collapsed li, #nav-expanded li {
	width: 90px;
	line-height: 1.7em;
}

#nav-collapsed li {
	Margin-left: 15px; /* 20px; */
	list-style: none;
}

#nav-expanded li {
	Margin-left: 35px; /* 40px; */
	list-style: none;
	/* background-image: url(../images/nav-arrow.jpg);
	background-repeat: no-repeat;
	background-position: left; */
	/* padding-left: 10px; /* Moves link font right a little from arrow gif */
	/* font-size: 8pt; */
}

#navcol li a {
	color: #598344;
	text-decoration: none;
}

#navcol li a:hover {
	text-decoration: underline;
}

#nav-collapsed li a {
	font-weight: bold;
}

#nav-expanded li a {
	font-weight: normal;
}

/* -------------------- */

/* ----- Images ----- */

.logo-regua {
	border: 0;
	width: 125px;
	height: 125px;
	margin: 21px 0 0 11px;
}

.home_image_links {
	border: 0;
	margin: 0 0 15px 0;
	padding: 0;
	width: 150px;
	height: 70px;
}

.gabl-home {
	border: 1px solid #C2DAB6;
	width: 150px;
	height: 200px;
}

.logo-right {
	float: right;
	border: 0;
	margin: 0 0 18px 18px;
}

.logo-right-2 {
	float: right;
	border: 0;
	margin: 0 70px 18px 18px;
}

.newsletter {
	border: 0;
	width: 140px;
	margin-top: 4px;
}

.newslettercover {
	float: left;
	border:  1px solid #CCCCCC;
	width: 140px;
	margin-right: 20px;
}

.pdf {
	border: 0;
	width: 13px;
	height: 13px;
	margin-right: 4px;
}

.adobe {
	border: 0;
	height: 31px;
	width: 110px;
}

.program_icon {
	border: 0;
	width: 13px;
	height: 13px;
	margin-right: 4px;
}

.imagelink {
	border: 0;
}

.locationmap {
	margin: 5px 18px 15px 18px;
	border: 1px solid #999;
	height: 301px;
	width: 408px;
}

.biodiversity {
	border: 0;
}

.img-biodiversity {
	float: left;
	border: 1px solid #999;
	margin: 0 10px 0 0;
	width: 150px;
	height: 100px;
}

.photo-land-right {
	float: right;
	border: 1px solid #999;
	margin: 4px 0 18px 18px;
	width: 200px;
	height: 133px;
}

.photo-land-left {
	float: left;
	border: 1px solid #999;
	margin: 4px 18px 18px 0;
	width: 200px;
	height: 133px;
}

.photo-land-left-110 {
	float: left;
	border: 1px solid #999;
	margin: 4px 12px 0 0; /* 4px 14px 4px 0; */
	width: 110px;
	height: 110px;
}

.photo-land-right-280 {
	float: right;
	border: 1px solid #999;
	margin: 4px 0 4px 14px;
	width: 280px;
}

.photo-land-left-280 {
	float: left;
	border: 1px solid #999;
	margin: 4px 14px 4px 0;
	width: 280px;
}

.photo-port-left-280 {
	float: left;
	border: 1px solid #999;
	margin: 0 18px 18px 0;
	width: 187px;
	height: 280px;
}

.photo-port-right-280 {
	float: right;
	border: 1px solid #999;
	margin: 0 0 18px 18px;
	width: 187px;
	height: 280px;
}

.photo-port-right {
	float: right;
	border: 1px solid #999;
	margin: 4px 0 18px 18px;
	width: 133px;
	/* height: 200px; Put back when Leonardo photo changed on Guides page */
}

.photo-port-left {
	float: left;
	border: 1px solid #999;
	margin: 4px 18px 18px 0;
	width: 133px;
	height: 200px;
}

.photo-port-left-nosize {
	float: left;
	border: 1px solid #999;
	margin: 4px 18px 18px 0;
}

.photo-port-right-nosize {
	float: right;
	border: 1px solid #999;
	margin: 4px 18px 18px 0;
}

.photo-port-right-220 {
	float: right;
	border: 1px solid #999;
	margin: 0 0 18px 18px;
	width: 220px;
	height: 330px;
}

.photo-port-left-220 {
	float: left;
	border: 1px solid #999;
	margin: 0 18px 18px 0;
	width: 220px;
	height: 330px;
}

.photosdiv {
	border: 1px solid #999;
	margin-bottom: 10px;
	width: 200px;
	height: 133px;
}

.div-image {
	border: 1px solid #999;
	width: 295px;
	height: 197px;
}

.photo-news, .photo-news-left, .photo-news-right {
	border: 1px solid #999;
	/* padding: 3px; */
}

.photo-news-left {
	float: left;
	border: 1px solid #999;
	margin: 4px 18px 18px 0;
	width: 139px;
	height: 200px;
}

.photo-news-right {
	float: right;
	/* border: 1px solid #999; */
	margin: 4px 0 18px 18px;
	/* width: 350px; */
	/* height: 233px; */
}

.photos-tn {
	border: 1px solid #999;
	width: 110px;
	height: 73px;
}

.photos-tn-square {
	border: 1px solid #999;
	width: 110px;
	height: 110px;
}

.logo-facebook {
	border: 0;
	float: left;
	margin-right: 4px;
	width: 14px;
	height: 14px;
}

.logo_rss {
	border: 0;
	float: left;
	margin-right: 4px;
	width: 15px;
	height: 15px;
}

/* -------------------- */

/* ----- Blockquote ----- */

blockquote {
	display: block;
	float: right;
	margin: 0 18px 18px 18px;
	padding: 9px;
	width: 170px;
	border: 1px dotted #C2DAB6;
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	line-height: 15px;
	color: #598344;
}

.bqstart {
	display: block;
	float: left;
	font-size: 70px;
	color: #598344;
	height: 20px;
	width: 20px;
	margin-right: 9px;
	margin-bottom: -20px;
	margin-left: -2px;
	padding-top: 23px;
}

.bqend {
	display: block;
	float: right;
	font-size: 600%;
	color: #598344;
	height: 20px;
	width: 20px;
	margin-top: -35px;
	margin-bottom: -40px;
	padding-top: 60px;
}

#quoteref {
	margin: 5px 0 0 0;
	text-align: left;
	font-size: 0.8em;
	font-style: italic;
}

/* -------------------- */

/* ----- Species lists ----- */

#table-photos, #table-photos-numbers {
	margin: 0 18px 18px 18px;	
	border: 0;
	padding: 0;
}

#table-photos td {
	border: 0;
	/* padding-right: 6px; */
	padding: 0 6px 6px 0;
}

#table-photos-numbers td {
	border: 0;
	padding-right: 6px;
}

.table-photos-titlerow, .table-photos-numbers-titlerow {
	color: #598344;
	font-weight: bold;
	padding-bottom: 2px;
}

#table-photos p {
	border: 0;
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 0.9em;
	color: #598344;
	font-weight: bold;
}

.label {
	border: 0;
	font-size: 0.7em;
	padding-bottom: 4px;
	color: #999;
}

#table-specieslist {
	margin: 0 18px 18px 18px;
	border: 0;
}

#table-specieslist td {
	padding-bottom: 3px;
	vertical-align: top;
	font-family: Arial, Verdana, Helvetica;
	font-size: 0.9em;
}

.table-specieslist-titlerow {
	color: #598344;
	font-weight: bold;
	padding-top: 8px;
}

.table-latin {
	font-style: italic;
}

#table-key-birdlist {
	margin: 0 18px 18px 18px;
	font-family: Arial, Verdana, Helvetica;
	font-size: 0.9em;
}

.table-key-birdlist-titlerow {
	color: #598344;
	font-weight: bold;
}

/* -------------------- */

/* ----- Table - Thumbnails ----- */

#table-thumbnails-titlerow {
	margin: 0 18px 0 12px;
	border: 0;
	padding: 0;
}

.table-thumbnails-titlerow {
	color: #598344;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: left;
}

#table-thumbnails {
	margin: 0 18px 9px 12px; /* Left and bottom margin reduced by 6px and 9px to cancel out cellspacing and .label height */
	border: 0;
	padding: 0;
	/* background-color: red; */
}

#table-thumbnails td {
	padding: 0;
	text-align: center;
	width: 110px;
}

.table-thumbnails {
	border: 1px solid #DCDCDC;
	height: 110px;
	width: 110px;
}

.tn-thumbnails-land {
	border: 0;
	width: 110px;
}

.tn-thumbnails-port {
	border: 0;
	height: 110px;
}

.label-moths {
	border: 0;
	font-size: 0.8em; /* 0.7em; */
	color: #333;
	height: 23px;
	vertical-align: top;
	font-style: italic;
}

.label-unmoths {
	border: 0;
	font-size: 0.8em; /* 0.7em; */
	color: #333;
	height: 23px;
	vertical-align: top;
}

/* -------------------- */

/* ---------------------------------------------------------- 
	4. HOME 
-----------------------------------------------------------*/

.home #content {
	/* background-color: red; */
	width: 389px; /* 397px; */
}

#rightcol {
	position: relative;
	float: right;
	display: block;
	padding: 50px 18px 10px 0;
	width: 232px; /* 225px; 150px; */
	/* height: 70px; */
	text-align: right;
	border: 0;
	/* margin-left: 18px; */
	/* background-color: blue; */
}

.home_image_links {
	border: 0;
	margin-bottom: 5px;
	width: 232px; /* 225px; */
	height: 98px; /* 95px; */
}

/* ---------------------------------------------------------- 
	5. HISTORY 
-----------------------------------------------------------*/

#table-timeline {
	margin: 15px 18px 18px 18px;
}

#table-timeline td {
	vertical-align: top;
}

.td-timeline-bottom {
	padding-bottom: 15px;
}

.table-timeline-datecol {
	padding: 0;
	color: #598344;
	font-weight: bold;
	width: 50px;
	background-image: url(../images/timeline.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

.table-timeline-line {
	width: 1px;
	background-color: #999;
	border-bottom: 2px solid #FFF;
	padding: 0;
}

#timelinelist {
	margin: 0 0 0 35px;
}

#timelinelist li {
	list-style: square; /* circle outside; */
	color: #598344;
	padding: 0.1em 0;
}

.timelinelisttext {
	color: #333;
}

/* ---------------------------------------------------------- 
	6. ACKNOWLEDGEMENTS 
-----------------------------------------------------------*/

#acknowledgments {
	margin: 0 0 18px 0;
}

#acknowledgments li {
	margin: 0 0 0 40px;
	list-style: none;
}

/* ---------------------------------------------------------- 
	7. VOLUNTEER 
-----------------------------------------------------------*/

#volunteerlist {
	margin: 0 18px 18px 30px;
}

#volunteerlist li, #timelinelist li {
	line-height: 1.4em;
	list-style: round;
}

#table-volunteer {
	border: 1px solid #C2DAB6;
	margin: 0 18px 18px 18px;
}

#table-volunteer td {
	vertical-align: top;
	padding: 10px;
}

.table-volunteer-titlecol {
	padding: 0;
	color: #598344;
	font-weight: bold;
	width: 100px;
}

/* ---------------------------------------------------------- 
	8. DONATIONS 
-----------------------------------------------------------*/

#table-donations {
	border: 1px solid #C2DAB6;
	margin: 0 18px 18px 18px;
}

#table-donations td {
	vertical-align: top;
	padding: 10px;
}

.table-donations-titlerow {
	padding: 0;
	color: #598344;
	font-weight: bold;
	width: 100px;
}

/* ---------------------------------------------------------- 
	9. TRAILS 
-----------------------------------------------------------*/

.elfin {
	font-weight: bold;
	color: #C00;
}

.lost {
	font-weight: bold;
	color: #009;
}

.nursery {
	font-weight: bold;
	color: #009;
}

.papagaio {
	font-weight: bold;
	color: #000;
}

.smallwetland {
	font-weight: bold;
	color: #FC0;
}

.waterfall {
	font-weight: bold;
	color: #060;
}

/* ---------------------------------------------------------- 
	10. LITERATURE 
-----------------------------------------------------------*/

#nhbs {
	position: relative;
	float: left;
	display: block;
	padding: 0 18px 18px 18px;
	width: 560px;
}

/* ---------------------------------------------------------- 
	11. LOCATION 
-----------------------------------------------------------*/

div#googlemap {
	width: 500px;
	height: 350px;
	margin: 5px 0 30px 18px;
}

/* ---------------------------------------------------------- 
	12. LATEST NEWS 
-----------------------------------------------------------*/

#latestnews li {
	margin: 0 14px;
	padding-bottom: 5px;
	font-size: 11px;
	color: #598344;
	list-style: none;
}

#newsitem {
	display: block;
	clear: both;
	margin-bottom: 30px;
	/* background-color: red; */
}

/* ---------------------------------------------------------- 
	13. NEWSLETTERS 
-----------------------------------------------------------*/

#newsletters p {
	padding: 0 18px 18px 18px;
	line-height: 1.2em;
}

#newsletters ul {
	margin-bottom: 18px;
}

#newsletters li {
	margin-left: 18px;
	line-height: 1.6;
	color: #333;
	list-style: none;
}

#latestnewsletter {
	position: relative;
	float: left;
	display: block;
	padding-bottom: 18px;
	width: 620px;
	/* background-color: red; */
}

#newsletters-2 ul {
	margin-bottom: 18px;
	padding-bottom: 18px;
}

#newsletters-2 li {
	margin-left: 18px;
	line-height: 1.6;
	color: #333;
	list-style: none;
}

/* ---------------------------------------------------------- 
	14. LINKS 
-----------------------------------------------------------*/

#table-links {
	border: 0;
	margin: 0 18px 0 18px;
	padding: 0;
}

#table-links td {
	vertical-align: middle;
	padding-bottom: 28px;
}

.links-image {
	text-align: center;
	padding-right: 15px;
	width: 175px;
}

.links-text {
	width: 410px;
}

#links {
	margin: 0 18px 18px 18px;
}

#links li {
	line-height: 1.6;
	list-style: none;
}

/* ---------------------------------------------------------- 
	15. CONTACT US 
-----------------------------------------------------------*/

#table-address {
	border: 0;
	margin: 0 0 25px 18px;
	padding: 0;
}

#table-address td {
	vertical-align: top;
}

.table-address-titlecol {
	padding: 0 10px 0 0;
	color: #598344;
	font-weight: bold;
	width: 70px;
}

/* ---------------------------------------------------------- 
	16. BIODIVERSITY 
-----------------------------------------------------------*/

.biodiversity #wrapper {
	background-image: url("../images/biodiversity-bg-view-320.jpg"); background-attachment: relative; background-position: bottom left; /* 0 1494px; /* 0 1370px; - before orchids section added 1494 */ background-repeat: no-repeat;
	/* height: 3000px; */
	/* background-color: red;  */
}

.biodiversity #content {
	background-color: transparent;
	margin-bottom: 280px; /* 312px 280 265px; */
}

div#biodiversity, .biodiv {
	position: relative;
	display: block;
	height: 100px;
	margin: 0 18px 18px 18px; /* 0 18px 18px 18px; */
	padding-bottom: 20px;
	border-bottom: 1px dashed #999;
	/* background-color: pink; */
}

.biodiversity h3, .biodiversity h3 a {
	margin: -5px 0 0 0;
	padding: 0;
	/* background-color: red; */
	font-size: 13px; /* 1em; */
	/* line-height: 13px; /* 1em; */
}

#biodiversity p, .biodiv p {
	padding: 0;
	/* background-color: blue; */
}

#biodiversitybox h1 {
	font-size: 1em;
	color: #598344;
	text-align: left;
}

div#biodiversitydiv a {
	font-size: 20px;
	color: #36C;
	text-decoration: none;
}

/* #table-biodiversity a {
	color: #598344;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}

#table-biodiversity a:hover {
	text-decoration: underline;
}

#table-biodiversity {
	margin: 0 18px 0 18px;
	border: 0;
}

#table-biodiversity td {
	padding: 0 18px 18px 0;
	vertical-align: top;
	font-family: Arial, Verdana, Helvetica;
	font-size: 0.9em;
	background-color: #FFF;
}

#table-biodiversity-old {
	margin: 200px 18px 0 18px;
	border: 0;
}

#table-biodiversity-old td {
	padding: 0 18px 18px 0;
	vertical-align: top;
	font-family: Arial, Verdana, Helvetica;
	font-size: 0.9em;
	background-color: #FFF;
} */

.img-biodiversity {
	float: left;
	border: 1px solid #999;
	margin-right: 18px;
	width: 150px;
	height: 100px;
}

/* ---------------------------------------------------------- 
	17. WETLANDS 
-----------------------------------------------------------*/

#div-image {
	display: block;
	border: 0;
	margin: 0 18px 15px 18px; /* Bottom margin is less than 18px because table cells have a bottom margin of 8px as well */
}

#table-div-image {
	border: 0;
	margin-bottom: 8px;
	padding: 0;
	font-family: Arial, Verdana, Helvetica;
	/* color: #666; */
	font-size: 0.85em;
	line-height: 1.2em;
	font-weight: normal;
}

#table-div-image td {
	vertical-align: top;
}

.table-div-image-gap {
	padding-right: 5px;
}

/* ---------------------------------------------------------- 
	18. YOUNG RANGERS 
-----------------------------------------------------------*/

#table-youngrangers {
	border: 1px solid #C2DAB6;
	margin: 0 18px 18px 18px;
}

#table-youngrangers td {
	vertical-align: top;
	padding: 10px;
}

.table-youngrangers-titlecell {
	padding: 0;
	color: #598344;
	font-weight: bold;
}

/* ---------------------------------------------------------- 
	19. SITE MAP 
-----------------------------------------------------------*/

#sitemapdiv {
	padding: 0 18px 18px 0;
}

#sitemap li, #sitemap-2 li, #sitemap-3 li, #sitemap-4 li {
	line-height: 1.8em;
	font-size: 0.9em;
	color: #468C46;
}

#sitemap-2 li, #sitemap-3 li, #sitemap-4 li {
	list-style: circle;
}

#sitemap li {
	Margin-left: 40px;
	font-weight: bold;
	list-style: round;
}

#sitemap-2 li {
	Margin-left: 80px;
}

#sitemap-3 li {
	Margin-left: 120px;
}

#sitemap-4 li {
	Margin-left: 160px;
}

/* ---------------------------------------------------------- 
	20. POPUP WINDOW 
-----------------------------------------------------------*/

body#popup {
	background-color: white;
	text-align: center;
}

body#popup h5 {
	margin: 0;
	padding: 6px 0;
	font-size: 0.8em;
	color: #598344;
}

.popup {
	border: 1px solid #999;
	width: 500px;
	/* height: 333px; */
	margin-bottom: 1px;
}

.popup-port {
	border: 1px solid #999;
	/* width: 500px; */
	height: 400px;
	margin-bottom: 1px;
}

#popup-photo {
	display: block;
	position: relative;
	clear: both;
	margin: auto;
	padding: 1px 0;
	text-align: center;
	width: 500px;
	height: 440px;
}

body#popup p {
	font-size: 0.7em;
	color: #999;
	text-align: center;
	margin: 8px 0 15px 0;
}

body#popup a {
	text-decoration: none;
	color: #36C;
	font-size: 0.8em;
}

body#popup a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------------------- 
	21. GUAPI ASSU BIRD LODGE WEBSITE 
-----------------------------------------------------------*/

/* #collage {
	position: relative;
	float: right;
	display: block;
	width: 150px;
	padding: 51px 18px 0 18px;
} */

.logo-gabl {
	border: 0;
	width: 115px;
	height: 115px;
	margin: 25px 0 0 7px;
}

#table-rates {
	border: 1px solid #C2DAB6;
	margin: 0 18px 18px 18px;
	font-family: Arial, Verdana, Helvetica;
	font-size: 0.9em;
}

#table-rates td {
	vertical-align: top;
	padding: 2px 5px;
}

.table-rates-titlecol {
	padding: 0;
	/* color: #598344; */
	font-weight: bold;
	width: 100px;
}

#table-specialitybirds {
	margin: 0 18px;
}

#table-specialitybirds td {
	padding-bottom: 18px;
	vertical-align: top;
	line-height: 1.4em;
	font-size: 0.9em;
}

div#photomonthcol {
	position: relative;
	float: right;
	width: 170px;
	height: 400px;
	margin: 0;
	padding: 12px 12px 0px 12px;
	background-color: #E4F0DC;
	color: #333;
}

div#photomonthcoltn {
	/* width: 117px; */
	margin: 10px auto;
	text-align: center;
}

.month {
	border: 0;
}

div#photomonthcol p {
	padding-bottom: 12px;
	font-size: 11px;
}

div#photomonthcol p.enlarge-land, div#photomonthcol p.enlarge-port {
	color: #999;
	font-size: 9px;
	text-align: right;
	margin: 0;
	padding: 0;
}

div#photomonthcol p.enlarge-land {
	width: 170px;
}

div#photomonthcol p.enlarge-port {
	margin: 0 auto;
	width: 117px;
}

div#photomonthcol h2 {
	padding: 0;
	font-size: 16px;
	color: #598344;
}

div#photomonthcol h3 {
	padding: 0;
	font-size: 14px;
}

div#photomonthcol h4 {
	font-size: 11px;
	font-style: italic;
	padding-bottom: 8px;
	font-weight: bold;
}

.gablhome #content{
	width: 445px;
	float: left;
}

/* ---------------------------------------------------------- 
	22. PHOTO OF THE MONTH 
-----------------------------------------------------------*/

.photoofmonthitem, .photoofmonthitem-port, .photoofmonthitembottom {
	width: 622px;
	margin: 0 0 40px 18px;
	padding: 0;
}

.photoofmonthitem-port {
	height: 418px;
}

.photoofmonthitembottom {
	margin-bottom: 0;
}

.photoofmonth-port {
	float: left;
	margin-right: 18px;
	padding-bottom: 18px;
	width: 267px;
	height: 400px;
}

.photoofmonth-land {
	margin-left: 110px;
	padding-bottom: 18px;
	width: 400px;
	height: 267px;
}

.photoofmonth #content h2 {
	margin: 0;
	padding: 0;
	font-size: 17px;
	color: #598344;
	font-weight: bold;
}

.photoofmonth #content h3 {
	margin: 0;
	padding: 0;
	font-size: 17px;
	color: #333;
}

.photoofmonth #content h4 {
	margin: 0;
	padding: 0 0 18px 0;
	font-size: 12px;
	font-style: italic;
	font-family: Arial, Verdana, Helvetica;
	color: #333;
}

.photoofmonth #content .photoofmonthitem p {
	padding: 0 18px 18px 0;
}

/* ---------------------------------------------------------- 
	23. TRIP REPORTS 
-----------------------------------------------------------*/

.tripreports #content h2 {
	padding: 5px 18px 0 18px;
	font-size: 16px;
	color: #999;
}

.tripreports #content ul {
	margin: 0 18px 18px 18px;
}

.tripreports #content li {
	line-height: 1.4;
	list-style: none;
}



/* extra stuff */

div#gablphotos {
	position: relative;
	float: right;
	width: 194px;
	/* height: 400px; */
	margin: 0;
	/* padding: 12px 12px 0px 12px; */
	background-color: #E4F0DC;
	color: #333;
	text-align: right;
}