/***** body rules *****/
body {
	margin: 0 0 6em 0;
	padding: 0;
	text-align: center;
	color: rgb(0,38,63);
	background-color: rgb(255,249,232);
	font-family: Georgia, "Times New Roman", serif;
}

/***** wrapper rules *****/
#wrapperA {
	margin: 0 auto;
	text-align: left;
	/* 48.75em=780px at normal font size of 16px */
	width: 60em;
	font-size: 1em; /* was .96 */
	background-color: rgb(250,250,250);
	border-left: 1px solid rgb(200,200,200);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
}
#wrapperB {
/*
	in an early version, I had a margin here expressed as a %; HOWEVER, IE6 shows a sideways jump when the nav anchors are hovered over (luckily this is documented in positioniseverything!!!)
	margin: 0 2em; don't use % in a case like this
*/
}

/***** banner rules *****/
#banner {
	/* because this box has a height, avoid altogether using top margin or padding; using padding-top would cause that to be subtracted from content in IE5; using margin-top causes the margin to merge with the wrapper and body margins, and actually be applied outside the body, causing the body background image to peek through at the top, e.g. for 10px if that is the top margin; here the margin/padding was meant to push the hi banner further down; did that by making this box height 125px (instead of 115px + a top margin of 10px), and increasing the top padding of the h1 box from 15px to 25px. Same story for footer box.
*/
	height: 10em; /* 125px at font 16px */
	background-color: rgb(145,238,238);
	/*
	background-color: rgb(100,224,224);
	background-color: rgb(100,204,204);
	border-bottom: 1px solid rgb(0,97,166);
	background-image: url(images/bannerbg1.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
*/
}
#bannerInner {
	height: 7.8125em; /* 125px at font 16px */
	background-image: none;
/*	background-image: url(images/bldg1-160.jpg);
*/	background-position: 92% 15%;
	background-repeat: no-repeat;
}
#homeBody #bannerInner {
	height: 7.8125em;
	background-image: none;
	background-position: 92% 15%;
	background-repeat: no-repeat;
}
#banner h1 {
	margin: 0 0 0 .8em; /* need to override default top&bott margins for h1 */
	/* need padding next because a margin would get collapsed with margin-top of banner  */
	padding-top: 1em;
	padding-bottom: 0;
	font-size: 3.2em; /* 50px */
	font-weight: normal;
	color: rgb(160,44,44);
/*
	color: rgb(xxx155,49,49);
*/
	text-align: left;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	letter-spacing: 0.017em;
	word-spacing: 0.03em;
}
#banner h2 {
	margin: 0 0 0 2.3em;
	padding-bottom: 0.6em;
	font-size: 1.25em; /* 24px */
	font-weight: normal;
	color: rgb(160,44,44);
/*
	color: rgb(255,230,200);
*/
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	letter-spacing: 0em;
	line-height: 1.4em;
}

/***** content rules *****/
#content {
	margin: 0 2.5em 0 2.5em;
}

#calendarBody #content {
	margin: 0 2em 0 2em;
}

/***** main navigation rules *****/
#mainNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mainNav {
	background-color: rgb(255,213,68);
/*
	background-color: rgb(251,210,87);
	background-color: rgb(225,194,102);
*/
	border-top: .1em solid rgb(160,44,44);
}
#mainNav li {
	display: inline;
	margin: 0 0 0 0.5em;
	padding: 0;
}
#mainNav li a {
	margin: 0;
	padding: .05em .3em;
	font-size: .9em;
	font-weight: bold;
	color: rgb(0,95,95);
	line-height: 2.5em;
	text-decoration: none;
}
#mainNav a:hover {
	color: rgb(160,44,44);
}
#mainNav .noLink {
	margin: 0;
	padding: .05em .3em;
	font-size: .9em;
	font-weight: bold;
	color: rgb(255,249,232);
	line-height: 2.5em;
	text-decoration: none;
}
a.nav {
	color: rgb(0,104,167);
}
a.nav:hover {
	color: rgb(160,44,44);
}

/***** secondary navigation rules *****/
#secondNav {
	margin: 0;
	margin-top: .5em;
	padding: 0;
	list-style-type: none;
}
#secondNav {
/*
	background-color: rgb(255,213,68);
	background-color: rgb(251,210,87);
	background-color: rgb(225,194,102);
*/
	border-top: .1em solid rgb(160,44,44);
}
#secondNav li {
	padding: 1.2em 0 0 .8em;
}
#secondNav a {
	font-size: .9em;
	font-weight: bold;
	color: rgb(0,97,166);
/*	line-height: 2.9em;
*/	text-decoration: none;
}
#secondNav a:hover {
	color: rgb(160,44,44);
}
#secondNav .noLink {
	margin: 0;
	padding: .05em .3em;
	font-size: .9em;
	font-weight: bold;
	color: rgb(255,249,232);
	line-height: 2.5em;
	text-decoration: none;
}

/***** main navigation rules *****/
#photoNav {
	margin: 0 0 4em 0;
	padding: 0;
	list-style-type: none;
}
#photoNav {
/*
	background-color: rgb(255,213,68);
	background-color: rgb(251,210,87);
	background-color: rgb(225,194,102);
	border-top: .1em solid rgb(160,44,44);
*/
}
#photoNav li {
	display: inline;
	margin: 0 0 0 0.5em;
	padding: 0;
}
#photoNav li a {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: rgb(160,44,44);
	text-decoration: none;
	border-bottom: none;
/*	border-bottom: 1px dotted rgb(160,44,44);
*/}
#photoNav a:hover {
	color: rgb(0,97,166);
}
#photoNav .noLink {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: rgb(215,130,130);
	line-height: 2.5em;
	text-decoration: none;
}

/***** mainContent rules *****/
#mainContent {
	margin-top: 1.5em;
	text-align: justify;
}
#jackBody #mainContent {
	margin-top: .8em;
}
#mainContent h2 {
	margin: .4em 0 .5em 0;
	font-size: 1.8em; /* 1.7em orig */
	font-weight: normal;
	letter-spacing: .05em;
	word-spacing: .05em;
	color: #CC3300;
}
#mainContent h3 {
	margin: 1.5em 0 1.3em 0;
	font-size: 1.4em; /* 1.7em orig */
	font-weight: normal;
	letter-spacing: .05em;
	word-spacing: .05em;
	color: #CC3300;
}
#mainContent h4 {
	margin: .5em 0 .3em 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #CC3300;
}
#mainContent h5 {
	margin: .5em 0 .5em 0;
	font-size: 1em;
	font-weight: bold;
	color: #CC3300;
}

/***** header color rules *****/
#mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5 {
	color: rgb(160,44,44);
}

#mainContent h4.bluecenter {
	color: rgb(0,97,166);
	text-align: center;
}

/***** mainContentA rules *****/
#mainContentA {
	width: 66%;
	float:left;
	margin: 0;
	padding: 0 .5em;
}
#mainContentA img {
	border: none;
}
#mainContentA img.headshot {
	border: none;
	margin-right: 1em;
}
#mainContentA a {
	font-weight: bold;
	color: rgb(0,97,166);
	border-bottom: 1px dotted rgb(0,97,166);
	text-decoration: none;
}
#mainContentA a.photo {
	text-decoration: none;
	color: rgb(0,97,166);
	border-bottom: none;
}
#jackBody #mainContentA h3 {
	margin: 1.6em 0 0em 0;
	font-weight: bold;
}
/*
#jackBody #mainContentA h2 {
	margin: 1em 0 .0em 0;
}
#jackBody #mainContentA h4 {
	margin: 0 0 1.5em 0;
}
*/
#mainContentA p {
	padding-top: 0;
	margin-top: .6em;
	line-height: 1.5em;
}
#mainContentA p.highlightQuote {
	padding-top: 0;
	margin: .6em 2em 0 2em;;
	line-height: 1.5em;
	font-weight: normal;
	color: rgb(0,97,166);
	font-style: italic;
}
#mainContentA .highlight {
	font-weight: normal;
	color: rgb(0,97,166);
}
#mainContentA .boldHighlight {
	font-weight: bold;
	color: rgb(0,97,166);
}
#mainContentA .boldRedHighlight {
	font-weight: bold;
	color: rgb(160,44,44);
}
#jackBody #mainContentA p {
	padding-top: 0;
	margin-top: .3em;
	line-height: 1.5em;
}
.mCATabular {
	margin: 0 0 0 3.5em;
}
.mCAdlList dt {
	margin-top: 1.3em;
	margin-bottom: .25em;
	line-height: 1.5em;
	font-weight: normal;
	color: rgb(0,97,166);
}
.mCAdlList dt a {
	color: rgb(0,97,166);
	text-decoration: none;
	border-bottom: 1px dotted rgb(0,97,166);
}
.mCAdlList dd {
	margin-left: 2em;
	line-height: 1.5em;
	font-weight: bold;
}
.mCATabular table {
	margin: 0 0 0 2em;
	padding: 0;
	line-height: 1.5em;
}
.mCATabular tr, .mCATabular td {
	margin: 0;
	padding: 0;
	line-height: 1.35em;
}
.person {
	margin: 1.1em 0 2.5em 0;
}
.donorList dd {
	margin-left: 2em;
	line-height: 1.5em;
	font-weight: bold;
	color: rgb(160,44,44);
}

/***** mainContentB rules *****/
#mainContentB {
	width:27%;
	float: right;
	margin-top: 3em;
	padding: 0 .1em 0 .5em;
/*
	background-color: rgb(190,243,243);
	border: 1px solid #CC3300;
*/
}
#jackBody #mainContentB {
	margin-top: 5em;
}
#mainContentB h4, #mainContent h5 {
	font-weight: bold;
	text-align:center;
	margin: 0;
	padding: 0;
}
#mainContentB h4#navTitle {
	margin: .8em 0 0 0;
}
#mainContentB p {
	line-height: 1.3em;
	font-size: .9em;
	text-align:left;
	margin: 0;
	padding: 0;
}
#mainContentB p.center {
	text-align:center;
}
#mainContentB p.quote {
	padding: 0 0 0 0;
	line-height: 1.2em;
	font-size: 1em;
	text-align:justify;
	font-style: italic;
}
#mainContentB p.author {
	padding: 0 0 1.5em 0;
	line-height: 2em;
	font-size: .95em;
	font-style: italic;
	font-weight: bold;
	text-align: right;
}

/***** news rules *****/
#mainContentB .news {
	margin-bottom: 2em;
}
#mainContentB .news h5 {
	margin: 0;
	padding-top: 1.2em;
	padding-bottom: .4em;
	text-align: center;
}
#mainContentB .news p {
	margin: 0;
}

/***** mCBPhoto rules *****/
.mCBPhoto {
	text-align: center;
	font-size: .95em;
	font-weight: bold;
	color: rgb(160,44,44);
}
.mCBPhoto ul, .mCBPhoto li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.mCBPhoto ul {
	margin-bottom: 2em;
}
.mCBPhoto li {
	margin-top: .3em;
}
.mCBPhoto li img {
	margin-top: 2em;
	border: none;
}
.mCBPhoto li a {
	text-decoration: none;
	color: rgb(0,97,166);
	border-bottom: 1px dotted rgb(0,97,166);
}
.mCBPhoto li a.photo {
	text-decoration: none;
	color: rgb(0,97,166);
	border-bottom: none;
}
.mCBPhoto li .noLink {
	color: rgb(0,97,166);
	border-bottom: none;
}

/***** news rules *****/
.news {
	margin-bottom: 2em;
}

/***** footer rules *****/
/* 
see notes under banner!!!
*/
#footer {
	clear: both;
	height: 6em; /* 4.375em is 70px at font 16px */
	background-color: rgb(230,243,243);
	margin: 0;
	padding: 1em 2.5em 0 2.5em;
	border-top: 1px solid rgb(160,44,44);
	text-align: center;
	/*
	background-color: rgb(181,240,240);
unbelievably, the 1px border below causes a significant jump in the vert loc of the  footer p in FF - sometimes!!!
	border-top: 1px solid rgb(0,97,166);
*/
}
#footer p {
	font-size: .95em;
	font-weight: normal;
	padding-top: 1.2em;
}
#footer p span.org {
	font-size: 1.1em;
	font-weight: bold;
}
#footer p span.data {
	color: rgb(160,44,44);
}
#footer p span.data a {
	font-weight: normal;
	color: rgb(160,44,44);
	text-decoration: none;
	border-bottom: 1px dotted rgb(160,44,44);
}
#credits {
	margin: 0 auto;
	text-align: right;
	width: 60em;
}
#credits p {
	font-size: .55em;
	text-align: right;
	margin-top: 2em;
	padding-right: 5em;
}
#credits p a {
	color: rgb(0,38,63);
	text-decoration: none;
	border-bottom: 1px dotted rgb(0,38,63);
}

/***** dropcap rules *****/
.dropcap {
	float:left;
	font-size: 3.3em; /* 4.5em */
	color: rgb(160,44,44);
	line-height: .9em;
	padding-right: .14em;
}

/***** generic *****/
.floatRight {
	float: right;
}
.center {
	text-align: center;
}
.smallcaps {
	font-variant: small-caps;
}