/* stylesheet for Seaside Materials */

body {
	margin:2em 0; padding:0;
	font:11pt/1.5 sans-serif;
	background:#9BB3B3;
	background-image:url(../images/background.jpg);
	}

#pageCenter {
	margin:0; padding:0;
	}

#container {
	width:800px;
	height:574px;
	_background:#795D44; /* UGLY UGLY hack becuase "middle" wouldn't butt to sides in IE */
	}
#logo {
	float:left;
	width:150px;
	margin:0; padding:0;
	background:#AD6227;
	font-size:80%;
	border-top: 8px #CDA074 solid;
	border-left: 8px #BF834A solid;
	border-right: 8px #7D481E solid;
	_height:156px; /* IE bottoms didn't align */
	}
#left {
	float:left;
	clear:left;
	width:150px;
	height:402px;
	margin:0;
	padding:0;
	background:#4C2710;
	font-size:70%;
	border-left: 8px #795D44 solid;
	border-right: 8px #351D0D solid;
	border-bottom: 8px #31190A solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	overflow: auto;
	}
#right {
	float:right;
	width:150px; height:558px;
	margin:0; padding:0;
	background:#B19371; /*B39271 */
	font-size:70%;
	border-top: 8px #D1BDA9 solid;
	border-left: 8px #C5AB92 solid;
	border-right: 8px #806951 solid;
	border-bottom: 8px #685643 solid;
	overflow: auto;
	}
#middle {
	height:574px;  /* 558px with the borders */
	margin:0 166px;
	font-size:80%;
	background:#795D44;
	}
.column-in {
	margin:0; padding:5px 10px;
	}
.galleryText {
	margin:0 75px;  /* was 55 with 8px borders */
	padding-top:0.7em;
/*	height:115px; /* removed for print */
/*	_height:140px; /* IE fix for height down to thumbs */
	_padding:20px 73px 0 73px;
	_margin:0;
	}
.galleryText p {
	color:#FFF;  /* orange was 9B5620 */
	}
.thumbnail {
	margin-top:15px;
	text-align:center;
	margin-bottom:10px;
	}
.thumbnail a img, .thumbnail a:visited img {
	margin:0 2px;
	border:1px solid #4C2710;
	}
.thumbnail a:hover img {
	border:1px solid #FFF;
	}
.largeimage {
	text-align:center;
	}
.largeimage img {
	border:1px solid #4C2710;
	}
h2,h3,h4 { margin: 0.2em 0 }
p { margin: 0.5em 0 }
a { color:black }

.copy { text-align:center; font-size:80% }
	
#logo img {border: none;}
#left a:link.youarehere, #left a:visited.youarehere {
	color: #AE6328;
	}
#left a:link {color: #f6f8ff;
text-decoration: none;
}
#left a:visited {color: #f6f8ff;
text-decoration: none; }
#left a:hover {color: #AE6328;
text-decoration: none; }

#left p {margin: 1em 0;}


#right h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	color: #351D0D;
}

.rccont {
	color: #4C2710;
	margin-bottom: 1em;
	font-size:113%;
}
.vertCent {
	margin-top:30px;  /* hack because i couldn't get it to vertically center ANYWHERE! */
	}
#rightmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	margin: 1em 0;
}
#rightmenu a:link.youarehere, #rightmenu a:visited.youarehere {
	color: #005A84;
	}
#rightmenu p {margin: 1em 0;}
#rightmenu a:link {color: #9B5620;
text-decoration: none; }
#rightmenu a:visited {color: #9B5620;
text-decoration: none; }
#rightmenu a:hover {color: #005A84;
text-decoration: none; }

#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:3px 0;
	text-align:center;
}

.mouse {
	color: #FFF;
	font-size:9px;
	line-height:1.3em;
}