/* CSS Document */



body	{
	font-family: verdana, arial, helvetica, sans-serif;
	color:white;
	font-size: .90em;
	padding: 0;
	margin: 0;
	}

.italics {
	font-style: italic; }

body#home	{
	padding-left: 1px;
	background: #0B2251 url(images/border-blue-side.gif) repeat-y 50% 99px; /* dark blue */
	}

body#video	{
	padding-left: 1px;
	background: #0B2251 url(images/border-blue-side.gif) repeat-y 50% 99px; /* dark blue */
	}

body#about	{
	padding-left: 1px;
	background: #0C3318 url(images/border-green-side.jpg) repeat-y  50% 99px; /* dark green */
	}

body#classes	{
	padding-left: 1px;
	background: #6A250F url(images/border-orange-side.jpg) repeat-y  50% 99px; /* dark orange */
	}

body#turn	{
	padding-left: 1px;
	background: #34214A url(images/border-purple-side.jpg) repeat-y  50% 99px; /* dark purple */
	}

body#history	{
	padding-left: 1px;
	background: #7D3C0A url(images/border-ochre-side.gif) repeat-y  50% 99px; /* dark ochre */
	}

body#events, body#eventsPast, body#eventsHermit, body#eventsSeshin, body#eventsMystics, body#eventsHermit2008, body#photos	{
	padding-left: 1px;
	background: #541C1D url(images/border-mauve-side.jpg) repeat-y  50% 99px; /* dark mauve */
	}
	
body#photos	{
	padding-left: 1px;
	background: #004b61 url(images/border-turquoise-side.jpg) repeat-y  50% 99px; /* dark violet */
	}

body#video	{
	padding-left: 1px;
	background: #730003 url(images/border-red-side.jpg) repeat-y  50% 99px; /* dark red */
	}
		
body#contact	{
	padding-left: 1px;
	background: #411C31 url(images/border-violet-side.jpg) repeat-y  50% 99px; /* dark violet */
	}

/* 	BORDER */

div#Border	{
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	}

div#BorderTop	{
	width: 830px;
	height: 99px;	
	margin-left: auto;
	margin-right: auto;
	}

div#BorderBottom	{
	width: 830px;
	clear: both;
	height: 99px;
	margin-left: auto;
	margin-right: auto;
	}
	
	
/* 	=======		
	CONTENT
	======= */
	
#Content	{
	padding: 15px 15px 0 15px;	
	width: 684px;
	margin-left: auto;
	margin-right: auto;
	min-height: 250px; /* provides minimum height so Mozilla will render background photo */
	}

body#home #Content	{
	background: url(images/masthead_home.jpg) top no-repeat;
	}

body#events #Content	{
	background: url(images/eventsBCK_hands.jpg) top no-repeat;
	}

body#eventsPast #Content	{
	}
	
body#eventsHermit #Content	{
	background: url(images/eventsBCK_asha-khadija.jpg) top no-repeat;
	}
	
body#eventsHermit2008 #Content	{
	background: url(images/eventsBCK_mistyBridge.jpg) top no-repeat;
	}

body#eventsSeshin #Content	{
	background: url(images/eventsBCK_hands.jpg) top no-repeat;
	}
	
body#eventsMystics #Content	{
	background: url(images/events_sunrise2.jpg) top no-repeat;
	}
		
body#classes #Content	{
	background: url(images/bck-classes.jpg) top no-repeat;
	}
	
body#contact #Content	{
	background: url(images/pond.jpg) top no-repeat;
	}
	
#MainNav	{
	float: left;
	width: 110px;
	height: 500px;
	padding-left: 20px;
	}
	
.Text	{
	float:left;
	width: 310px;
	line-height: 1.5em;
	margin-top: 5px;
	font-size: .93em;
	}

.TextPhoto	{
	float:left;
	width: 520px;
	line-height: 1.5em;
	margin-top: 5px;
	height: 900px;
	}
	
.TextPhoto img	{
	float: left;
	padding: 0 20px 20px 0;
	}

.TextPhoto .caption	{
	float: left;
	text-align: left;
	width: 175px;
	}

.TextEvents	{
	float:left;
	width: 290px;
	line-height: 1.5em;
	}
	
.TextContact	{
	float:left;
	width: 290px;
	line-height: 2em;
	}
	
.TextHome	{
	float:left;
	width: 220px;
	line-height: 1.75em;
	margin-top: 50px;
	padding-right: 15px;
	}
	
.Photo	{
	float:right;
	width: 220px;
	text-align:right;
	}

.caption	{
	text-align: right;
	font-size:85%;
	padding-right: 15px;
	line-height: 1.5em;
	}
	
.Poem	{
	float: right;
	width: 170px;
	line-height: 1.55em;
	font-size: 90%;
	padding: 50px 15px 0 0;
	text-align:left;
	}

.PhotoHome	{
	float:right;
	width: 220px;
	padding-top: 180px;
	text-align:right;
	}
	
.PoemHome	{
	width: 130px;
	line-height: 2em;
	font-size: .9em;
	padding: 50px 0 0 130px;
	}


/* 	=============
		LINKS
	============= */

a	{
	color: white;
	text-decoration:underline;	
	}

a:hover	{
	color: #fc9;
	text-decoration:underline;
	}
	
#MainNav a	{
	display: block;
	padding: 2px 0 10px 0;
	text-decoration:none;
	font-size: .95em;
	font-weight: bold;
	}

#MainNav a:hover	{
	color: white;
	display: block;
	text-decoration:underline;
	background-color:
	}

#MainNav a#active	{
	text-decoration:underline;	
	}

/* 	===============
		HEADERS
	=============== */
h1	{	
	font-size: 130%;
	font-weight: normal;
	line-height: 1.35em;
	}

h2	{	
	font-size: 100%;
	}