/* Stylesheet by Artificial Studio - www.artificialstudio.com */

/*-------------------------------------------------------------- SET UP DEFAULTS*/

html, body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 100.02%;
	background-color: #baac93;
}

#wrapper {
	height: auto;
	width: 100%;
	margin: 0 auto 0 auto;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/headbg.jpg) top center repeat-x;
}

#container {
	height: auto;
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	border: #847760 solid 1px;
	background-color: #e9e0cf;
}

body.tourfirst #content {
	margin-top: 20px;
}

#earth_issues table, #earth_issues tr, #earth_issues td {
	border: none;
	padding: 0px;
	margin: 0px;
	background: none;
	width: auto;
}

/*-------------------------------------------------------------- LINKS*/
a:link, a:visited, a:active { 
	color: #666666; 
	text-decoration: underline;
	outline: none;
}

a:hover { 
	color: #000000; 
}

a img {
    border: 0;
	padding: 0;
	margin: 0;
}

.tourbox {
	width: 180px;
	margin: 5px;
	margin-bottom: 15px;
	float: left;
}
#home .tourbox {
	width: 350px;
	padding: 0;
	border: 1px dashed #C5A98D;
	float:right;
	margin: 10px;
}
#home .tourbox th {
	height: 30px;
}
.tourbox img {
	padding: 4px 0 0 0;
}
.tourbox a.bluebutton {
	margin: 8px 5px 0 0;
	padding-top: -2px;
}

.joiner {
	width: 220px;
	float: none;
	border: 1px solid #fff;
}


/*-------------------------------------------------------------- HEADINGS & PARAGRAPHS*/
p {
	color: #5f250d;
	font-size: 12px;
	line-height: 18px;
	padding: 0 15px 0 15px;
}

#mapright #registerForm p {
	margin-top: 13px;
	margin-bottom: 13px;
}

h1 {
	font-size: 18px;
	color:#6a3019;
	font-weight:normal;
	text-transform:capitalize;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
}

#earth_issues #side_right h1 {
	background: none;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;	
	color:#6f5f4b;
	font-weight:normal;
	margin: 0px;
	clear: both;
	padding-left: 0px;
	margin-bottom: 5px;
}

#aboutus h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
}
#aboutus p {
	padding-bottom: 10px;
	line-height: 20px;
}

.animalclass {
	margin-bottom: 15px;
	padding: 15px;
	border:hidden;
	width: 300px;
}
#earth_issues #side_right .bluebutton {
	text-align: left;
	clear: both;
	margin-top: 0px;
}
#earth_issues #side_right {
	text-align: left;
	padding: 40px;
	padding-top: 20px;
	width: 318px;
	height: 450px;
}

h1.index {
	height: 45px;
	padding: 10px 0 0 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;	
	color:#5F250D;
	font-weight:bold;
	margin: -5px 0 -15px 0;
	display:block;
	letter-spacing: 0.5px;
	background:url(../images/h1.jpg) no-repeat bottom ;
}
#side_right h1.index {
	float:right;
	margin: -5px 15px -15px 0;
	color:#6a3019;
	font-size: 20px;
	text-align:right;
	font-style:italic;
	width: 300px
}
#tours h1.index {
	margin: 0 0 5px 0;
	background:url(../images/title.jpg) no-repeat top left;
	padding: 18px 0 0 60px;
	height: 42px;
}

#tours h1.notbold {
	font-weight:normal;
	background-image:none;
	padding: 14px 0 8px 7px;
	height: auto;
	font-size:24px;
}

h1.title {
	background:url(../images/title.jpg) top left no-repeat;
	width: 366px;
	height: 50px;
	padding: 18px 0 0 55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 21px;	
	color:#6f5f4b;
	font-weight:normal;
	margin: 10px 0px 5px 10px;
	display:block;
}

#tourtabbox h1 {
	background: url(../images/tour_h1.jpg) no-repeat top left;
	height: 27px;
	padding-left: 10px;
}

h2 {
	font-size: 16px;
	color:#5f250d;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 18px;
	line-height: 24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#6f5f4b;
	font-weight:normal;
	padding: 0px 0px 15px 30px;
	margin: 0px;
}

#home h3 {
	width: 160px;
	float: left;
	font-size: 14px;
	margin-top: 20px;
	padding-left: 15px;
}

.note {
	background: url(../images/note.jpg) right no-repeat;
	width: 170px;
	height: 193px;
	float: left;
	display: block;
	padding: 55px 0 0 25px;
}

.note p {
	padding: 0px;
	font-size: 11px;
	margin: 0px;
	line-height: 13.5px;
}

.georgia {
	font-family:Georgia, "Times New Roman", Times, serif;
}


/*-------------------------------------------------------------- COLOURS*/

.darkbrown {
	color:#5f250d;
	font-weight:bold;
}

/*-------------------------------------------------------------- TABLES*/
table {
	background-color:#d8cdba;
	vertical-align:top;
	margin-bottom: 3px;
}

th {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#5f250d;
	height: 20px;
	text-align:left;
	font-size:13px;
	padding: 3px;
	text-align:left;
	font-weight:normal;
}

tr {

}

#contactus table, #contactus td, #contactus tr, #contactus th {
	background: none;
	border: none;
}
#downloads td {
	border: 1px dashed #C5A98D;
}

td {
	background-color:#f3f0ea;
	padding: 5px;
}

.zeb td {
	background-color: #ede3d4;
	border-bottom: 1px solid #f3f0ea;
	border-right: 1px solid #f3f0ea;
}	

table.itin tr.zeb td {
	background-color: #ede3d4;
}

table.itin, .itin td, .itin tr {
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
	color: #5f250d;
}

table.itin {
	margin-left: 13px;
	padding-right: 18px;
}

.itin td {
	padding: 2px;
	border-bottom: 1px solid #e9e0cf;
}

hr {
	width: 95%;
	height: 1px;
}

#tourtabbox table{
	margin-left:10px;
}

#tourtabbox td {
	background-color:#e7e2db;
	padding: 5px 7px 3px 7px;
	color:#5f250d;
}

#tourtabbox th {
	background-color:#ddd7cc;
	text-transform:uppercase;
	border:none;
	width: 62px;
	padding: 5px 7px 3px 0px;
	font-size:11px;
	color: #835f48;
	font-weight: bold;
	text-align:right;
	height: 20px;
}

.left_column {
	color: #6f5f4b;
	padding: 1px 0px 0px 5px;
	line-height: 24px;
}

.right_colomn {
	color: #5f250d;
	padding: 1px 0px 0px 5px;
	line-height: 16px;
}

.bap {
	color: #6f5f4b;
	padding: 1px 0px 0px 5px;
	line-height: 16px;
}


/*-------------------------------------------------------------- FORMS*/
option {
	background-color:#e3c89d;
	color:#5f250d;
	border:none
}

input, select, textarea {
	font-size: 12px;
	font-family:"trebuchet MS", Arial, Verdana;
	color: #5f250d;
}	

select {
	background:url(../images/inputbg.jpg) top repeat-x;
	border: solid #e3c89d 1px;
}

textarea {	
	background:url(../images/inputbg.jpg) top repeat-x;
	background-color:#c1b5a4;
	border: inset #e3c89d 1px;
}

.submit, .submit2 {	
	background: url(../images/submit.jpg) left no-repeat;
	width: 81px;
	height: 25px;
	border: none;
	color:#000;
	text-align:center;
	margin: 0px;
	font-weight: bold;
	padding: 0px;
	font-size:11px;
	padding-bottom: 5px;
	padding-right: 6px;
	cursor: pointer;
}
.submit:hover, .submit2:hover {
	background:url(../images/submit.jpg) right no-repeat;
}


/*-------------------------------------------------------------- MY DIVS*/
#header {
	width: 801px;
	height: 383px;
	background: url(../images/img_home.jpg) top center no-repeat;
	text-align:center;
	padding: 0px;
	margin: 0px
}

#content {
	background-color: #e9e0cf;
	width: 800px;
	padding: 0;
}

#main {
	width: 380px;
	min-height: 180px;
	float: left;
	padding: 10px;
}

#tourright {
	width: 248px;
	float: left;
	margin: 10px 4px 0 13px;
	padding: 0px;
}

#tourview {
	width: 515px;
	min-height: 180px;
	float: right;
	padding: 10px;
	z-index: 10;
}
.toursviewback {
	background:url(../images/back.jpg) left top;
	float:right;
	height: 83px;
	width: 72px;
	position:absolute;
	right: 0;
}

.toursviewback:hover {
	background-position:right;
}


#side_right, #postcard {
	width: 398px;
	float: right;
	text-align:center;
	padding-top: 10px;

}
#earth_issues #side_right {
	background: url(../images/right.jpg) top right #e9e0cf;

}

#postcard input, #postcard textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color:#6d564e;
}

#downloads #side_right {
	height: 600px;
}

#postcard {
	width: 500px;
	height: auto;
	background: url(../images/postcard.jpg) no-repeat;
	float: right;
}

#postcard form {
	height: 350px;
}

.inv {
	background: none;
	border: none;
}

#postcard table {
	margin-top: 106px;
	margin-left: 15px;
}
#boards {
	width: 350px;
	height: 130px;
	display:block;
	padding-left: 60px;
}

#contactus #content {
}

#contactus #main {
	width: 240px;
	float:left;
	padding: 0px;
}
#contactus h2 {
	background: url(../images/pinnote.jpg) no-repeat top left;
	width: 230px;
	height:25px;
	margin-left: 10px;
	padding: 4px 2px 0 30px;
	color: #837076;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style: italic;
}

#side_right_tours {
	width: 200px;
	min-height: 500px;
	float: right;
	text-align:center;
	padding-top: 10px;
	
}

#gallery #main {
	width: 770px;
}

.pinnote {
	background: url(../images/pinnote.jpg) no-repeat top center;
	width: 366px;
	height: 25px;
	margin-left: 10px;
	padding: 10px 2px 2px 5px;
	color: #260d08;	
}

#gallery .pinnote {
	width: 190px;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
	background-position: left;
	padding-left: 30px;
	margin-left: 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
}

.album {
	display: block;
	width: 220px;
	float: left;
	margin: 17px;
	margin-bottom: 0px;
}

.album img {
	padding: 10px;
	margin: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.checklist {
	margin:0 0 0 -30px;
	z-index: 10;
	display:inline;
	width: 224px;
	padding: 0px;
}
.tourimage {
	float:right;
	padding: 10px 5px 0px 0px;
}

#quicksearch {
	width: 797px;
	height: 30px;
	padding: 10px 5px 0 0;
	z-index: 0;
	background:url(../images/searchbar.jpg) no-repeat top;
	color:#5F250D;
	text-align: right;
	margin: 0px;
}

#quicksearch h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	padding: 2px 0 0 0px;
	display: inline;
}

.dossier {
	background:url(../images/dossier.jpg) no-repeat left;
	width: 250px;
	height:50px;
	padding: 0 0 0 7px;
	border:none;
	margin: 3px 0 5px 0;
}

.dossier:hover {
	background-position:right;
}
/*-------------------------------------------------------------- MY DIVS*/
#footer {
	background:url(../images/footer.jpg) top center no-repeat;	
	width: 800px;
	height: 28px;
	clear: both;
	color:#FFFFFF;
}

#footer_left, #footer_right {
	float: left;
	padding: 7px;
	padding-bottom: 0px;
}

#footer_right {
	float: right;
	text-align: right;
}

#footer ul {
	margin: 0px;
	padding: 0px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #FFFFFF;
}

li {
	list-style-image:url(../images/bullet.gif);
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom:7px;
	color: #5f250d;
	font-size: 12px;
}
#back li {
	list-style-image:url(../images/arrow.gif);
	margin-left: 10px;
	padding-bottom:7px;
	color: #6f5f4b;
}
#footer li {
	float: left;
	list-style-type: none;
	padding-right: 20px;
	list-style-image:none;
	margin:0px
}
#footer li a {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	padding: 3px;
}
#footer li :hover{
	border-bottom: dotted #FFFFFF 1px;
	background-color:#5f250d;
}

#element_left {
	top: 100px;
	margin-left: 0px;
	height: 100%;
	z-index: 100;
	background: center left no-repeat;
}
/* right = bottom of page*/
#element_right {
	margin-right: 0px;
	height: 100%;
	z-index: 100;
	background: bottom left no-repeat;
}

#home #element_left {
	background-image: url(../images/elements/chamelion.png);
}
#tours #element_right {
	background-image: url(../images/elements/owl.png);
}
#aboutus #element_left {
	background-image: url(../images/elements/dragonfly.png);
}
#earth_issues #element_right {
	background-image: url(../images/elements/dungbeetle.png);
}
#gallery #element_left {
	background-image: url(../images/elements/kingfisher.png);
}
#downloads #element_right {
	background-image: url(../images/elements/butterfly.png);
}
#contactus #element_right {
	background-image: url(../images/elements/froggy.png);
}


#map {
	float: left;
	width: 530px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	margin-bottom: 20px;
	background-color: #e9e0cf;
}

#mapleft {
	float: left;
	padding-left: 10px;
	margin: 0px;
	width: 500px;
}

#mapright {
	width: 190px;
	height: 600px;
	float: right;
	margin:0px;
	padding: 0px;
	padding-top: 40px;
	margin-right: 25px;
	background:url(../images/searchscroll.jpg) top no-repeat;
}

#tourtabbox {
	width:480px;
	height: 500px;
	background-color:#f3f1ee;
	border-top: #70604c 3px solid;
	border-bottom: #70604c 3px solid;
	border-right: #d9d1c1 1px solid;
	border-left: #d9d1c1 1px solid;
	margin-top:15px;
}

.stylebut {
	padding: 10px 0 0 0;
}

.experiances {
	border: 1px dashed #cfb9a0;
	display:block;
	width: 227px;
	margin: 5px 1px 10px 1px;
	padding: 9px;
	line-height: 19px;
	background-color: #eee7da;
}
.experiances h3 {
	padding: 0 0 3px 0;
}
.experiances img {
	padding: 7px 0 0 0;
}

.experiances p {
	color: #514537;
	padding-left: 10px;
	font-size:12px;
}

.experiances p.small {
	font-size: 9px;
}

.experiances ul {
	padding-left: 0px;
	margin-left: 13px;
}

.experiances li {
	width: 200px;
	padding: 0 0 2px 0;
	line-height: 14px;
	font-style:normal;
	color: #514537;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(../images/rightnoteli.png);
}

/*-------------------------------------------------------------- NAVIGATION*/
#navigation {
	background-color: #DEDEDE;
	background: url(../images/navbg.jpg) top center no-repeat;
	width: 801px;
	height: 56px;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
}
#navigation li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	list-style-image:none;
}
#navigation a:link, #navigation a:active, #navigation a:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	padding: 19px;
	padding-top: 20px;
	padding-bottom: 17px;
}

.btn_home a:link, .btn_home a:active, .btn_home a:visited {
	margin: 0px;
	padding: 0px;
	display: block;
}

.btn_home a:hover, #home .btn_home { 
	background: url(../images/home_roll.jpg) top no-repeat !important;
}

.btn_tours a:hover, #tours .btn_tours { 
	background: url(../images/rollover.jpg) no-repeat;
}

.btn_aboutus a:hover, #aboutus .btn_aboutus { 
	background: url(../images/rollover.jpg) no-repeat;
}

.btn_gallery a:hover, #gallery .btn_gallery { 
	background: url(../images/gallery_roll.jpg) top no-repeat !important;
}

.btn_earth_issues a:hover, #earth_issues .btn_earth_issues a { 
	background: url(../images/earth_issues_roll.jpg) top no-repeat !important;
}
.btn_contactus a:hover, #contactus .btn_contact { 
	background: url(../images/contact_roll.jpg) top no-repeat !important;
}

.btn_downloads a:hover, #downloads .btn_downloads { 
	background: url(../images/rollover.jpg) no-repeat;
}

.btn_contactus a:hover, #contactus .btn_contactus { 
	background: url(../images/contact_roll.jpg) no-repeat;
}

.startright {
	margin-left: 100px;
}
.findoutmore {
	background:url(../images/button.jpg) left no-repeat;
	float: right;
	width: 84px;
	height: 14px;
	cursor: pointer;
	margin: 3px;
	padding: 3px;
	text-align: center;
}
.findoutmore:hover {
	background-position: right;
}
#map_results {
	width: 500px;
	padding: 0px;
	margin: 5px 5px 10px 5px;
	float: left;
}

#map_results table {
	margin-left: 20px;
}

#btn_az {
	background:url(../images/btn_az.jpg) top left no-repeat;
	width: 147px;
	height: 26px;
	margin-left:15px;
}
#btn_az:hover {
	background:url(../images/btn_az.jpg) top right no-repeat;
}
#btn_za {
	background:url(../images/btn_za.jpg) top left no-repeat;
	width: 147px;
	height: 26px;
	margin-left:15px;
}
#btn_za:hover {
	background:url(../images/btn_za.jpg) top right no-repeat;
}

input {
	background: url(../images/inputbg.jpg) bottom repeat-x;
	background-color: #e9e0cf;
	border: solid #c49c6d 1px;
	color: #5f250d;
	font-family:"trebuchet MS";
}

#log_res {
	padding: 5px;
	margin: 0px;
	margin-top: 0px;
	line-height: 18px;
	font-weight: normal;
	font-size: 11px;
	width: 520px;
}

.ajax-loading {
	background: url(../images/spinner.gif) no-repeat center;
	height: 30px;
	width: 250px;
	margin-left: 160px;
	margin-top: 100px;
	display: block;
}

.findoutmore a:link, .findoutmore a:visited, .findoutmore a:active, .findoutmore a {
	color: #FFFFFF;
	text-decoration: none;
}

a:link.popuptip, a:active.popuptip, a:visited.popuptip {
	border-bottom: 1px dotted #5F250D;
	cursor: help;
	text-decoration: none;
}

#tabs {
	margin: 0px;
	padding: 0px;
	background: url(../images/tab_bg.gif) repeat-x;
	height: 31px;
	width: 506px;
	float: none;
	border-bottom: 2px solid #6a3620;
}

#tabs li {
	float: left;
	list-style-image: none;
	list-style-type: none;
	height: 31px;
	background: url(../images/tab_left.gif) top left no-repeat;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

#tabs a:link, #tabs a:active, #tabs a:visited {
	background: url(../images/tab_right.gif) right no-repeat;
	display: block;
	height: 15px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px;
	border-bottom: 3px solid #6a3620;
}

#tabs a:hover {
	border-bottom: 3px solid #8da4b5;
	color: #afd3ed;
}

#myTabs {
	width:auto;

}
#tabs li a.selected {
	border-bottom: 3px solid #8da4b5;
	color: #afd3ed;
}

.tabpanel {
	background-color: #f2f1ed;
	position: relative;
	width: 506px;
	min-height: 300px;
	clear: both;
	overflow: display;
	border: 1px dashed #C5A98D;
}

#showmap, #hidemap, #tourstyles {
	display: block;
	width: 129px;
	height: 49px;
	float: right;
	margin: 0px;
}

#showmap {
	background: url(../images/show.jpg) left no-repeat;
	margin-right: -30px;
}

#hidemap {
	background: url(../images/hide.jpg) left no-repeat;
	margin-right: -30px;
}

#tourstyles {
	background: url(../images/tourstyles.jpg) left no-repeat;
}

#showmap:hover, #hidemap:hover, #tourstyles:hover {
	background-position: right;
}

#tours th {
	background: none;
	color: #E9E0CF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding-top: 5px;
	background-color: ##51311a;
}

table td tr.tourhead, #results table td tr.tourhead, .tourhead {
	background: url(../images/th.jpg) left top #51311a;	
}

a.bluebutton:link, a.bluebutton:visited, a.bluebutton:active {
	background: url(../images/bluebutton.jpg) left top;
	height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	text-decoration: none;
	border: 1px solid #507e9f;
	margin: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

a.bluebutton:hover {
	color: #000000;
	background-position: right;
}

a.bluebutton {
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 2px;
}

.dpTable td {
	padding: 2px;
	color: #5f250d;
}

.dpButtonTD, .dpTitleTD, .dpTodayButtonTD {
	background-color: #baac93;
	color: #FFFFFF;
	font-weight: bold;
}

.dpTDHover, .dpDayTD {
	background-color: #5f250d;
	color: #FFF !important;
	cursor: pointer;
}

.dpTodayButton, .dpButton {	
	background:url(../images/inputbg.jpg) top repeat-x;
	background-color:#c1b5a4;
	border: inset #e3c89d 1px;
	cursor: pointer;
}

table#print_photos {
	background: none;
	border: none;
	width: 95%;
}

#print_photos {
	margin-bottom: 20px;
	margin-left: 10px;
}

#print_photos img {
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #FFFFFF;
}

#print_photos img:hover, .album img:hover {
	background-color: #ccc;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}

.wpcontainer {
	height: 200px;
	width: 781px;
	border: 0px outset #333;
	background-color: #D8CDBA;
}

.wallpaper {
	float: left;
	margin: 0px;
}

.wpimage { 
	width: 243px;
	height: 150px;
	background-color: #F3F0EA;
	border: 1px dashed #C5A98D;
	padding: 5px;
	margin: 4px;
	margin-right: 0px;
	text-align: center;
}

.resolutions {
	width: 243px;
	height: 14px;
	background-color: #F3F0EA;
	border: 1px dashed #C5A98D;
	padding: 5px;
	margin: 4px;
	margin-right: 0px;
	text-align: center;
}

#main p img {
	padding: 10px;
}

.thumbimage {
	width: 100px;
	height: 75px;
	display: block;
	float: left;
	padding: 5px;
	margin: 5px;
	text-align: center;
}