body	{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	}
	
#banner	{
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("images/banner_bkg.gif");
	background-repeat: repeat-x;
	height: 138px;
	width: 100%;
	}
	
#container	{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0em;
	}
	
/* to center the page on the browser window, #container should be
	left: 50%;
	margin-left: -390px;
*/

	
#masthead	{
	margin-top: 37px;
	height: 50px;
	}
	
#navleft	{
	width: 138px; 
	height: 410px; 
	background-image: url("images/vert-rule-faded.gif");
	background-repeat: no-repeat;
	background-position: 100% 0%; 
	padding: 0;
	margin: 0; 
	margin-top: 1px; 
	}
	
#judyright	{
	float: left; 
	background-image: url("images/judith_photo.jpg");
	background-repeat: no-repeat; 
	width: 138px;
	padding: 0;
	margin: 2px 0px 0px 20px; 
	}
	
#judyright p	{
	margin: 0;
	padding: 180px 0 0 8px;
	font-size: .7em;
	line-height: 140%;
	color: #003366;
	}
	
.padbookpic	{
	padding: 0px 10px 5px 0px; 
	margin-left: -2px; 
	}
	
#judy	{
	background-image: url("images/judith_photo.gif");
	background-repeat: no-repeat;
	width: 138px;
	padding: 0;
	margin: 0; 
	margin-top: 2px; 
	}
	
#judy p	{
	margin: 0;
	padding: 180px 0 0 8px;
	font-size: .7em;
	line-height: 140%;
	color: #003366;
	}
	
#buttonRow	{
	height: 30px;
	}
	
#content	{
	margin-top: 0px;
	margin-left: 20px;
	}

#contentLeft	{
	width: 70%;
	float: left;
	}

#bookcontentLeft	{
	width: 70%;
	float: left;
	}

.form	{
	width: 80%; 
	margin: 0px 0px 10px 0px; 
	border: 1 px solid #999; 
	}

.submit	{
	margin: 20px 0px 10px 0px; 
	}

#formcontent	{
	margin-left: 20px; 
	}

#formLeft	{
	width: 70%;
	float: left;
	}
	
#formLeft p	{
	font-size: .95em;
	color: #333;
	font-weight: normal;
	margin-top: 4px;
	line-height: 150%;
	}

#judyformright	{
	float: left; 
	background-image: url("images/judith_photo.jpg");
	background-repeat: no-repeat; 
	width: 138px;
	padding: 0;
	margin: 2px 0px 0px 20px; 
	}
	
#judyformright p	{
	margin: 0; 
	padding: 180px 0 0 8px;
	font-size: .7em;
	line-height: 140%;
	color: #003366;
	}
	
#formLeft .kicker	{
	font-size: .8em;
	color: #333;
	font-weight: normal;
	margin-top: 0; 
	padding-bottom: 1.5em; 
	line-height: 150%;
	}

.clear	{
	clear: both; 
	height: 1px; 
	}




/* OLD #contentLeft	{
	width: 350px;
	float: left;
	} 
	
Style was edited in February 2005 to allow copy to wrap around book photo on book page */


	
#eventLeft	{
	width: 70%;
	float: left;
	}
	
#mediaLeft	{
	width: 70%;
	float: left;
	}
	
#noteright	{
	width: 200px;
	float: right;
	}
	
#contentRight	{
	float: left;
	width: 220px;
	text-align: center;
	}

#mediaLeft ul	{
	font-size: .95em;
	color: #333;
	font-weight: normal;
	margin-top: 4px;
	line-height: 150%;
	list-style: square; 
	}

#mediaLeft ul ul	{
	list-style: circle; 
	margin-bottom: 1em; 
	}

#contentLeft h1	{
	font-size: 1.3em;
	color: #999;
	font-weight: normal;
	margin-top: 0px;
	}

#bookcontentLeft h1	{
	font-size: 1.3em;
	color: #999;
	font-weight: normal;
	margin-top: 0;
	}

#eventLeft h1	{
	font-size: 1.3em;
	color: #999;
	font-weight: normal;
	margin-top: 0;
	}

#contentLeft h2	{
	font-size: 1.1em;
	color: #999;
	font-weight: normal;
	margin-top: 8px;
	}

#bookcontentLeft h2	{
	font-size: 1.1em;
	color: #999;
	font-weight: normal;
	margin-top: 8px;
	}

#mediaLeft p	{
	font-size: .95em;
	color: #333;
	font-weight: normal;
	margin-top: 4px;
	line-height: 150%;
	}

#mediaLeft .note	{
	font-size: .75em;
	color: #333;
	font-weight: normal;
	margin-top: 4px;
	line-height: 140%;
	}

#contentLeft p	{
	font-size: .95em;
	color: #333;
	font-weight: normal;
	margin-top: 4px;
	line-height: 150%;
	}

#bookcontentLeft p	{
	font-size: .95em;
	color: #333;
	font-weight: normal;
	margin-top: 4px;
	line-height: 150%;
	}

#bookcontentLeft ol li	{
	font-size: .95em;
	color: #333;
	font-weight: normal;
	line-height: 150%;
	}

#eventLeft p	{
	font-size: .95em;
	color: #333;
	font-weight: normal;
	margin-top: 4px;
	line-height: 150%;
	}

#contentLeft .kicker	{
	font-size: .8em;
	color: #333;
	font-weight: normal;
	margin-top: 0; 
	padding-bottom: 1.5em; 
	line-height: 150%;
	}

#bookcontentLeft .kicker	{
	font-size: .8em;
	color: #333;
	font-weight: normal;
	margin-top: 0; 
	padding-bottom: 1.5em; 
	line-height: 150%;
	}

#eventLeft .kicker	{
	font-size: .8em;
	color: #333;
	font-weight: normal;
	margin-top: 0; 
	padding-bottom: 1.5em; 
	line-height: 150%;
	}

#mediaLeft .kicker	{
	font-size: .8em;
	color: #333;
	font-weight: normal;
	margin-top: 0; 
	padding-bottom: 1.5em; 
	line-height: 150%;
	}

#eventLeft td	{
	font-size: .85em;
	color: #333;
	font-weight: normal;
	line-height: 120%;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999;
	padding: 6px 25px 6px 0;
	}

/* styles changed 19 feb 2005 to protect the innocent

previously, the styles #eventLeft .event, .date, .location & .detail inherited a line-height of 150% from the class #eventLeft p; to those four styles, I inserted a line-height of 120%;


*/



.boldblue	{
	color: #369;
	font-weight: bold;
	}

#eventLeft .event	{
	color: #369;
	font-weight: bold;
	font-size: .85em;
	line-height: 120%;
	}

#eventLeft .date	{
	font-weight: bold;
	font-size: .85em;
	line-height: 120%;
	}

#eventLeft .location	{
	font-size: .85em;
	line-height: 120%;
	}

#eventLeft .detail	{
	font-size: .85em;
	line-height: 120%;
	}

.link	{
	font-size: .75em;
	font-style: italic;
	}
	
#mediaLeft  p.foot	{
	font-size: .8em;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999;
	margin-top: 12px;
	padding-top: 6px;
	color: #999;
	}

#contentLeft  p.foot	{
	font-size: .8em;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999;
	margin-top: 12px;
	padding-top: 6px;
	color: #999; 
	}

#bookcontentLeft  p.foot	{
	font-size: .8em;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999;
	margin-top: 12px;
	padding-top: 6px;
	color: #999;
	}

#eventLeft  p.foot	{
	font-size: .8em;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999;
	margin-top: 12px;
	padding-top: 6px;
	color: #999;
	}

#contentLeft  p.quote	{
	font-style: italic;
	text-indent: -.6em;
	padding-left: .6em; 
	}

/* style changed 19 feb 2005 to protect the innocent

old #bookcontentLeft  p.quote	{
	font-style: italic;
	text-indent: -.6em;
	padding-left: .6em; 
	line-height: 120%;
	}

old #bookcontentLeft  p.quote2	{
	font-style: italic;
	text-indent: 2em;
	margin-top: -1em; 
	padding-top: 0; 
	padding-left: .6em; 
	line-height: 120%;
	}

*/

#bookcontentLeft  p.quote	{
	text-indent: -.6em;
	padding-left: .6em; 
	line-height: 120%;
	}

#contentLeft  p.quote2	{
	font-style: italic;
	text-indent: 2em;
	margin-top: -1em; 
	padding-top: 0; 
	padding-left: .6em; 
	}

#bookcontentLeft  p.quote2	{
	text-indent: 2em;
	margin-top: -1em; 
	padding-top: 0; 
	padding-left: .6em; 
	line-height: 120%;
	}

#contentLeft  p.quoter	{
	margin-top: -1em; 
	padding-top: 0; 
	text-align: right;
	}

#bookcontentLeft  p.quoter	{
	margin-top: -1em; 
	padding-top: 0; 
	text-align: right;
	line-height: 120%;
	}

.photoleft	{
	padding: 5px 10px 0 0; 
	}
	
.photoright	{
	padding: 5px 0 0 10px; 
	}

#rule	{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999;
	margin-top: 12px 0 3px 0;
	padding-top: 6px;
	}

.mdash	{
	padding: 0px 2px 0px 2px; 
	}

#tabledisplay	{
	width: 100%;
	margin: 0;
	padding: 0;
	}	

#tabledisplay dl	{
	width: 100%;
	margin: 0;
	padding: 0;
	}

#tabledisplay dt	{
	width: 40%;
	float: left;
	margin: 0;
	padding: 0;
	border-top: 1px solid #999;
	}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

#tabledisplay dd	{
	float: left;
	width: 60%;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	}	
	
#tabledisplay dd dd	{
	float: left;
	width: 60%;
	margin: 0 0 0 0;
	padding: .5em;
	border-bottom: 1px solid #999;
	}