@charset "utf-8";
/* CSS Document */

/* Zen Studies global.css */

/* ---------- global resets --------------*/
* { 
	margin:0;
	padding:0;
} 

html { /* no horizontal scrolling */
	overflow-x:hidden; !important
} 

body { 
	background-color:#dcddde;
	overflow-x:hidden; !important	
}

img {
	border:none;
}

table {
	border-collapse:collapse;
}

.clear { clear:both; }


/* ------------ page layout -------------- */

#header {
	position:absolute;
	top:50%;
	left:0;
	margin:-287px 0 0 -10px;
	width:850px;
	height:55px;
	}
		#logo {
			width:522px;
			float:left;
	}
	.daibosatsu #logo, .newyorkzendo #logo { margin-left:-10px; }
	#subtitle {
		width:200px;
		float:left;
		margin-top:38px;
		margin-right:27px;
		}
		.home #subtitle {
			width:200px;
			float:left;
			margin-top:38px;
			margin-right:27px;
}

#topnav {
	position:absolute;
	top:50%;
	left:0;
	margin:-176px 0 0 80px;
	width:876px;
	height:20px;
	z-index:6;
}

#whitespace {
	position:absolute;
	top:50%;
	left:0;
	margin:-157px 0 0;
	width:657px;
	height:324px;
	background-color:#fff;
	text-align:right;
	}
	#maincontent {
		float:right;
		width:652px;
		height:324px;
		background-color:#fff;
		}
		#sidenav {
			float:left;
			margin:78px 7px 0 100px;
			padding-left:0;
			width:130px;
			text-align:left;
			}
			.onzen #sidenav {
				margin:78px 7px 0 75px;
			}
			.daibosatsu #sidenav,
			.newyorkzendo #sidenav,
			.events #sidenav {
				margin:78px 7px 0 76px;
			}
			.store #sidenav {
				width:350px;
			}
		#story {
			float:right;
			margin:73px 60px 0 0;
			width:334px;
			text-align:justify;
			line-height:92%;
			}
			/* Move #story up for scrolling pages */
			.onzen-main #story,
			.teisho #story,
			.introzen #story,
			.daibosatsu #story,
			.gueststudents #story,
			.resident #story,
			.openspace #story,
			.directions #story,
			.newyorkzendo #story,
			.events #story,
			.support #story,
			.contact #story,
			.ethics #story {
				float:right;
				margin:33px 42px 0 0;
				width:348px;
				text-align:justify;
				line-height:92%;
			}
			#mycustomscroll {
				/* IE overflow fix, position must be relative or absolute*/
				position: relative;
				width: 342px;
				height: 263px;
				margin:0;
				padding:0;
				overflow: auto;
				text-align: justify;
				background-color: #fff;
			}
			#mycustomscroll p {
				width:312px;
				}
			.japandharma #mycustomscroll {
				height:275px;
			}
			.daibosatsu #mycustomscroll {
}

#photo {
	position:absolute;
	top:50%;
	left:657px;
	margin:-157px 0 0;
	width:1270px;
	height:324px;
}


/* -----------Typography------------- */

* { font-family:Helvetica, Arial, sans-serif; }
#subtitle { font-size:9px; padding-left:25px; letter-spacing:125%; }
.home #subtitle { font-size:9px; padding-left:7px; letter-spacing:125%; }
p.story { font-size:11px; margin-bottom:8px; letter-spacing:125%; }
.small { font-size:8px; margin-bottom:0; }
.bold12 { font-size:12px; font-weight:bold; }

#story p { font-size:11px; margin-bottom:8px; letter-spacing:125%; }
.events #story p { margin-bottom:12px; }
#story ul { list-style:disc outside; margin-left:12px; width:300px; }
#story ol { width:300px; }
#story li { font-size:11px; margin-bottom:8px; letter-spacing:125%; }
#story ol li { padding-left:12px; text-indent:-12px; font-size:10px; margin-bottom:8px; letter-spacing:125%; }
#story a, #mycustomscroll a { color:#000066; }
#story a:hover, #mycustomscroll a:hover { color:#999; }

#story th, #story td { font-size:11px; text-align: left; }
th { font-weight:bold; }
th, td { vertical-align:top; }

.calendar #story td,
.nyzcalendar #story td { font-size:10px; padding:1px 2px; }

.calendar #story td td.spacer,
.nyzcalendar #story td.spacer { height:1px; padding:0; }


/* ----------Navigation-------------- */


/* ---------Left side nav------------ */
#sidenav ul { 
	list-style: disc url(../images/bullet-green.png) outside;
 	width:125px;
}
#sidenav li { font-size:10px; margin-top:24px; margin-left:-2px;  letter-spacing:105%; }
#sidenav li:first-child { margin-top:0; }
#sidenav li a { color:#000; }
#sidenav li a:hover { font-weight:bold; }

.onzen #sidenav ul { list-style:none; }
.onzen #sidenav li { margin:0 0 16px 0; }
.onzen #sidenav li a { padding:3px; color:#000; text-decoration:none; }
/* set current page behavior -- body tags must be classed */
.onzen-main #sidenav li#onzen-main a,
.teisho #sidenav li#teisho a,
.currentnews #sidenav li#currentnews a,
.pastnews #sidenav li#pastnews a { 
	color:#000;
	font-weight:bold;
	border:1px solid #ccc;
	margin-left:-1px;
}

.daibosatsu #sidenav ul { list-style:none; }
.daibosatsu #sidenav li { margin:0 0 13px 0; }
.daibosatsu #sidenav li a { padding:3px; color:#000; text-decoration:none; }
/* set current page behavior -- body tags must be classed */
.introzen #sidenav li#introzen a,
.gueststudents #sidenav li#gueststudents a,
.resident #sidenav li#resident a,
.sesshin #sidenav li#sesshin a,
.calendar #sidenav li#calendar a,
.openspace #sidenav li#openspace a,
.directions #sidenav li#directions a { 
	color:#000;
	font-weight:bold;
	border:1px solid #ccc;
	margin-left:-1px;
}

.newyorkzendo #sidenav ul { list-style:none; width:130px; }
.newyorkzendo #sidenav li { margin:0 0 13px 0; }
.newyorkzendo #sidenav li a { padding:3px; color:#000; text-decoration:none; }
/* set current page behavior -- body tags must be classed */
.zazen #sidenav li#zazen a,
.weeklyzazen #sidenav li#weeklyzazen a,
.nyzweekend #sidenav li#nyzweekend a,
.mandala #sidenav li#mandala a,
.japandharma #sidenav li#japandharma a,
.nyzcalendar #sidenav li#nyzcalendar a,
.nyzdirections #sidenav li#nyzdirections a { 
	color:#000;
	font-weight:bold;
	border:1px solid #ccc;
	margin-left:-1px;
}

.events #sidenav ul { list-style:none; width:130px; }
.events #sidenav li { margin:0 0 13px 0; }
.events #sidenav li a { padding:3px; color:#000; text-decoration:none; }
/* set current page behavior -- body tags must be classed */
.dbzcalendar #sidenav li#dbzcalendar a,
.nyzcalendar #sidenav li#nyzcalendar a { 
	color:#000;
	font-weight:bold;
	border:1px solid #ccc;
	margin-left:-1px;
}



/* ---------Top main nav------------- */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align:center;
	font-size:10px;
	 letter-spacing:125%;
}

#nav li { /* all list items */
	float: left;
}

#nav a { /* all list item links */
	display:block;
	margin-top:1px;
	padding:4px 0;
	text-align:center;
	text-decoration:none;
	font-size:10px;
	 letter-spacing:125%;
	color:#000;
	border-left:1px solid #fff;
}

#nav a.top:hover { /* First-level menu items */
	margin-top:0;
	color:#000;
	background-color:#999;
	border-top:1px solid #fff;
}

/* First-level menu item widths */
#nav a.navhome, #nav a.navhome:hover { width:67px; }
#nav a.navonzen, #nav a.navonzen:hover { width:62px; }
#nav a.navdaibosatsu, #nav a.navdaibosatsu:hover { width:112px; }
#nav a.navnewyork, #nav a.navnewyork:hover { width:104px; }
#nav a.navevents, #nav a.navevents:hover { width:64px; }
#nav a.navsupport, #nav a.navsupport:hover { width:78px; }
#nav a.navcontact, #nav a.navcontact:hover { width:82px; }
#nav a.navstore, #nav a.navstore:hover { width:58px; }

#nav a.navhome { /* Add left border on Home item */
	border-left:1px solid #fff;
}
/* Right end -- no rt border except on hover */
#nav a.navstore { border-right:none; }
#nav a.navstore:hover { border-right:1px solid #fff; }

.home #nav a.navhome, 
.onzen #nav a.navonzen,
.daibosatsu #nav a.navdaibosatsu,
.newyorkzendo #nav a.navnewyork,
.events #nav a.navevents,
.support #nav a.navsupport,
.contact #nav a.navcontact,
.store #nav a.navstore { /* Current page menu item -- body should be classed "home" etc. */
	color:#000;
	margin-top:0;
	background-color:#999;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}


/* Second-level lists -- On Zen */
#nav li ul { 
	position:absolute;
	margin-top:0;
	text-align:left;
	width:150px;
	left:-999em; /* using left instead of display to hide menus because display:none isn't read by screen readers */
}
#nav li ul li, #nav li ul li a {
	width:150px;
	color:#000066;
}
#nav li ul li:first-child { /* Padding not margin -- links must adjoin */
	padding-top:5px;
}
#nav li ul li a {
	padding:3px 0 3px 20px;
	text-align:left;
	color:#000066;
}
#nav li ul li a:hover {
	background-image:url(../images/arrow-green.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	color:#000066;
	font-weight:bold;
	text-align:left;
}
/* using left to reveal menu items under On Zen */
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
}