@charset "utf-8";
/* CSS Document */


html {
	height: 100%; /* ensures some browsers fill the whole viewport */
}
body {
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: "Times New Roman", Times, serif;
	background: #ffffee;
	position: relative;
}
#wrapper {
	position: relative;
	min-height: 100%; /* ensures browser fills the whole viewport to allow footer to be at bottom */
	background: #ffffee;
	color: #333300;
}
#leftbarbackground {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 9.5em; /* related to width in left div and to margin for content div */
	background-color: #dde8bc;
	color: #330000;
	border-right: 1px solid #333300;
}
#header {
	position: relative; /* so div shows on top of leftbarbackground */
	height: 6em;
	background-color: #c0d294;
	z-index:100;
}
#left {
	position: relative; /* so div shows on top of leftbarbackground */
	float: left;
	width: 7.5em;
	margin: 1em;
	margin-top: 2em;
}

#SiteHome {
	position:absolute;
	width:6em;
	height:2em;
	z-index:1;
	left: 2.5em;
	top: 6em;
}

#content {
	margin: 1em 1em 1em 10.5em;
	background-color: #ffffee;
}
#footer {
	position: absolute; /* puts footer at bottom of viewport if this is bigger than page */
	bottom: 0; /* puts footer at bottom of viewport if this is bigger than page */
	height: 2.5em; /* any change needs to also affect shim class height */
	width: 100%;
	background-color: #c0d294;
	text-align: center;
}
.shim {
	height: 2.5em;/* Needs to match height of footer div*/
	clear: left;/* Ensures that footer doesn't overlap with left div*/
}

#wrapper #header #logo {
	position: absolute;
	height: 6em;
	width: 6em;
	left: 1.75em;
	overflow: hidden;
	clip: rect(auto,auto,auto,auto);
}
#wrapper #header #sitesubtitle {
	font-family: "Old English Text MT", "Times New Roman MT Extra Bold", "Times New Roman", serif;
	position: absolute;
	left: 9.5em;
	height: 1.5em;
	width: 30em;
	top: -1em;
}
#wrapper #header #sitetitle {
	font-family: "Old English Text MT", "Times New Roman MT Extra Bold", "Times New Roman", serif;
	position: absolute;
	left: 9.5em;
	height: 4em;
	width: 30em;
	top: 0.5em;
	text-align: center;
}
#wrapper  #header  #sitesubtitle  h3 {
	font-weight: lighter;
}

#wrapper #header #collage img {
	left: 39.5em;
	position: absolute;
	height: 4.5em;
	width: 10em;
}
/* Following empty line is for IE Mac 5.2 only hacks */
/*\*//*/
 
/* */ 
#search {
	font-family: "Times New Roman", Times, serif;
	position: absolute;
	height: 6em;
	width: 10em;
	left: 49.5em;
	top: 0.55em;
	text-align: center;
}
#googleSearchUnitIframe {
	color: #330000;
	background-color: #ffffee;
}	
/*#wrapper #content li {
	line-height: 200%;
}
#wrapper #content li li {
	line-height: 100%;
}*/
#wrapper #coverart {
	position: absolute;
	height: 456px;
	width: 504px;
	left: 12em;
/*	overflow: hidden;
	clip: rect(auto,auto,auto,auto);
*/	top: 7em;
	z-index:1;
}

#wrapper #content #coverart #searchintro {
/*	position: absolute;
	top:140px;
	left:524px;
	width:200px;
	height: 10em;
	width: 13em;
	left: 46em;
	top: 47em
*/	overflow: hidden;
	clip: rect(auto,auto,auto,auto);
/*	top: 220px;*/
}


.floatright {
	position: relative;
 	float: right;
} 

#left a {color: #333300}
#SiteHome a {color: #333300}
#footer a {color: #333300}
#coverart a {color: #333300; text-decoration:none}
#coverart h1,h2 {font-family: "Old English Text MT", "Times New Roman MT Extra Bold", "Times New Roman", serif;}