/***** body rules *****/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: rgb(0,38,63);
	font-family: Georgia, "Times New Roman", serif;
	/*	background-color: rgb(226,226,211);
*/	background-image: url(images/bodybg1.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

/***** wrapper rules *****/
#wrapperA {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	/* 48.75em=780px at normal font size of 16px */
	width: 48.75em;
	font-size: 1em; /* was .96 */
	background-color: rgb(250,250,250);/*
	background-color: rgb(253,253,253);
	border: 5px solid rgb(0,97,166);
*/
}
#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: 7.8125em; /* 125px at font 16px */
	background-color: rgb(255,255,255);
	/*	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 1.02em; /* 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: 25px;
	padding-bottom: 0;
	font-size: 3.125em; /* 50px */
	font-weight: normal;
	color: rgb(0,97,166);
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	letter-spacing: .05em;
	word-spacing: .05em;
}
#banner h2 {
	margin: 0 8.8em;
	padding-bottom: 0.6em;
	font-size: 1.5em; /* 24px */
	font-weight: bold;
	color: rgb(0,97,166);
	font-variant: small-caps;
	text-transform: none;
	font-style: normal;
	letter-spacing: 0.17em;
	line-height: 0.8em;
}

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

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

/***** navigation rules *****/
#nav, #mCBNav {
	margin: .5em 0 .0em .12em;
	padding: 0;
}
#calendarBody #nav {
	margin: .5em 0 .0em .62em;
	padding: 0;
}
#mCBNav {
	text-align: center;
	padding-bottom: 1.2em;
}
.nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.nav li {
	display: inline;
	margin: 0 0 0 -.26em;
	padding: 0;
}
.nav a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgb(0,0,0);
	border-left-style: none;
	margin: 0;
	padding: .05em .6em;
	line-height: 1.6em;
	text-decoration: none;
}
.lastLi a {
	border: none;
}
#mainNav a {
	font-size: .95em; /* was .9 */
	text-transform: none;
	font-variant: small-caps;
}
#mainNav .firstLi a {
	color: rgb(0,97,166);
}
#mainNav .firstLi a:hover {
	color: rgb(255,255,255);
	background-color: rgb(0,97,166);
}
#hours a {
	color: rgb(255,58,0);
}
#hours a:hover {
	color: rgb(255,255,255);
	background-color: rgb(255,58,0);
}
#links a {
	color: rgb(0,97,166);
}
#links a:hover {
	color: rgb(255,255,255);
	background-color: rgb(0,97,166)
}
#catalogsNav a, #catalogs a {
	color: rgb(223,115,0);
}
#catalogsNav a:hover, #catalogs a:hover {
	color: rgb(255,255,255);
	background-color: rgb(223,115,0)
}
#catalogsNav .firstLi a {
	font-weight: bold;
}
#directions a {
	color: rgb(0,128,0);
}
#directions a:hover {
	color: rgb(255,255,255);
	background-color: rgb(0,128,0);
}
#childrenNav a, #children a {
	color: rgb(255,58,0);
}
#childrenNav a:hover, #children a:hover {
	color: rgb(255,255,255);
	background-color: rgb(255,58,0)
}
#childrenNav .firstLi a {
	font-weight: bold;
}
#teensNav a, #teens a {
	color: rgb(143,26,182);
}
#teensNav a:hover, #teens a:hover {
	color: rgb(255,255,255);
	background-color: rgb(143,26,182)
}
#teensNav .firstLi a {
	font-weight: bold;
}
#calendarNav a, #calendar a {
	color: rgb(200,0,0);
}
#calendarNav a:hover, #calendar a:hover {
	color: rgb(255,255,255);
	background-color: rgb(200,0,0)
}
#calendarNav .firstLi a {
	font-weight: bold;
}
#aboutNav a, #about a {
	color: rgb(0,97,166);
}
#aboutNav a:hover, #about a:hover {
	color: rgb(255,255,255);
	background-color: rgb(0,97,166);
}
#aboutNav .firstLi a {
	font-weight: bold;
}
#homeBody #aboutNav .firstLi a {
	font-weight: normal;
}

#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;
}

/* not used yet */
#community a {
	color: rgb(125,125,30);
}
#community a:hover {
	color: rgb(255,255,255);
	background-color: rgb(125,125,30)
}

/***** mainContentB navigation rules (not used yest) *****/
#mCBMainNav a {
	font-size: .95em; /* was .9 */
	text-transform: none;
	font-variant: small-caps;
}
#mCBMainNav a {
	padding: .05em .4em;
}

/***** crumb navigation rules *****/
/* not using crumb nav for now
p.crumbs {
	margin-left: .6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
}
.crumbs a {
	font-weight: normal;
	text-transform: none;
	line-height: 10px;
	text-decoration: none;
}
*/
/***** dotted link style rules *****/
a.homeLink {
	color: rgb(0,97,166);
	border-bottom: 1px dotted rgb(0,97,166);
	text-decoration: none;
}
a.hoursLink {
	color: rgb(255,58,0);
	border-bottom: 1px dotted rgb(255,58,0);
	text-decoration: none;
}
a.directionsLink {
	color: rgb(0,128,0);
	border-bottom: 1px dotted rgb(0,128,0);
	text-decoration: none;
}
a.catalogsLink {
	color: rgb(223,115,0);
	border-bottom: 1px dotted rgb(223,115,0);
	text-decoration: none;
}
a.calendarLink {
	color: rgb(200,0,0);
	border-bottom: 1px dotted rgb(200,0,0);
	text-decoration: none;
}
a.aboutLink {
	color: rgb(0,97,166);
	border-bottom: 1px dotted rgb(0,97,166);
	text-decoration: none;
}
a.defaultLink {
	color: #CC3300;
	border-bottom: 1px dotted #CC3300;
	text-decoration: none;
}

/***** mainContent rules *****/
#mainContent {
	padding-top: 1.5em;
	text-align: justify;
}
#mainContent h2 {
	margin: 0;
	padding-bottom: .25em;
	font-size: 1.6em; /* 1.7em orig */
	font-weight: normal;
	letter-spacing: .05em;
	word-spacing: .05em;
	color: #CC3300;
}
#mainContent h3 {
	margin: 0;
	padding-bottom: .1em;
	font-size: 1.3em;
	font-weight: normal;
	color: #CC3300;
}
#mainContent h4 {
	margin: 0;
	padding: .5em 0 .5em 0;
	font-size: 1em;
	font-weight: bold;
	color: #CC3300;
}
#hoursBody #mainContent h4 {
	line-height: .8em;
}
#calendarBody #mainContent p {
	padding: 0 1em;
	line-height: 1.5em;
}

/***** header color rules *****/
#homeBody #mainContent h2, #homeBody #mainContent h3, #homeBody #mainContent h4 {
	color: rgb(0,97,166);
}
#newsBody #mainContent h2, #newsBody #mainContent h3, #newsBody #mainContent h4 {
	color: rgb(0,97,166);
}
#hoursBody #mainContent h2, #hoursBody #mainContent h4 {
	color: rgb(255,58,0);
}
#linksBody #mainContent h2, #linksBody #mainContent h3, #linksBody #mainContent h4 {
	color: rgb(0,97,166);
}
#catalogsBody #mainContent h2, #catalogsBody #mainContent h4 {
	color: rgb(223,115,0);
}
#directionsBody #mainContent h2, #directionsBody #mainContent h4 {
	color: rgb(0,128,0);
}
#childrenBody #mainContent h2, #childrenBody #mainContent h4 {
	color: rgb(255,58,0);
}
#teensBody #mainContent h2, #teensBody #mainContent h4 {
	color: rgb(143,26,182);
}
#calendarBody #mainContent h2, #calendarBody #mainContent h4 {
	color: rgb(200,0,0);
}
#aboutBody #mainContent h2, #aboutBody #mainContent h4 {
	color: rgb(0,97,166);
}

/***** mainContentA rules *****/
#mainContentA {
	width: 58%;
	float:left;
	margin: 0;
	padding: 0 .5em;
}
#mainContentA p {
	padding-top: 0;
	margin-top: .6em;
	line-height: 1.5em;
}
#directionsBody #mainContentA p {
	padding: 0 1em;
}
#mainContentA img {
	margin: 0 0;
	padding: 0;
	text-align: center;
	border: none;
}

#mainContentA .boldRedHighlight {
	font-weight: bold;
	color: rgb(160,44,44);
}

#mainContent a.imgLink {
	margin: 0;
	padding: 0;
	border-bottom: none;
	text-decoration: none;
}
.mCATabular {
	margin-left: 3.5em;
}
.mCAdlList dt {
	margin-top: .8em;
	margin-bottom: .25em;
	line-height: 1.5em;
	font-weight: bold;
	color: #CC3300;
}
#hoursBody .mCAdlList dt {
	color: rgb(255,58,0);
}
.mCAdlList dt a {
}
.mCAdlList dd {
	margin-left: 2em;
	line-height: 1.5em;
}
.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;
}

/***** mainContentB rules *****/
#mainContentB {
	width:35%;
	float: right;
	margin: 0;
	padding: 3em .5em 0 .5em;
}
#homeBody #mainContentB {
	padding-top: .3em;
}
#mainContentB p {
	line-height: 1.3em;
	font-size: .95em;
	margin: 0;
	padding: 0 0 .5em 0;
}
#mainContentB h3, #mainContentB p {
	text-align:center;
}
#mainContentB p.quote {
	padding: 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 .noteWorthy {
	margin-bottom: 2em;
}
#mainContentB .noteWorthy h4 {
	margin: 0;
	padding-top: 1em;
	padding-bottom: .4em;
	text-align: center;
}
#mainContentB .newsItem {
	text-align: center;
}
#mainContentB .newsItem img {
	padding: 0 0;
	text-align: center;
	border: none;
}
#mainContentB .newsItem a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#mainContentB .newsItem p {
	margin: 0;
	text-align: justify;
}

/***** mCBPhoto rules *****/
.mCBPhoto {
	text-align: center;
	font-size: .8em;
	font-weight: bold;
	color: rgb(204,51,0);
}
.mCBPhoto ul, .mCBPhoto li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.mCBPhoto ul {
	margin-bottom: 2em;
}

/***** footer rules *****/
/* 
see notes under banner!!!
*/
#footer {
	clear: both;
	height: 7.6em; /* 4.375em is 70px at font 16px */
	background-color: rgb(217,231,242);
	margin: 0;
	padding: 0 3em;
	/*
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: 2.2em;
}
#footer p span.org {
	font-size: 1.1em;
	font-weight: bold;
}
#footer p span.data {
	color: rgb(204,51,0);
}
#footer p span.data a {
	font-weight: normal;
	color: rgb(204,51,0);
	text-decoration: none;
	border-bottom: 1px dotted rgb(204,51,0);
}
#footer p.credits {
	font-size: .55em;
	text-align: right;
	padding-right: 5em;
}
#footer p.credits 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 */
	line-height: .9em;
	padding-right: .14em;
}
#homeBody .dropcap {
	color: rgb(0,97,166);
}
#hoursBody .dropcap {
	color: rgb(255,58,0);
}
#linksBody .dropcap {
	color: rgb(0,97,166);
}
#catalogsBody .dropcap {
	color: rgb(223,115,0);
}
#directionsBody .dropcap {
	color: rgb(0,128,0);
}
#childrenBody .dropcap {
	color: rgb(255,58,0);
}
#teensBody .dropcap {
	color: rgb(143,26,182);
}
#calendarBody .dropcap {
	color: rgb(200,0,0);
}
#aboutBody .dropcap {
	color: rgb(0,97,166);
}
#newsBody .dropcap {
	color: rgb(0,97,166);
}
.center {
	text-align: center;
}