body {
	background-color: #bab273;
	text-align: center;
	margin: 20px 0px 0px 0px;
}

img {
	border: 0px;
}

h1 {
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	width: 650px;
	padding: 0px;
	text-align: center;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-top: 2px solid black;
	margin-bottom: 0px;
}
		
div.main {
	margin-top: 0px;
	background-color: #ffffff;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	width: 654px;	/* now if only CSS supported math, like div.main->width - div.main->border-left :) */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* 
	this is here simply because IE has problems with the borders on DIV's
	thus, this uses a CSS2 selector (which IE also doesn't recognize) to
	position the bottom div. also, this *must* come after the div.main
	because of a bug in mozilla.
	all the style elements from the div.main are inherited as well. 
	god, mozilla rocks.
*/
div[id="main"] {
	width: 650px;
}

div.main p {
	color: #008000;
	margin-top: 0px;
}

div.main h2 {
	margin-top: 0px;
	font: 20px arial black, times new roman, sans-serif;
	text-align: center;
	color: #484b7d;
}

div.main a {
	font: 16px times new roman, sans-serif;
	color: #008000;
}

div.main p.intro-text {
	font: bold 16px times new roman, sans-serif;
	color: #008000;
	border: 1px solid black;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

div.main h3 {
	font: bold 18px arial, sans-serif;
	color: #3333CC;
	margin: 0px;
}

div.main h4 {
	text-align: left;
	font: bold 16px arial, sans-serif;
	margin: 0px;
	padding-left: 5px;
}

div.main p.regular {
	font: 16px times new roman, arial, sans-serif;
	color: #000000;
	text-align: left;
	padding-left: 10px;
	margin-top: 0px;
}

div.main ul {
	text-align: left;
	margin-top: 0px;
}

div.main p.sub-menu a {
	padding-right: 15px;
	font: bold 14px arial, times new roman, sans-serif;
}

div.main h3.fund-name {
	margin-bottom: 0px;
	font: bold 16px times new roman, arial, sans-serif;
	text-align: left;
	color: #008000;
	padding-left: 3px;
}

div.main p.fund-desc {
	padding-left: 15px;
	text-align: left;
	font: 16px times new roman, arial, sans-serif;
	color: #000000;
}

div.main p.promise {
	font: italic 18px times new roman, arial, sans-serif;
	color: #000000;
}

div.main ul.awarded {
	padding: 5px;
	margin: 0px;
	list-style-type: none;
}

div.main ul.awarded li a {
	font: 18px times new roman, arial, sans-serif;
}

table.grant-desc {
	width: 98%;
}

table.grant-desc td {
	vertical-align: top;
}

table.grant-desc td.text {
	vertical-align: top;
	width: 49%;
}

table.grant-desc td.photo {
	text-align: center;
	height: 150px;
	vertical-align: bottom;
}

table.grant-desc td.photo-desc {
	font: 12px times new roman, sans-serif;
}