body {
font-family:arial;
font-size:0.97em;
color: #333;
background: url(stuff/tree.jpg) no-repeat fixed right bottom;
background-color: #F9F9F0;
}

h2 {
font-size:1.20em;
}

td {
font-family:arial;
font-size:0.97em;
color: #333;
}

/** Main table with header, content and footer */
table.main {
border-collapse: collapse;
}

/** Header table cell */
td.header {
text-align: left;
vertical-align: bottom;	
border: 1px solid #aaaaaa;
margin: 0px;
width: 700px;
max-width:700px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 0px;
padding-right: 10px;
color: #000000; 
background: url(stuff/rinde.jpg) no-repeat;
}


/** Website title */
p.sitetitle {
font-family:arial;
font-size:1.45em;
letter-spacing: 1px; 
font-weight:bold; 
color: #000000;
text-align: left;
margin-left: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
padding: 0px;

}
p.sitetitle a {
margin: 0px;
color: #000000;
text-decoration: none;
background-color: transparent;
padding: 2px 10px 2px 10px;
}
p.sitetitle a:hover {
color: #000000 !important;
background-color: #F1EDCF;
border: 1px solid #564b47;
padding: 2px 9px 2px 9px;
}

/** Footer table cell */
td.footer {
text-align: center;
vertical-align: middle;	
border: 1px solid #aaaaaa;
margin: 0px;
width: 700px;
max-width: 700px;
padding: 5px 10px;
color: #000000; 
background-color: #F1EDCF;
}
td.footer a {
text-decoration: none;
background-color: #F1EDCF;
color: #000000 !important;
font-weight: bold;
}
td.footer a:hover {
text-decoration: underline;
background-color: #F1EDCF;
color: #000000 !important;
font-weight: bold;
}

/** History page */
td.history { 	
color: #333;
vertical-align: top;	
margin: 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #aaaaaa;
background-color: #F1EDCF;
}

td.history a {
text-decoration: underline;
color: #000000;
}
td.history a:visited { 
color: #8a8a8a; 
text-decoration: none; 
} 
td.history a:active { 
color: #000000; 
text-decoration: none; 
} 

td.moddate {
font-weight: bold;
padding-right: 10px;
text-align: left;
vertical-align: top;	
}


/** Main content image preview overview table cell */
td.imgprevover { 	
color: #333;
vertical-align: top;	
margin: 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #aaaaaa;
background-color: #F1EDCF;
}

/** Main content image table cell */
td.contimage { 	
color: #333;
text-align: left;
vertical-align: top;	
margin: 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #aaaaaa;
background-color: #F1EDCF;
width: 700px;
max-width:700px;
}

/** Image cell */
td.image {
margin: 0px;
padding: 0px;
text-align: center;	
}


/** Image Text cell */
td.imgtxt {
margin: 0px;
padding: 0px;
padding-bottom: 15px;
text-align: center;
color: #333;	
}

span.imgtxt {
border: 1px solid #bbbbbb;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
background-color: #F9F9F0;
}


/** Simple table cell with padding=0 or margin=0 */
td.simplecell {
margin: 0px;
padding: 0px;
}


/** Main content story table cell */
td.contstory { 
color: #000000;
text-align: left;
vertical-align: top;	
margin: 0px;
padding: 10px 20px 10px 20px;
border: 1px solid #aaaaaa;
background-color: #F1EDCF;
width: 700px;
max-width:700px;
}


/** Main content links table cell */
td.contlinks {
color: #000000;
text-align: center;
vertical-align: top;	
margin: 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #aaaaaa;
background-color: #F1EDCF;
width: 700px;
max-width:700px;
}

/** Table that conatins the links. */
table.links {
margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

/** Table cell that contains the link url. */
td.lnkhdr {
padding: 3px;
text-align: left;
vertical-align: top;
background-color: #F9F9F0;
border-top: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}

td.lnkhdr a {
text-decoration: underline;
color: #000000;
}

td.lnkhdr a:visited { 
color: #8a8a8a; 
text-decoration: none; 
} 

td.lnkhdr a:active { 
color: #000000; 
text-decoration: none; 
} 

td.lnkhdr a:hover { 
text-decoration: underline; 
} 

/** Table cell that contains the link text. */
td.linktxt {
padding: 3px;
margin-bottom: 10px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}

/** Main content contact table cell */
td.contcontact { 
color: #000000;
text-align: left;
vertical-align: top;	
margin: 0px;
padding-top: 10px;
padding-left: 20px;
padding-right: 0px;
padding-bottom: 25px;
border: 1px solid #aaaaaa;
background-color: #F1EDCF;
width: 700px;
max-width:700px;
}

/** Main content lyric table cell */
td.contlyric { 
color: #000000;
text-align: center;
vertical-align: top;	
margin: 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #aaaaaa;
background-color: #F1EDCF;
width: 700px;
max-width:700px;
}

/* Spacer in the main table. */
td.mainspacer {
padding: 0;
margin: 0;
}

/** List of lyric links container. */
#listlyric {
text-align: center;
margin: 0px;
padding: 0px;
line-height:1.5em;
}


#listlyric a:link {
color:#000000; 
text-decoration:underline; 
}

#listlyric a:visited { color:#8a8a8a; text-decoration:none; }
#listlyric a:active { color:#000000; text-decoration:none; }
#listlyric a:hover { color:#000000; text-decoration:none; }


#reglink a:link {
color:#000000; 
text-decoration:underline; 
}

#reglink a:visited { color:#000000; text-decoration:underline; }
#reglink a:active { color:#000000; text-decoration:none; }
#reglink a:hover { color:#000000; text-decoration:none; }


/*** Header text container for lyric list. */
div.hdrlistlyric {
text-align: justify;
margin: 0px;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 0px;
padding-right: 20px;
}

/** Menu stuff. */
.menuitem {
padding: 0px;
margin: 0px;
}

.menuitem a {
margin: 0px;
display: inline;
text-decoration: none;
padding: 0px 10px 0px 10px;
color: #000000;
background-color: #F9F9F0 !important;
width: 50px;
font-weight:bold;
margin-right:5px;
border: 1px solid #aaaaaa;
}

.menuitem a:hover {
padding: 0px 10px 0px 10px;
background-color: #F1EDCF !important;
}


/** Contact FORM stuff */

/* Error line before formular */
div.formerror { 
padding:0px;
margin:0px;
margin-bottom: 10px;
font-family: Arial, sans-serif;

color: #FF0000;
font-weight: bold;
}

/* The outer inivisible table around the message input form */
table.formoutertable {
margin:0px;
padding:0px;
border:0px;
width:540px;
}

/** A row in the formoutertable */
td.formrow {
margin:0px;
padding:0px;
}

/** The table for the contact header: name, email, subject */
table.formtable {
margin:0px;
padding:0px;
border:1px solid #aaaaaa;
background:#F9F9F0;
width:100%;
}
 

/** Top cell with the a label. */
td.lbltop {
margin:0px;
padding-left:10px;
padding-right:5px;
padding-top: 5px;
padding-bottom:2px;
text-align:left;
vertical-align:middle;
font-weight:bold;
color: #000000;
}

/** Top cell with the a label error. */
td.lbltop_err {
margin:0px;
padding-left:10px;
padding-right:5px;
padding-top: 5px;
padding-bottom:2px;
text-align:left;
vertical-align:middle;
font-weight:bold;
color: #FF0000;
}

/** Top cell with an input field. */
td.inptop {
margin:0px;
padding:0px;
padding-top: 5px;
padding-right:20px;
padding-bottom:2px;
width:100%;
}


/** Middle cell with a label. */
td.lblmiddle {
margin:0px;
padding:0px;
padding-left:10px;
padding-right:5px;
padding-bottom:2px;
text-align:left;
vertical-align:middle;
color: #000000;
font-weight:bold;
}

/** Middle cell with a label error. */
td.lblmiddle_err {
margin:0px;
padding:0px;
padding-left:10px;
padding-right:5px;
padding-bottom:2px;
text-align:left;
vertical-align:middle;
color: #FF0000;
font-weight:bold;
}

/** Middle cell with an input field. */
td.inpmiddle {
margin:0px;
padding:0px;
padding-right:20px;
padding-bottom:2px;
width:100%;
}

/** Bottom cell with the subject label. */
td.lblbottom {
margin:0px;
padding:0px;
padding-left:10px;
padding-right:5px;
padding-bottom: 5px;
text-align:left;
vertical-align:middle;
color: #000000;
font-weight:bold;
}

/** Bottom cell with the subject label error. */
td.lblbottom_err {
margin:0px;
padding:0px;
padding-left:10px;
padding-right:5px;
padding-bottom: 5px;
text-align:left;
vertical-align:middle;
color: #FF0000;
font-weight:bold;
}

/** Bottom cell with an input field. */
td.inpbottom {
margin:0px;
padding:0px;
padding-right:20px;
padding-bottom: 5px;
width:100%;
}

/* The table around the message text area. */
table.msgtext {
margin:0px;
padding:0px;

width:100%;
}

/* The table around the message text area with an error. */
table.msgtext_err {
margin:0px;
padding:0px;
border:1px solid #ff0000;
width:100%;
}

/* The table cell around the message text area. */
td.msgtext {
margin:0px;
padding:0px;
}

/** The textarea for the message text */
textarea.msgtext {
margin:0px;
padding:0px;
border:1px solid #aaaaaa;
width:100%;
font-family: Arial, sans-serif; 
font-size: 11px; 
}

/* Regular input field */
input.regular {
margin: 0px;
background-color:#FFFFFF; 
width:400px; 
border:1px solid #aaaaaa;
width:100%;
font-family: Arial, sans-serif; 
font-size: 11px; 
color: #000000;
padding:2px;
}


/*** Header text container for error.html and for contact text. */
div.hdrerror {
text-align: justify;
margin: 0px;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 0px;
padding-right: 20px;
}


/*** Header text container for contact text. */
div.hdrcontact {
text-align: justify;
margin: 0px;
padding-top: 5px;
padding-left: 0;
padding-bottom: 0px;
padding-right: 40px;
}

.gallery-photo {
	text-align: center;
}

.gallery-photo img {
	background: #eee;
	border: 1px solid #F9F9F0;
	padding: 7px;
	-moz-border-radius: 5px;
}



span.town {
font-family:arial;
font-size:0.77em;
}

div.contactimg {
margin-top:20px;
text-align: center;
}

div.contactimg img {
border: 1px solid #000000;
}