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

/* mothman.css */
/* modifications to stuart.css to apply to Mothman pages */

h2 {
	background-color: transparent;
	margin-top: 1em;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;

	}

#fs3 {
    background-image: url(../../banners/cecropia-footer.png);
	background-repeat: no-repeat;
	height: 100px;
	display: block;
}
#header {
	/*moved background image from page to header - makes more sense and adds control*/
	/*positioning is in px because we're dealing with an image that doesn't scale with em sizing */
    background-image: url(../../banners/cecropia-header.png);
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
	height: 100px;
}
#header h4 {
	/*Since this overlayes the image we want absolute sizing to match the scale of the image. */
	font-size: 25px;
	font-variant: normal;
	color: #FFF;
	background-color: transparent;
	left: 180px;
	/*relative positioning just seems to work best */
	position: relative;
	padding: 0em;
	top: 35px;
	width: 200px;