/* CSS Document */

/*
 * Common formatting styles
 */

/* Larger Heading */
h1 {
	color: black;
	background-color: white;
	margin-left: 1em;

	font-family: arial,sans-serif;
	font-size: 3em;
}

/* Medium Heading */
h2 {
	color: black;
	background-color: white;
	margin-left: 1em;

	font-family: arial,sans-serif;
	font-size: 2em;
}

/* Smallest Heading */
h3 {
	color: black;
	background-color: white;
	margin-left: 1em;
	margin-right: 1em;

	font-family: arial,sans-serif;
	font-size: 1em;
}


p {
	/* float: left; */
	color: black;
	background-color: white;
	margin-left: 1em;
	
	/* some spacing between paragraphs */
	margin-bottom: 1em;

	/* may want something like "verdana,arial,sans-serif" instead, for sans-serif fonts */
	font-family: arial,sans-serif;

	font-size: 1em;
	font-weight: normal;
}

/* Paragraph with larger font */
p.large {
	font-size: 1.5em;
}

/* Paragraph with smaller font */
p.small {
	font-size: 0.75em;
}

/* Image within a paragraph */
p img {
	/* Add a 2-pixel black border around the image.  You can also just say "border: none;" if
	 * you want no border. */
	 
	/* border: solid black 2px; */
	margin: 0.5em;
}

/* Image to embed along the left margin */
p img.left {
	float: left;
}

/* Image to embed along the right margin */
p img.right {
	float: right;
}