@charset "utf-8";

/*

	Copyright 2007 Martin Winter, martinwinter.com

 */


body {
	width: 900px;
	margin: 40px auto 40px auto; padding: 0;
	font: 15px/150% Georgia, Times, serif;
	/*background: #640 url(gradient.gif) repeat-x top;*/
	background: #4d3300;
}

#container {
	margin: 0;
	padding: 60px 0 60px 0;
	background: #fff;
}

#header {
	margin: 0;
	padding: 0;
	background: #c90;
}

#nav-level-1 {
	height: 1.5em;
	font: 10px/150% Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	background: #fc0;
}
#nav-level-1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav-level-1 li {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
}
#nav-level-1 #language {
	float: right;
	padding: 0 20px 0 0;
}
#nav-level-1 a:link 	{ color: #960; }
#nav-level-1 a:visited	{ color: #960; }
#nav-level-1 a:hover	{ color: #c90; }
#nav-level-1 a:active	{ color: #fff; }
#nav-level-1 #selected-link {
	color: #f30;
}

#nav-level-2 {
	float: left;
	display: inline; /* IE6 hack to avoid doubling of left margin */
	width: 180px;
	margin: 0 0 0 20px;
	padding: 0;
	font: 10px/200% Verdana, Arial, sans-serif;
	font-weight: bold;
}
#nav-level-2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav-level-2 li {
	margin: 0;
	padding: 0;
}
#nav-level-2 a:link 	{ color: #960; }
#nav-level-2 a:visited	{ color: #960; }
#nav-level-2 a:hover	{ color: #c90; }
#nav-level-2 a:active	{ color: #fc0; }
#nav-level-2 #selected-link {
	color: #f30;
}

#nav-level-3 {
	margin: 0 0 0 1em;
	font: 10px/150% Verdana, Arial, sans-serif;
	font-weight: normal;
}
#nav-level-3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav-level-3 li {
	margin: 0;
	padding: 0;
}
#nav-level-3 a:link 	{ color: #960; }
#nav-level-3 a:visited	{ color: #960; }
#nav-level-3 a:hover	{ color: #c90; }
#nav-level-3 a:active	{ color: #fc0; }
#nav-level-3 #selected-link {
	color: #f30;
}

#sidebar {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}

#content {
	margin: 0 214px 0 220px; /* Right margin should be 220px, but IE6 pushes content below floated elements */
	padding: 0;
	background: #fff;
	position:relative;
}

#gallery-content {
	margin: 0 40px 0 220px;
	padding: 0;
	background: #fff;
}

.clearer {
	clear: both;
	height: 0;
	font-size: 1px;
	border: none;
	margin: 0; padding: 0;
	background: transparent;
	/*line-height: 1px;
	display: block;*/
}

#footer {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font: 10px/150% Verdana, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #640;
	background: #fc0;
}
#footer p {
	text-align: right;
	margin: 0 20px 0 20px;
	padding: 0;
}

a {
	text-decoration: none;
}
a:link 		{ color: #960; }
a:visited	{ color: #640; }
a:hover		{ color: #c90; }
a:active	{ color: #fc0; }

/* General code for tags using text replaced by images. */
#header h1 {
	display: block;
	overflow: hidden;
	border: none;
	font-size: 0.0; line-height: 0.0;
	text-decoration: none; text-indent: -9999px;
	background: transparent no-repeat 0 0;
}

#header h1 {
	margin: 0;
	width: 900px;
	height: 100px;
	background: #c90 url(header.gif);
}

#content h1 {
	font: 22px/120% Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 0.75em 0;
	padding: 0;
	color: #640;
}
#content h2 {
	font: 16px/120% Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	padding: 0;
	color: #640;
}
#content h3 {
	font: 13px/120% Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 0.20em 0;
	padding: 0;
	color: #640;
}
#content p {
	margin: 0 0 1em 0;
	padding: 0;
}

#mail {
	background: #ffd;
	padding: 10px;
	margin-bottom: 30px;
}
#mail .label {
	font: 10px/150% Verdana, Arial, sans-serif;
	font-weight: bold;
	display: block;
	float: left;
	width: 120px;
	margin-bottom: 10px;
	padding-right: 20px;
	text-align: right;
}
#mail input {
	display: block;
	float: left;
	width: 300px;
	margin: 0;
}
#mail input.button {
	width: 120px;
	margin: 0;
}
#mail textarea {
	width: 300px;
	height: 10em;
	margin: 0;
}

.travelinfo {
	font: 10px/150% Verdana, Arial, sans-serif;
	text-align: center;
	background: #ffd;
	border-spacing: 0;
}
.travelinfo th {
	padding: 1em;
	background: #ffd;
}
.travelinfo td {
	padding: 1em;
}

.accountinfo {
	font: 11px/150% Verdana, Arial, sans-serif;
	background: #ffd;
	margin: 2em 0 2em 0;
	padding: 1em;
}
.accountinfo td {
	padding: 0.5em;
}

#sidebar img {
	float: right;
	margin: 0 0 5px 0;
	padding: 0;
}

img.left {
	clear: both;
	margin: 1em 0 0 0;
	padding: 0;
}

.gallery-thumbnails p {
	margin: 0;
	padding: 0;
	line-height: 160px;
}

.gallery-thumbnails img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}

.gallery-thumbnail {
	float: left;
	text-align: center;
	width: 160px;
	height: 160px;
	margin: 0 70px 20px 0;
}

.gallery-thumbnail-last {
	float: left;
	text-align: center;
	width: 160px;
	height: 160px;
	margin: 0 0 20px 0;
}

.gallery-highres {
}

.gallery-highres img {
	margin: 0;
	padding: 0;
	border: none;
}


.gallery-nav {
	background: #ffd;
	height: 1.5em;
	font: 10px/150% Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}
.gallery-nav a:link 	{ color: #960; }
.gallery-nav a:visited	{ color: #960; }
.gallery-nav a:hover	{ color: #c90; }
.gallery-nav a:active	{ color: #fff; }
.gallery-nav #selected-link {
	color: #f30;
}


.left-column {
	width: 225px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.right-column {
	width: 225px;
	float: right;
	margin: 0 0 0 5px;
	padding: 0;
}

.start-link {
	height: 1.5em;
	font: 12px/150% Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 0;
}
.start-link a:link 		{ color: #960; }
.start-link a:visited	{ color: #960; }
.start-link a:hover		{ color: #c90; }
.start-link a:active	{ color: #fc0; }

/* PayPal / Donate block */
#paypal {
	position: absolute;
	right: -200px;
	top: -50px;
	text-align: right;
}