body	{
		margin: 0 auto;
		font-family: garamond, georgia, "times roman", serif;
		font-size: 100%;
		color: #333;
/*		background: #777; */
		background: url(img/page-bg2.jpg) repeat-x top center #efefef fixed;
		}
 #container {
		display: block;
		position: relative;
		width: 750px;
		height: auto;
		margin: 0 auto;
		padding: 7px;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ccc;
		background: #fff;
		color: #333;		
		}
#logo	{
		display: block;
		position: relative;
		background: url(img/masthead5.jpg) center top no-repeat #fff;
		color: #333;
		width: auto;
		height: 200px;
/* for placing the logo & text */		
		padding: 30px 0 0px 0;
		text-align: center;
		}
#branding {
		display: block;
		position: relative;
/*		float: right; */
		background: url(img/branding-bg.jpg) bottom center repeat-x #fc3;
		color: #333;
		height: 30px;
		width: auto; 
		padding: 5px 0 0 0;
		text-align: center;
		vertical-align: middle;
/*		border-left: solid 1px #eee;
		border-right: solid 1px #ddd; 
*/		border-top: solid 1px #ccf;
		border-bottom: solid 1px #c90;
		font-size: 1.2em;
		}
#contentBox {
		display: block;
		position: relative;
		float: left;
		clear: right;
		padding: 0;
		width: 750px;
		height: auto;
		background: url(img/figure-lg.jpg) left bottom no-repeat #fcfcfc;
		color: #333;	
/*		border-right: solid 1px #ddd; */
		}
#mainContent {
		display: block;
		position: relative;
		float: left;
		clear: right; 
		width: 500px;
		height: auto;
		padding: 10px 0 10px 30px;
		color: #333;
		border-left: solid 1px #eee;
		}
#secondaryContent {
		padding: 0 !important;
		margin: 0 !important;
		display: block;
		vertical-align: top;
		position: relative;
		float: right;
		clear: right;
		width: 200px;
		height: 100%;
 		background: url(img/sidebar-bg.jpg) left top repeat-y #eee;
		border-left: solid 1px #999;		
		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ccc;
		}
#footer {
		display: block;
		position: relative;
		float: left;
		clear: both;
		height: 30px;
		background: url(img/footer-bg2.jpg) bottom center no-repeat /* #cce */ #fff;
		color: #333;
		width: 100%;
		text-align: center;
		padding: 10px 0 0 0;
		border-top: solid 1px #aac;
		font-size: 0.9em;
		}
#nav	{
		display: block;
		position: relative;
		float: left;
		clear: right;
		width: 200px; 
		margin-bottom: 10px;
/*		background: #6c6; */ 
		color: #fff;		
		}
#nav ul	{
		border: solid 1px #393; 
		border-top: /* solid 2px #393; */ none;
		border-bottom: solid 1px #999;
		margin: 0;
		padding: 0;
		}
#nav li	{
		display: block;
		position: relative;
		margin: 0;
		list-style-type: none;

		}
#nav a	{
		display: block;
		position: relative;
		vertical-align: bottom;
		border-bottom: solid 1px #5b5;
		border-left: solid 4px #6c6;		
		padding: 5px 20px;
		height: 20px;
		margin-top: 1px;
		background: #6c6; 
		font-family: verdana, arial, sans-serif;
		font-size: 0.7em; 
		font-weight: normal;
		text-decoration: none;
		color: #fff;
		}
#nav a:hover, a.current {
		background: url(img/figure-nav.gif) 90% center  no-repeat #5b5 !important;
		color: #ff0 !important;
		border-left: solid 4px #4a4 !important;
/*		padding-left: -3px !important; */
		}

#nav a.last {
		border-bottom: none;
		}
h1, h2, h3, h4		{
		font-family: papyrus, sans-serif;
		font-weight: normal;
		margin: 5px 10px 10px 10px;
		display: block;
		}
h1		{
		font-size: 1.5em;
		color: #007;
		background: none;		
		}
h2		{
		color: #69c;
		background: none;		
		border-bottom: solid 1px #eee;
		}
h3		{
		color: #4a4;
		background: none;
		}
h4		{
		color: #337;
		background: none;
		margin-bottom: 2px !important;
		}
p		{
		font-size: 0.9em;
		padding: 0 10px;
		line-height: 1em;

		}
a		{
		background: none;
		color: #369;
		text-decoration: underline;
		}
a:hover	{
		background: none;
		color: #69c;
		text-decoration: none;
		}
hr		{
		text-align: left;
		color: #4a4;
		background: #4a4;
		height: 1px;
		border: dotted 0.5px #4a4;
		}
ul.listing	{
		font-size: 0.9em;
		}
ol li		{
		font-size: 0.9em;
		list-style-type: decimal;
		}
li		{
		list-style-type: circle;
		}

dl		{
		margin-left: 10px;
		}

		
blockquote dl		{
		font-size: 0.9em;
		border-top: dashed 1px #cca;
		padding-top: 5px;
		padding: 5px;
		}
blockquote dt		{
		margin-left: 5px;
		font-weight: bold;
		}
blockquote dd		{
		margin-left: 5px;
		}
img.photo, .photo2	{
		display: block;
		text-align: center;
		padding: 3px;
		border: solid 1px #ccc;
		float: right;		
		margin: 15px 15px 15px 15px;
		}
.pix	{
		display: block;
		position: relative;
		float: right;
		border: solid 1px #ccc;
		background: #fafafa;
		width: 75px;
		height: 100px;
		color: #111;
		margin: 0 0 5px 15px;
		padding: 5px;
		font-size: 0.75em;
		}
.pix img {
		background: #777;
		color: #111;
		}
blockquote {
		display: block;
		position: relative;
		border-right: solid 1px #ddb;
		border-bottom: solid 1px #cca;		
		background: url(img/blockbtm.jpg) no-repeat center bottom #eec;
		padding-bottom: 25px;
		margin-right: 5px;
		float: right;
		width: 175px;
		color: #553;
		}
blockquote p {
		line-height: 100%;
		line-height: 1.0;
		font-size: 0.95em;
		}
		
table.retreatSchedule {
		width: 200px;
		float: right;
		margin: 10px 15px;
		font-size: 10px;
		border: solid 1px #ddd;
		font-family: verdana, arial, sans-serif;
		padding: 3px;
		background: #ffd;
		color: #111;
		}
td		{
		vertical-align: top;
		border-bottom: solid 1px #eee;
		}
td.day	{
		background: #eec;
		padding-top: 7px;
		border-bottom: solid 1px #ddb;
		}
div.refs	{
		margin-left: 10px;
		font-size: 0.95em;
		width: 200px;
		border: dashed 1px #ccc;
		padding: 10px;
		}
		


p.date-time {
		font-size: 1.1em;
		}