#header {
		padding: 40px;
		background: #333;
		border-bottom: 1px solid #fff;
		}
	
	#header h1 {
		padding: 0;
		margin: 0;
		color: #ccc;
		font-family: Verdana, Arial, sans-serif;
		font-weight: normal;
		font-size: 180%;
		text-align: bottom;
		}
		
	body {
		background: #E8E8E8;
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		}
		
/* this defines a gray subhead*/
h2 { font-family: Verdana, Arial, sans-serif;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	margin: 0 0 0em 0;
	padding: 3em 10em 2em 10em;
	}
/* this defines the yellow side menu items*/	
h3 { font-family: Verdana, Arial, sans-serif;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	margin-bottom: 0em;
	padding: 2em 1em 2em 1em;
	}
	
	
h4 { font-family: Verdana, Arial, sans-serif;
	color: #666;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	margin-bottom: 0em;
	padding-top: 0em;
	text-align: left;
	}
	
h5 { font-family: Verdana, Arial, sans-serif;
	color: #666;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	margin-bottom: 0em;
	padding-top: 0em;
	text-align: center;
	}
	
	/* this defines the photo captions*/	
h6 { font-family: Verdana, Arial, sans-serif;
	color: #666;
	font-size: 9 px;
	font-weight: normal;
	line-height: 11px;
	margin-bottom: .6em;
	padding-top: 0em;
	text-align: center;
	}
	
	p { font-family: Verdana, Arial, sans-serif;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	margin: 0 0 0em 0;
	padding: 0em 20em 2em 20em;
	}
		
	/* use "subject" to make red highlights like the subjects on the letter page <span class ="subject"> phrase </span> */ .subject {color: #C30;}

	/* navigation */
	
	#nav {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		background: #B0B0B0;
		border-bottom: 1px solid #999;
		}
	
	#nav li { 
		float: left;
		margin: 0;
		padding: 0;
		}
	
	#nav a {
		float: left;
		display: block;
		padding: 6px 30px 6px 5px;
		text-decoration: none;
		font-weight: bold;
		font-size: 90%;
		color: #666;
		background: #B0B0B0 url(../images/slantdivider.gif) no-repeat top right;
		}
	
	#nav #nav-1 a {
		padding-left: 20px;
		}
	
	#nav a:hover {
		color: #000;
		}
	
	/* more */
	
	ul#more {
		clear: left;
		margin-top: 60px;
		}


/* these define how links look that aren't in the menu -currently they are blue- hover sets the color when a mouse is over the link - currently that's yellow */

a:link, a:visited, a:active {text-decoration: none; color: #666;}
a:hover {color: #C30; }