@import url(common.css);
@import url(round.css);


/* ---------------------------------------------------------------------------------------------------------------------------------------------
Wrapper
--------------------------------------------------------------------------------------------------------------------------------------------- */
#wrapper{
	position: relative;
	width: 1002px;
	background: url(/images/bg_main_line.gif) repeat-y 699px 0;
	border-right: 1px solid #ccc;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Upside
--------------------------------------------------------------------------------------------------------------------------------------------- */
#upside {
	position: relative;
	width: 100%;
	height: 460px;
}

#logo { display: none; }
#logo h1 span { font-size: 14px; }

/* -------------------------------------------------------------------------------------------------------------------------
Mid
---------------------------------------------------------------------------------------------------------------------------*/
#mid {
		clear: both;
		position: relative;
		width: 970px;
		padding: 0;
		height: auto;
		margin: 0 auto;
		font-size: 110%;
	}

#mid .mid_left {
		float:left;
		height: 230px;
	}

#mid .daily {
		 float: left;
		 margin-left: 12px;
		 padding-top: 5px;
		 width: 582px;
		 height: 25px;
		 background: url(/images/main/daily_bg.gif) no-repeat;
	}

#mid #top_left {
		float:left;
	}

#main_contents {
	clear: both;
	height: 1130px;
}

#main_contents #content_left {
		float:left;
		height: 1100px;		
	}

#content_left h2 span { display: none; }
#content_left h2 {
		float: left;
		width: 464px;
		height: 22px;
		padding: 0 0 0 0;
		margin: 0;
		text-align: center;
		background: url(/images/main/title_jokb.gif) no-repeat left center;
		cursor: pointer; 
	}

#jokb {
	clear: both;
	border: 1px solid #CCC;
	width: 462px;
	height: 100%;
	margin-top: 1px;	
}

#jokb_list img {
	float: left;
	padding: 1px;
	margin: 3px 10px 5px 4px;
	border: 1px solid #999;	
	}
#jokb p {
	padding: 3px 0 0 0;
	margin: 0;
	}

#jokb .topic a:visited, #jokb .topic a:link {
	font-weight: bold;
	color: #6B823E;
	text-decoration: none;
	font-size: 12px;
	}
#jokb .topic a:hover {
	font-weight: bold;
	color: #6B823E;
	font-size: 12px;
	text-decoration: underline;
	}
#jokb .sub_topic a:visited, #life .sub_topic a:link {
	font-weight: normal;
	color: #666;
	text-decoration: none;
	}
#jokb .sub_topic a:hover {
	text-decoration: underline;
	}
#jokb span { color: #9A9A9A; }

#jokb_list1 { 
	clear: left;
	position: relative;
	padding: 0 0 0 10px; 
	margin: 0;
	list-style: none;
	}

#jokb_list1 li { 
	padding: 0 10px; 
	margin: 0; 
	height: 18px; 
	background: url(/images/main/icon_dot.gif) no-repeat left center; 
	}

#content_left #web_directory {
	clear: both;
}

#web_directory h2 span { display: none; }
#web_directory h2 {
		float: left;
		width: 462px;
		height: 40px;
		padding: 0 0 0 0;
		margin: 0;
		text-align: center;
		background: url(/images/main/title_directory.gif) no-repeat left center;
		cursor: pointer; 
	}



#web_directory #web_dir_list {
	float: left;
	width: 150px;
	margin: 0px;
}

#web_directory #web_dir_list ul {
	float: left;
	padding: 0;
	margin: 0 0 0 5px;		
	list-style: none;
}

#web_directory #web_dir_list li {
	color: #6A803F;
	width: 140px;
	vertical-align: middle;
	padding: 5px 0 0 5px;
	font-weight: normal;
}

#web_dir_list li a:visited, #web_dir_list li a:link, #web_dir_list a.highlighted{ 
	color: #6A803F;
	text-decoration: none;
	font-family: verdana;
	}
#web_dir_list li a:hover { 
	color: #6A803F;
	text-decoration: none;
	font-family: verdana;
	}

#web_directory #web_dir_list_sub {
	float: left;
	width: 290px;	
	height: auto;
	margin: 0px;
}

#web_directory #web_dir_list_sub ul {
	position: absolute;
	padding: 0;
	margin: 0 0 0 5px;
	list-style: none;
}

#web_directory #web_dir_list_sub li {
	color: #55566B;
	width: 100%;
	vertical-align: middle;
	padding: 5px 0 0 10px;
	font-weight: normal;
	background: url(/images/main/dir_dot.gif) no-repeat;
	background-position: 0 8px;
}

#web_dir_list_sub li a:visited, #web_dir_list_sub li a:link { 
	color: #55566B;
	text-decoration: none;
	font-family: verdana;
	}
#web_dir_list_sub li a:hover { 
	color: #55566B;
	text-decoration: none;
	font-family: verdana;
	}

/*#web_directory #web_dir_list dd {
	float: left;
	color: #55566B;
	width: 100%;
	vertical-align: middle;
	margin-left: 150px;
	padding: 5px 0 0 5px;
	font-weight: normal;
	border: 1px solid red;
}
*/
#content_left #gallery {
	clear: both;
}

#gallery h2 span { display: none; }
#gallery h2 {
		float: left;
		width: 462px;
		height: 53px;
		padding: 0 0 0 0;
		margin: 0;
		text-align: center;
		background: url(/images/main/title_gallery.gif) no-repeat left center;
		cursor: pointer; 
	}

#gallery .article_wrapper {
	float: left;
	background: #eee;
	width: 130px;
	height: 165px;	
	padding: 0;
	background: url(/images/list/gallery_b1.gif) no-repeat bottom center;	
	}

#gallery .article_image {
	float: left;
	width: 96px;
	height: 89px;
	margin: 0 8px;
	background: #fff;
	text-align: center;
	padding: 7px 0 7px 0;
	background: url(/images/main/gallery_bg.gif) no-repeat;
	}
#gallery .no_image {
	padding-top: 50px;
	color: #999;
	font-weight: bold;
	}

#content_left #seon_center1 {
	clear: both;	
}

#seon_center1 h2 span { display: none; }
#seon_center1 h2 {
		float: left;
		width: 462px;
		height: 44px;
		padding: 0 0 0 0;
		margin: 0;
		text-align: center;
		background: url(/images/main/title_seon_center.gif) no-repeat left center;
		cursor: pointer; 
	}

#frm_region {
		position: relative;
		padding: 0;
		margin: 0;				
	}

#temple_search {
	clear: both;	
	height: 150px;
	padding: 10px 0 0 10px;	
	margin-top: 10px;
	margin-bottom: 10px;
	z-index: 100;
}

#world_map {	
	float: right;
	height: 10px;
	text-align: right;
	background-color:#F5F5F5;
}

#map_all {
	z-index: 1;
}

#temple_list ul {
	clear: both;
	padding: 5px 8px 10px 8px;
	margin: 0;
	list-style: none;
}

#temple_list li {
	clear: both;
	padding: 0 10px; 
	margin: 0; 
	background: url(/images/main/icon_dot.gif) no-repeat;
	background-position: 0 6px;	
	}

#temple_list a:visited, #temple_list a:link {
	color: #6B823E;
	text-decoration: none;
	}
#temple_list a:hover {
	color: #6B823E;
	text-decoration: underline;
	}

#temple_list .temple_news a:visited, #temple_list .temple_news a:link {
	color: #666;
	text-decoration: none;
	}
#temple_list .temple_news a:hover {
	color: #666;
	text-decoration: underline;
	}

/* content_center */
#main_contents #content_center {
		height: 1100px;
		float:left;
	}

#content_center h2 span { display: none; }
#content_center h2 {
		float: left;
		width: 235px;
		height: 22px;
		padding: 0 0 0 0;
		margin: 0;
		text-align: center;
		background: url(/images/main/title_master.gif) no-repeat left center;
		cursor: pointer; 
	}

#seon {
	clear: both;
	border: 1px solid #CCC; 
	width: 233px;
	height: 100%;
	margin-top: 1px;	
}

#seon img {
	float: left;
	padding: 1px;
	margin: 10px 10px 5px 15px;
	border: 1px solid #999;	
	}
#seon p {
	padding: 0;
	margin: 5px;
	}
#seon .topic a:visited, #seon .topic a:link {
	font-weight: bold;
	color: #7F4F39;
	text-decoration: none;
	font-size: 13px;
	}
#seon .topic a:hover {
	font-weight: bold;
	color: #7F4F39;
	font-size: 13px;
	text-decoration: underline;
	}
#seon .sub_topic a:visited, #seon .sub_topic a:link {
	font-weight: normal;
	color: #666;
	text-decoration: none;
	}
#seon .sub_topic a:hover {
	text-decoration: underline;
	}
#seon span { color: #9A9A9A; }

#seon #dharma_talks_list {
	clear: both;
	padding-top: 10px;
}

#dharma_talks_list h2 span { display: none; }
#dharma_talks_list h2 {
		float: left;
		width: 233px;
		height: 25px;
		padding: 0 0 0 0;
		margin: 0;
		text-align: center;
		background: url(/images/main/title_seon_dharma_talks.gif) no-repeat left center;
		cursor: pointer; 
	}

#dharma_talk_list {
	clear: both;
	width: 233px;
	padding: 10px 0 15px 0;	
}

#dharma_talk_list p {
	padding: 3px 0 0 0;
	margin: 0;
	}
#dharma_talk_list img {
	float: left;
	padding: 1px;
	margin: 3px 3px 5px 15px;
	border: 1px solid #999;	
	}

#dharma_talk_list .topic a:visited, #dharma_talk_list .topic a:link {
	padding: 5px 0 5px 0;
	margin: 0;
	font-weight: normal;
	color: #814E39;
	text-decoration: none;
	font-size: 12px;
	}
#dharma_talk_list .topic a:hover {
	font-weight: normal;
	color: #814E39;
	font-size: 12px;
	text-decoration: underline;
	}
#dharma_talk_list span { color: #9A9A9A; }

#seon #library {
	clear: both;
	margin-top: 15px;
}
#library h2 span {
	display: none; 
	}
#library h2 { 
	width: 233px; 
	height: 23px; 
	padding: 0; 
	margin: 0; 
	background: url(/images/main/title_library.gif) no-repeat left center; 
	cursor: pointer; 
	}
#library ul {
	clear: both;
	padding: 10px 8px 0 8px;
	margin: 0;
	list-style: none;
}
#library ul li {
	padding: 0 0 0 22px;
	margin: 0;
	height: 18px;
}
#library ul li.document {
	background: url(/images/icon_archive.gif) no-repeat left center; 
}
#library ul li.media {
	background: url(/images/icon_media.gif) no-repeat left center; 
}
#library ul li.accessary {
	background: url(/images/icon_photo.gif) no-repeat left center; 
}
#library ul li a:visited, #library ul li a:link {
	color: #333;
	text-decoration: none;
}
#library ul li a:hover {
	text-decoration: underline;
}
#library ul li span {
	font: normal 10px verdana;
	color: #999;
}

#seon #news_clipping {
	clear: both;
	margin: 15px 0;
}
#news_clipping h2 span {
	display: none; 
	}
#news_clipping h2 { 
	width: 233px; 
	height: 23px; 
	padding: 0; 
	margin: 0; 
	background: url(/images/main/title_news.gif) no-repeat left center; 
	cursor: pointer; 
	}
#news_clipping ul {
	clear: both;
	padding: 10px 8px 0 8px;
	margin: 0;
	list-style: none;
}

#news_clipping li {
	clear: both;
	padding: 0 10px; 
	margin: 0; 
	background: url(/images/main/icon_dot.gif) no-repeat;
	background-position: 0 6px;
	}
#news_clipping .bg_line {
	clear: both;
	padding: 0; 
	margin: 10px 0; 
	height: 1px; 
	background: url(/images/main/line_bg.gif) no-repeat left center;
	}


/* content_right */
#main_contents #content_right {
		float:left;
		height: 1100px;
	}

#content_right h2 span { display: none; }
#content_right h2 {
		float: left;
		width: 235px;
		height: 22px;
		padding: 0 0 0 0;
		margin: 0;
		text-align: center;
		background: url(/images/main/title_essay.gif) no-repeat left center;
		cursor: pointer; 
	}

#essay {
	clear: both;
	border: 1px solid #CCC;
	background-color: #F7F6F4;
	width: 233px;
	height: 100%;
	margin-top: 1px;
	/*padding: 10px 0 0 0;*/
}

#essay .content_margin {
	margin: 2px 5px 0 10px;
}
#essay .content_center {
	margin: 2px 5px 0 15px;
}

#essay p {
	padding: 3px 0 2px 0;
	margin: 0;	
	}
#essay img {
	float: left;
	margin: 3px 10px 5px 0;
	border: 1px solid #999;	
	}

#essay .topic a:visited, #essay .topic a:link {
	padding: 5px 0 5px 0;
	margin: 0;
	font-weight: bold;
	color: #5F6072;
	text-decoration: none;
	font-size: 12px;
	}
#essay .topic a:hover {
	font-weight: bold;
	color: #5F6072;
	font-size: 12px;
	text-decoration: underline;
	}
#essay span { color: #9A9A9A; }

#essay .bg_line {
	clear: both;
	padding: 2px; 
	height: 1px; 
	background: url(/images/main/essay_line_bg.gif) no-repeat center center;
	}

#content_right h3 span { display: none; }
#content_right h3 {
		float: left;
		width: 233px;
		height: 24px;
		padding: 10px 0 10px 0;
		margin: 0;
		text-align: center;
		background: url(/images/main/title_dharma_talks.gif) no-repeat left center;
		cursor: pointer; 
	}

#content_right h4 span { display: none; }
#content_right h4 {
		float: left;
		width: 233px;
		height: 24px;
		padding: 10px 0 10px 0;
		margin: 0;
		text-align: center;
		background: url(/images/main/title_lecture.gif) no-repeat left center;
		cursor: pointer; 
	}

#content_right h5 span { display: none; }
#content_right h5 {
		float: left;
		width: 233px;
		height: 24px;
		padding: 10px 0 10px 0;
		margin: 0;
		text-align: center;
		background: url(/images/main/title_cartoon.gif) no-repeat left center;
		cursor: pointer; 
	}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Banner
--------------------------------------------------------------------------------------------------------------------------------------------- */
#banner {
	clear: left;
	position: relative;
	background: #fff;
	width: 100%;
	height: 35px;
	margin: 10px 0;
	text-align: center;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {
	clear: left;
	position: relative;
	background: #fff;
	width: 100%;
	height: 65px;
	border-top: 1px solid #ccc;
	text-align: center;
}

#foot {height:64px; padding: 0; margin:0; }
#foot_copy { float: left; margin: 0 40px 0 310px; }
#foot_navi01 { float: left; padding: 20px 0 0 0; margin:0; }
#foot_navi02 { float: left; padding: 20px 0 0 0; margin:0; }
#foot_navi03 { float: left; padding: 20px 0 0 0; margin:0; }