body {color: black; background: white url(images/tile3.jpg);
		text-align: center;
		margin: 0px;
		font-size: 16px;  
		}

div#footer {font-size: 65%; color: gray; 
	font-style: italic; text-align: center; 
	padding-top: 2em;
	vertical-align: bottom;
	clear: both;} /* for 'last modified' date line at bottom of pages */
div#footer div#contact {color: black;}

div#main-container {width: 700px;
		border-left: 2px solid #D90909;
		border-right: 2px solid #D90909;
		background-color: #EE7D1F;
		color: black;
		margin-left: auto; margin-right: auto;
		}  /* #EE7D1F  */

#bannerRow {
		text-align: center;
		padding: 20px 20px 2px 10px;
		}	
h1#text-name {display: none;}	/* for print version of page */
span#sun {float: right; 
	vertical-align: middle;
	padding-right: 3em;}
span#logo {vertical-align: middle; 
	width: 392; 
	height: 196;}
	
div#inner-container {border-left: 2px solid #FBBE47;
		border-right: 2px solid #FBBE47;
		background-color: white;
		margin: 0 40px 0px 40px;
		}  /* width: 620; */

div#flagbar 
	{border-left: 0px; border-right: 0px;
	width: 100%;
	font-size: 1%} /* font-size needed for IE to make the sub-div heights obey the CSS */
div#flagbar #fb-red {background: #D90909;
	height: 3px; width: 100%;}
div#flagbar #fb-orange {background: #EE7D1F;
	height: 3px; width: 100%;}
div#flagbar #fb-white {background: white;
	height: 3px; width: 100%;}
div#flagbar #fb-blue {background: #363AD8;
	height: 3px; width: 100%;}

	
div#navbar {color: white; font: 90% Tahoma, Arial, Helvetica, Verdana, sans-serif;
	background-color: #000066;
	text-align: center;
	padding: .3em .5em; 
	border-bottom: 2px solid #FBBE47; 
	margin: 0 0 0 0;}
	
div#navbar a:link { color: white;}
div#navbar a:visited {color: #FBBE47;}
div#navbar a:hover {color: #D90909;}

div#navbar a#current:link,
div#navbar a#current:visited  
	{color: #D90909; 
	text-decoration: none;}

div#subnavbar {font: 85% Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	padding: .2em; 
	width: 100%;
	margin-left: auto; margin-right: auto;
	margin-top: 0.75em;
	margin-bottom: 0;}
	}
/*	border-bottom: 2px solid #000066; 
	border-top: 2px solid #000066; */
	
div#subnavbar a:link { color: #D90909; }
div#subnavbar a:visited {color: #D90909;}
div#subnavbar a:hover {color: #000066;}
div#subnavbar a {padding: 0 10px;}
div#subnavbar a img {padding-left: 5px; 
	border: none;} 
div#subnavbar div#eventMgr {float: right;}

span.emphasis {font-style: italic;}

div.data-section {padding: 10px;
	border-top: 2px  solid white;
	margin: .5em 0;}
	
	
div.data-section h1 {border-bottom: 2px solid #FBBE47;
	margin: .75em .5em .5em .5em;
	padding: 0.5em 0em .2em;
	color: #000066;
	font-size: 110%;
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	clear: both;
	}
/*	background: url(images/039-trans.gif) top center no-repeat;*/

div.data-section h2 {text-align: left;
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	color: #000066;
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
	text-decoration: normal;
	margin: .75em 0.5em .2em;
	}
	
div.data-section-divider {border-bottom: 2px solid #FBBE47;
	background: url(images/039-trans.gif) top center no-repeat;
	margin: .5em;
	padding: .5em 0em .2em;
	color: #000066;
	font-size: 110%; 
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	}
	
div.alert {font-size: 120%; color:#FF0000; font-weight:bold;
	border-bottom: 4px solid red;
	border-top: 4px solid red;
	margin: 20px 0px ;
	}
	
div.left-image, div.right-image
	{margin: 0 1em .25em 1em;}
div.left-image {float: left;	}
div.right-image {float: right; }	
div.left-image p.caption,
div.right-image p.caption
	{font-size: 50%;
	margin: 0;
	text-align: center; }
	
td#cal-left {width: 33%;
	vertical-align: top;
	padding-right: 10px;	
	}
td#cal-right{padding: 10px 0px 0 20px;
	vertical-align: top;
	}

div.data-section p, 
div.data-section li,
table.mail-list-form, 
td.mail-list-form-title
	{font: 95% Georgia,Verdana,sans-serif;
	text-align: left;
	line-height: 1.5;
	}
div.data-section p
	{margin: .1em 2em 1em;
	}

div.data-section li {
	margin: 1em 5em 1em 3em;
	text-align: justify;
	}
	/*
	width: 75%;
	Note: Originally used a 'width' setting to control the width of this
	element, but that caused IE to line the bullet up with the BOTTOM
	of the text (when an individual li item wrapped to more than one line).
	But the current 'margin' settings do the trick, too.
	*/
div#contact-list li {font-weight: bold;}

div#books p {font-size:smaller}
div#books div.book {padding-top: 1em; border-top: 1px dotted red;  }