/* Body
----------------------*/
body {
  font-family: Georgia, serif, Times New Roman, Times;
  color: black;
  background: white;
  padding: 0;
  margin: 0;
}


/* Links
----------------------*/
a, a:visited {
  color: #555533;
}

a:hover {
  text-decoration: underline;
  background: #f5f5ff;
}

.noline
{
  color: #555533;
  text-decoration: none;
}


/* Images
----------------------*/
img {
  border-style: none;
}


/* Tables
----------------------*/
table {
  border-collapse: collapse;
}


/* Clear
----------------------*/
.clear {
  clear: both;
}


/* Header and footer
----------------------*/
h1 {
  padding: 0;
  margin: 0;
}

h2 {
  color: #555533;
  font-size: 110%;
  font-weight: bold;
}

h2 a {
  font-size: 110%;
  text-decoration: none;
}

#header {
  clear: both;
  border: 1px solid #ddddbb;
  color: #555533;
  background: #ddddbb;
}

#footer {
  clear: both;
  border-top: 1px dotted #ddddbb;
}

#header,
#footer {
  padding: 0.5em 15px 1em 15px;
  margin: 0;
}

#footer p {
	font-family: Verdana, Sans-serif;
  border-top: 1px dotted #ddddbb;
}

#header img {
  clear: both;
  float: left;
  margin: 0 10px 10px 0;
}

#header h1 {
  font-style: italic;
  font-weight: bold;
}

#subheading {
  font-size: 1.1em;
  font-style: italic;  font-weight: bold;
}

.backtotop {
	font-family: Verdana, Sans-serif;
  font-size: 0.7em;
  font-weight: normal;
  clear: both;
}


/* Error
----------------------*/
.error {
  color: red;
}

/* Dim
----------------------*/
.dim {
	color: #efefef;
}


/* Hidden
----------------------*/
.hidden {
  display: none;
}


/* Content
----------------------*/
.content {
	width: auto;
	min-width: 220px;
	padding: 10px;
	z-index: 3;
  color: black;
  background: white;
  padding: 0.5em 15px 1em 15px;
	margin: 10px 10px 0 122px;
}

.content h2 a,
.content h2 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

.content p {
  font-size: 0.9em;
  margin-top: 5px;
  margin-bottom: 0px;
}

.content-image img {
  margin: 5px 1em 0 0;
}

.content li {
  font-size: 0.9em;
}

.teaser-pic-odd img {
  float: right;
  margin: 0 0 20px 1em;
}

.teaser-pic-even img {
  float: left;
  margin: 0 1em 20px 0;
}

.icon img {
  float: left;
  margin-left: -120px;
  z-index: 1;
}

.rule {
  clear: both;
  border-top: 1px dotted #ddddbb;
}

.odd {
  background: #f5f5f5;
}

.even {
  background: white;
}

.caption {
	font-family: Verdana, Sans-serif;
  font-size: 70%;
  font-weight: normal;
}

.quote {
  padding: 20px;
}


/* Forms
----------------------*/
form {
  padding: 0;
  margin: 0;
}

label {
	cursor: pointer;
}

input.text {
  padding-left: 0.3em;
	background: #f5f5f0;
	font-family: Verdana, Sans-serif;
  font-weight: normal;
	border: solid 1px #555533;
}

textarea {
	background: #f5f5f0;
	font-family: Verdana, Sans-serif;  font-weight: normal;
	border: solid 1px #555533;
}

input.button {
  margin: 0;
  color: #555533;
  background: #ddddbb;
	cursor: pointer;
  border: solid 1px #555533; margin: 0;
}


/* Comments
----------------------*/
#login input {
  font-weight: normal;
  font-size: 1em;
}

#login input.text {
  width: 100px;
}

/* Comments
----------------------*/
#comment {
  clear: both;
  font-size: 70%;
  font-weight: normal;
	font-family: Verdana, Sans-serif;
  margin: 0;
  padding: 0.5em 15px 1em 5px;
}

.comment-even {
  color: black;
  background: white;
}

.comment-odd {
  background: #f5f5f5;
}

#comment input {
  font-size: 100%;
  font-weight: normal;
}

#comment th {
  font-weight: bold;
  text-align: left;
  color: #555533;
  background: #ddddbb;
	padding: 0 0 0 1em;
}

.comment-date {
/*  vertical-align: center; */
  text-align: right;
	vertical-align: top;
	padding: 0 1em 0 0;
  width: 10%;
}

.comment-user {
  text-align: left; 
  vertical-align: top; 
  width: 15%;
}

.comment-text {
  text-align: left;
  vertical-align: top;
}


/* Contact
----------------------*/
#contact-form {
  font-family: Georgia, serif, Times New Roman, Times;
}

#contact-mail {
  font-family: Georgia, serif, Times New Roman, Times;
}

#contact-form td,
#contact-mail td {
  padding-right: 1em;
  vertical-align: top;
}

#contact-form input.text,
#contact-form textarea {
  width: 300px;
}


/* Breadcrumbs
----------------------*/
.breadcrumbs {
  text-decoration: none;
  font-size: 70%;
  font-weight: normal;
	font-family: Verdana, Sans-serif;
  padding: 0.5em 15px 0px 2em;
}

.breadcrumb-separator {
  font-size: 120%;
}

/* Site Menu
----------------------*/
#site-menu {
  color: #555533;
  background: #ddddbb;
	font-family: Verdana, Sans-serif;
  font-size: 70%;
  font-weight: normal;
  border-top: 1px solid #ddddbb;
  border-right: 1px solid #ddddbb;
  border-bottom: 1px solid #555533;
  border-left: 1px solid #ddddbb;
  padding: 0.2em 0 0.4em 0.5em;
}

.site-menu-off,
.site-menu-on {
  padding: 0.2em 0.5em 0.4em 0.5em;
  margin: 0 0 0 1em;
}

.site-menu-on {
  color: black;
  background: white;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid white;
  border-left: 1px solid black;
}

/* Page Menu
----------------------*/
#page-menu {
  z-index: 5;
  width: 20%;
  float: right;
	background: white;
}

.page-box {
	font-family: Verdana, Sans-serif;
  font-size: 70%;
  font-weight: normal;
  border-left: 1px solid #555533;
  margin: 10px 1em 25px 0.5em;
  padding: 0 0 0 1em;
}

.page-box p {
  margin: 0 0 0.5em 0;
}

.page-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
  
.page-box a {
  text-decoration: none;
}
  
.page-box a:hover {
  text-decoration: underline;
}

.page-box li {
  color: #9b9b9b;
  margin: 0 0 0 0.3em;
  line-height: 140%;
}


/* Thumbnails
----------------------*/
.thumbnails {
  float: left;
/*  clear: top; */
	width: auto;
	margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 20px;
	padding: 10px;
	z-index: 3;
}

.thumbnails-title {
  font-size: 90%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.thumbnails td {
  padding-bottom: 20px;
  padding-right: 3em;
}


/* Photo
----------------------*/
.photo-nav {
	font-family: Verdana, Sans-serif;
  font-size: 70%;
  font-weight: normal;
  text-decoration: none;
  padding: 0.5em 15px 0px 2em;
}

.photo {
  color: black;
  background: white;
  margin: 10px 1em 0 40px;
  padding: 0.5em 15px 1em 15px;
	z-index: 3;
/*  clear: top; */
}

.photo p {
  font-size: 0.9em;
  margin-top: 5px;
  margin-bottom: 0px;
}

.photo h2 a,
.photo h2 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

.byline {
	font-family: Verdana, Sans-serif;
  font-size: 0.7em;
  font-weight: normal;
  color: #333333;
  padding: 0;
  margin: 0.3em 0 1em 0;
}

.geopic {
  padding: 0.2em 0 0 0;
}

.geopic img {
  padding: 4px;
  border: 1px black solid;
}


/* Box
----------------------*/
.box {
  width: 100px;
	height: 150px;
  background: #ddddbb;
  border: 1px solid #333333;
	font-family: Verdana, Sans-serif;
  font-size: 70%;
  font-weight: normal;
  text-decoration: none;
	padding: 5px 5px 0 5px;
}

.box-separator {
  font-size: 180%;
}

.box ul {
  list-style: none;
  border: none;
  margin: 0 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.box li {
  margin: 0.5em 0 0 0;
}