html { height: 100%; font-size: 100%; /* IE hack for better text resizing */ }
body { height: 100%; font-size: .92em; margin: 0px; padding: 0px; background-color: #ffffff; vertical-align:top;}
table { font-size: 100%; /* IE hack for better text resizing */ margin:0; }
img { border: 0 none; }
td { background: transparent; border: 0px; margin: 0px; padding: 0px; font-size: inherit; }
p { margin-bottom: 1em; margin-top: 0em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding: 0px; }
ul { list-style-type: square; margin: .5em 0 1em 0; padding: 0 0 0 1.5em; }
ol { margin: .5em 0 1em 0; padding: 0 0 0 1.5em; }
ol.listSpace li, ul.listSpace li {margin-bottom:.5em;}
p.listSpace { line-height:1.2; }
blockquote {margin: 1em 15px; padding: 1em; }
hr { clear: both; }
.officeuse {display:none; height:1px;}

/* burgundy red #990000; or #A70004; soft red #CC0000; bright red #FF0000; */

A:link { color: #cc0000; text-decoration: none; }  /* this is red, try steel blue #568a9e */
A:visited { color: #cc0000; text-decoration: none; }
A:hover { color: #cc0000; text-decoration: underline; }

body {
background: #4b835d url(../images/bg-green-moss.jpg); 
padding:0px 0px;
font-family: "times new roman", times, serif; 

}

h1 { margin: 0 0 5px -30px; font-size: 2.1em; font-weight:bold; }
h2 { margin: 1em 0 .25em 0; font-size: 1.3em; font-weight:bold;}

#frame {
	text-align: left; 
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 810px;
	background-color: white;
	border-right: 5px solid #222222; border-bottom: 5px solid #222222;
	border-left: 5px solid #6b835d; border-top: 5px solid #6b835d; 
}

#header {
	margin:0;
	padding: 0;
	background-color: #eeeeee;	
}
#header img {border:none;vertical-align:bottom;}

#container {
vertical-align:top;
margin:0;
padding:0;
width:100%;
height:100%;
}

#sideLeft {
vertical-align:top;
padding: 20px 20px 20px 50px;
background-color:white;
}

/* #sideLeft h2 { font-family:arial, sans-serif; font-size: 1em;  text-transform:uppercase; }  */

#sideRight {
vertical-align:top;
width:200px;
padding:20px;
background-color: #F1EDC2;  /* beige color */
font-family: arial, sans-serif; font-size: .9em;
}

#footer {
clear:both;
padding:5px 20px;
background-color:#111111;
color:white;
font-weight: bold; font-size: .7em; font-family: verdana, sans-serif;
}

#navbar {
padding-top:5px; /* top padding must match <a> border */
height: 17px;
width:100%;
background-color:#141414;
}

#mainmenu {
display:inline;
margin: 0; padding:0; 
background-color:#141414;
color:white;
font-family: verdana, sans-serif; font-size: .7em; font-weight: bold; 
list-style-type: none;
}

#mainmenu li {
display: inline;
margin: 0 -3px 0 0; padding: 0;
vertical-align:top; /* this fixes mysterious 3px in IE6 but not FF */
}

#mainmenu li a {
margin: 0; 
padding: 0px 15px;
border: 5px solid #141414;
color:white;
}

#mainmenu li a:hover {
border-top-color: #CC0000;
text-decoration:none;
}

#mainmenu li a.selected {
border-color: #CC0000;
background-color: #CC0000;
}

.galleryIndex {
font-family: verdana, arial, sans-serif;
font-size: .7em;
margin-left: 10px;
}

.galleryIndex img {
width: 100px;
height: 100px;
padding: 5px; 
background-color: white;
border: 1px solid black;
}

.galleryIndex td {
vertical-align:bottom;
text-align:center;
padding: 8px 15px;
white-space:nowrap;
}

.galleryIndex td a:link {color:black;}
.galleryIndex td a:visited {color:black;}
.galleryIndex td a:hover {color: #CC0000; text-decoration:none;}
.galleryIndex td a:hover img {border-color: #CC0000;}

.address {margin:0; padding:0;}
.address p {margin-bottom:.5em;}
.address td { vertical-align:top; padding-right:1em; }

.triptich { font-family: verdana, arial, sans-serif; font-size: .7em;}
.triptich td {vertical-align:top; text-align:center; padding: 8px 15px; font-weight:bold;}
.triptich img {border:1px solid black; padding:2px;}

@media print {
html,body {background: white none;}
#frame {margin:0px auto; width:100%; border:none;}
#header, #banner, #navbar {overflow:hidden;}
}