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

/*	header
-----------------------------------------------------------*/
header{
	height:162px;
}
nav#menu ul li#outline a{
	float:left;
	width:140px;
	height:90px;
	padding:0 1px;
	background-image:url(../img/outline.png);
	background-position:1px;
}
nav#menu ul li#history a{
	float:left;
	width:140px;
	height:90px;
	background-image:url(../img/history.png);
}
nav#menu ul li#member{
	float:left;
	width:142px;
	height:90px;
	background-image:url(../img/member_03.jpg);
}

/*  topicpath
-----------------------------------------------------------*/
nav#topicpath{
	width:100%;
	height:42px;
	background-image:url(../img/topicpath_back.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	zoom:1; /* for IE6 */
	position:relative; /* for IE6 */
}
nav#topicpath ol{
	list-style:none;
	color:#FFFFFF;
	width:960px;
	height:29px;
	margin:0 auto;
	padding:13px 0 0 5px;
	background: url(../img/topicpath01.gif) no-repeat 0% 15px;
	zoom:1; /* for IE6 */
	position:relative; /* for IE6 */
}
nav#topicpath ol li{
	display: table-cell;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */
	padding: 0 9px 0 14px;
}
nav#topicpath ol li.topicpath-mark{
	background: url(../img/topicpath02.gif) no-repeat 0% 1px;
}
nav#topicpath ol li a{
	color:#FFFFFF;
}


/*	content
-----------------------------------------------------------*/
article#content div.content-inner{
	padding-left:20px;
	background-image:url(../img/contents_back.gif);
	background-repeat:repeat-y;
	zoom:1; /* for IE6-7 */
}
h2#details-title{
	width:960px;
	height:70px;
	background-image:url(../img/details_title.jpg);
	text-indent:-9999px;
	margin:20px 0 2px;
}
#inner-title{
	font-size:21px;
	font-weight:normal;
	color:#323232;
	margin-bottom:10px;
}
section#profile{
	margin-bottom:20px;
	overflow:hidden;
}
section#profile h4{
	text-indent:-9999px;
	width:960px;
	height:24px;
	background-image:url(../img/profile_title.gif);
	margin-bottom:10px;
}
section#profile img#picture{
	width:209px;
	float:left;
}
section#profile div#with-picture{
	width:711px;
	float:right;
}
section#profile div#without-picture{
	width:940px;
	float:left;
}
section#profile div#with-picture p{
	margin-bottom:10px;
}
section#profile div p#name {
	font-size:18px;
	font-weight:bold;
}
section#profile div p img#mail{
	margin-top:-4px;
	vertical-align:middle;
	padding-left:6px;
	width:61px;
	height:17px;
}
section#profile div ul{
	list-style:none;
	margin-bottom:10px;
}
section#profile div ul#web li{
	background-repeat:no-repeat;
	padding-left:21px;	
}
section#profile div ul#web li.external-links{
	background-image:url(../img/external.gif);
}
section#profile div ul#web li.facebook{
	background-image:url(../img/facebook.gif);
}
section#profile div ul#web li a{
	color:#609443;
	text-decoration:none;
}
section#profile div ul#web li a:hover{
	color:#84b867;
}
section#activity h4{
	text-indent:-9999px;
	width:960px;
	height:24px;
	background-image:url(../img/activity_title.gif);
	margin-bottom:10px;
}
section#activity p{
	margin-bottom:10px;
}
section#activity ul{
	list-style:none;
	margin-bottom:10px;
}
section#activity ul#thumbnail-08{
	overflow:hidden;
	margin-left:-20px;
	list-style:none;
}
section#activity ul#thumbnail-08 li{
	width:172px;
	padding-left:20px;
	float:left;
}
section#activity ul#thumbnail-08 li p{
	margin-top:2px;
	font-size:11px;
	text-align:left;
}
/*	NDHOUSE
-----------------------------------------------------------*/
section#ndhouse img#ndhouse-map{
	margin-bottom:15px;
}
section#ndhouse h4{
	font-size:16px;
	font-weight:bold;
	padding:4px 0 3px 8px;
	margin:0 0 5px 0;
	background-color:#87C548;
	color:#FFF;
}
section#ndhouse h4 span#ndhouse-title{
	font-size:18px;
}
section#ndhouse p{
	margin-bottom:15px;
	text-indent:-1em;
	padding-left:1em;
}
section#ndhouse p#ndhouse-access,section#ndhouse p#ndhouse-contact{
	text-indent:0em;
	padding-left:0em;
}
.ndhouse-head{
	font-weight:bold;
	color:#607433;
}
.ndhouse-head2{
	padding-left:1em;
	display:inline-block;
	vertical-align:top;
	width:3em;
}
.ndhouse-access-head{
	padding-left:1em;
	display:inline-block;
	vertical-align:top;
	width:11em;
}
.ndhouse-txt{
	vertical-align:top;
	display:inline-block;
}
section#ndhouse p a{
	color:#900;
	font-weight:bold;
}
section#ndhouse p a:hover{
	color:#C00;
}
span#ndhouse-pdf{
	position:relative;
	top:-4px;
}
section#ndhouse ul#thumbnail-08{
	overflow:hidden;
	margin-left:-20px;
	list-style:none;
}
section#ndhouse ul#thumbnail-08 li{
	width:300px;
	padding-left:20px;
	float:left;
}
section#ndhouse ul#thumbnail-08 li p{
	margin-top:1px;
	font-size:14px;
	text-align:left;
	height:18px;
}
/*	clearfix
-----------------------------------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}