/*-----
Layout and positioning
-----------------------*/


body{
	background:#fff;
	text-align:center;
	background:url(../img/body-bg.gif) left top repeat-x;
}

#wrapper{
	text-align:left;
	margin:0 auto 0 auto;
	width:904px;
}

	#wrapper #top{
		height:35px;
	}

	#top h1{
		padding:9px 0 0 0;
	}

	#top h1 a{
		display:block;
		background:url(../img/h1-ymt.gif) left top no-repeat;
		width:160px;
		height:21px;
		text-indent:-999em;
	}

		#top ul.accessibility{
			float:right;
			list-style-type:none;
			padding:4px 18px 0 0;
		}
		
		#top ul.accessibility li a span{display:none;}
		#top ul.accessibility li.small a{text-transform:lowercase;}
		#top ul.accessibility li.normal a{text-transform:uppercase;}
		#top ul.accessibility li.large a{text-transform:uppercase;}

		#top ul.accessibility li a,
		#top ul.accessibility li{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			text-decoration:none;
		}
		
		#top ul.accessibility li a:hover,
		#top ul.accessibility li.selected a{
			text-decoration:underline;
		}

		#top ul.accessibility li.text-only{ padding-right:6px; }
		#top ul.accessibility li.large{
			font-size:1.4em; 
			padding-top:3px;
		}
		#top ul.accessibility li{
			float:left;
			padding:5px 2px 5px 2px;
		}

	#wrapper #left{
		float:left;
		width:207px;
		margin-top:29px;
	}
	
		#left h2 a{
			display:block;
			background:url(../img/h2-sashikotextiles.gif) left top no-repeat;
			height:183px;
			width:207px;
			text-indent:-999em;
		}

		#left #navigation{
			list-style-type:none;
			padding:11px 0 0 0;
			
		}

			#left #navigation li{
				margin-top:1px;
				background-color:#6d6d6d;
				font-size:1.3em;
			}
			
			#left #navigation li a:hover,
			#left #navigation li.selected,
			#left #navigation li.selected a{
				color:#333333;
				text-decoration:none;
				background-color:#cce0ed;
			}
			
			#left #navigation li a{
				display:block;
				text-decoration:none;
				height:19px;
				color:#FFF;
				padding:4px 0 0 9px;
			}

	#wrapper #right{
		float:right;
		width:686px;
		margin-top:29px;
	}
	
		#wrapper #right p{
			margin-bottom:1em;
		}
		
		#wrapper #right .body-text a{color:#40c5dd; text-decoration:underline;}
		#wrapper #right .body-text a:hover{text-decoration:none;}		

	#wrapper #footer{
		clear:both;
		float:left;
		width:904px;
		margin-top:20px;
		padding-top:10px;
		border-top:1px solid #8b9299;
	}
	
	#footer .info{
		float:left;
	}
	
	#footer ul.links li,
	#footer p{color:#6d6d6d; font-size:0.9em; line-height:1.4em;}
	
	#footer ul.links li{
		float:left;
		margin-left:10px;
	}
	#footer ul.links li a{color:#6d6d6d; text-decoration:none;}
	#footer ul.links li a:hover{color:#40c5dd; text-decoration:underline;}
	
	#footer ul.links li.first{margin-left:0;}
	
	
	#footer .sponsors{
		float:left;
		margin-left:20px;
	}
	
	#footer ul.logos li{
		display:block;
		float:left;
		text-indent:-999em;
		height:35px;
		margin-left:10px;
	}
	
	/* logo sprites */
	
	#footer ul.logos{
		width:440px;
	}
	
	#footer ul.logos li a{
		display:block;
		height:35px;
	}
	
	#footer ul.logos li.lf{
		display:block;
		_display:inline;
		height:35px;
		width:41px;
		background:url(../img/logo-sprites-2.png) no-repeat 0 0;
	}
	
	#footer ul.logos li.eff a{
		width:52px;
		background:url(../img/logo-sprites-2.png) no-repeat -42px 0px;
	}
	
	#footer ul.logos li.jf a{
		width:35px;
		background:url(../img/logo-sprites-2.png) no-repeat -94px 0px;
	}
	
	#footer ul.logos li.gbsf a{
		width:40px;
		background:url(../img/logo-sprites-2.png) no-repeat -130px 0px;
	}
	
	#footer ul.logos li.ja a{
		width:35px;
		background:url(../img/logo-sprites-2.png) no-repeat -170px 0px;
	}
	
	#footer ul.logos li.ju150 a{
		width:33px;
		background:url(../img/logo-sprites-2.png) no-repeat -205px 0px;
	}
	
	#footer ul.logos li.ry a{
		width:37px;
		background:url(../img/logo-sprites-2.png) no-repeat -238px 0px;
	}
	
	#footer ul.logos li.stu a{
		width:59px;
		background:url(../img/logo-sprites-2.png) no-repeat -275px 0px;
	}

	#footer ul.logos li.nl-sac{
		margin:5px 0 0 0;
		width:185px;
		background:url(../img/logo-sprites-2.png) no-repeat -334px 0px;
	}
	
	#footer ul.logos li.coll a{
		margin-top:5px;
		width:65px;
		background:url(../img/logo-sprites-2.png) no-repeat -519px 0px;
	}
	
	#footer ul.logos li.ymt a{
		margin-top:5px;
		width:133px;
		background:url(../img/logo-sprites-2.png) no-repeat -584px 0px;
	}
	
	
	p.copy{color:#6d6d6d; float:right;}
		
#wrapper #right p.paginator{
	display:block;
	clear:both;
	text-align:right;
	margin:8px 0 1px 0;
	_margin:8px 0 8px 0;
}

#wrapper #right p.paginator a{
	color:#333333;
	text-decoration:none;
}

#wrapper #right p.paginator a:hover,
#wrapper #right p.paginator a.selected{
	color:#00b1d0;
	text-decoration:underline;
}


/*----- 
Page Specific 
-----------------------*	

/* homepage */

#homepage #right #image-area{
	position:relative;
	height:314px;
	width:686px;
	background:url(../img/homepage-image-01.jpg) no-repeat 0 0;
}

#homepage #right #image-area p.caption{
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#e1e1e1;
	margin:0;
	padding:5px;
}

#homepage #right .feature-gallery{
	float:left;
	width:158px;
	margin:10px 0 20px 90px;
}

#homepage #right .last{
	padding:0;
	margin:10px 0;
	width:167px;
	float:right;
}


#homepage #right .feature-gallery a{display:block; text-decoration:none;}
#homepage #right .feature-gallery a:hover p{color:#81c5e6;}
#homepage #right .feature-gallery a:hover{cursor:pointer;}

#homepage #right .feature-gallery p{margin:0; clear:both;}

#homepage #right .first{
	width:179px;
	padding:0;
	margin:10px 0;
}

#homepage #right h4{margin-bottom:1em;}

#homepage #right h4.yag{
	width:159px;
	height:22px;
	border:none;
	text-indent:-999em;
	background:url(../img/homepage-headers.png) no-repeat 0 0;
}

#homepage #right .feature-gallery a:hover h4.yag{background:url(../img/homepage-headers.png) no-repeat -159px 0;}

#homepage #right h4.cog{
	width:146px;
	height:22px;
	border:none;
	text-indent:-999em;
	background:url(../img/homepage-headers.png) no-repeat 0 -44px;
}

#homepage #right .feature-gallery a:hover h4.cog{background:url(../img/homepage-headers.png) no-repeat -146px -44px;}

#homepage #right h4.plg{
	width:167px;
	height:22px;
	border:none;
	text-indent:-999em;
	background:url(../img/homepage-headers.png) no-repeat 0 -22px;
}
#homepage #right .feature-gallery a:hover h4.plg{background:url(../img/homepage-headers.png) no-repeat -167px -22px;}

#homepage #right .feature-gallery p{
	font-size:1.3em;
	line-height:1.4em;
}

#homepage #right .feature-gallery p strong{font-size:1.1em;}


#homepage #right .banner-area{
	clear:left;
	height:91px;
	width:686px;
	background:url(../img/JAL-Sashiko-Web-Button1.jpg) no-repeat 0 0;
}

#homepage #right .banner-area a{
	display:block;
	height:91px;
	width:686px;
}

/* Visitor Information */

#visitor #right .body-text{
	float:left;
	width:317px;
	background-color:#ececec;
	padding:0 10px;
}

#visitor #right .body-text h3.visitor-info{
	width:184px;
	height:22px;
	margin:10px 0 30px 0;
	border:none;
	text-indent:-999em;
	background:url(../img/h-visitor-information.gif) no-repeat 0 0;
}


#visitor #right .body-text h4.sashiko-textiles{
	width:238px;
	height:22px;
	margin-bottom:10px;
	border:none;
	text-indent:-999em;
	background:url(../img/h-sashiko-textiles.gif) no-repeat 0 0;
}

#visitor #right .body-text p strong.heading{
	color:#00718b;
}


#visitor #right .image-area{
	float:left;
	height:45px;
	width:337px;
	margin-left:12px;
}

#visitor #right .image-area p.caption{
	margin:0 0 10px 0;
	padding:0.5em 0 0.5em 20px;
	font-size:1em;
	background-color:#ececec;
}

#visitor #right .image-area .image{
	height:182px;
	width:337px;
	background-color:#CC3333;
}


/* publications */

#publications #right .body-text{
	float:left;
	width:317px;
}

#publications #right .body-text .descriptive{
	background-color:#ececec;
	padding:10px;
	margin-bottom:10px;
}

#publications #right .body-text h3.publications{
	width:119px;
	height:22px;
	margin:10px 0;
	border:none;
	text-indent:-999em;
	background:url(../img/h-publications.gif) no-repeat 0 0;
}

#publications .body-text dl{
	background:url(../img/pdf-icon.png) no-repeat 0 0;
	margin-bottom:20px;
}

#publications .body-text dl.last{height:41px;}
#publications .body-text dl.last dt{height:41px; line-height:41px;}


#publications .body-text dl dt{
	padding-left:50px;
	font-size:1.2em;
	font-weight:bold;
	color:#00678f;
}

#publications .body-text dl dd{
	padding-left:50px;
	font-size:1.2em;
	line-height:1.2em;
}

#publications .body-text dl dd.last{
	margin-top:1em;
}

#publications .body-text dl dt.last{
	height:41px;
	line-height:41px;
	color:#333333;
	font-weight:normal;
}

#publications #right .image-area{
	float:left;
	width:337px;
	margin-left:12px;
}

#publications #right .image-area p.caption{
	margin:0 0 10px 0;
	padding:0.5em 3px 0.5em 20px;
	font-size:1em;
	background-color:#ececec;
}

#publications #right .image-area .image{
	height:187px;
	width:337px;
}


/* exhibitions and events */

#exhibitions #right .banner-area{
	floay:left;
	height:91px;
	width:686px;
	background:url(../img/JAL-Sashiko-Web-Button2.jpg) no-repeat 0 0;
	margin-bottom:10px;
}

#exhibitions #right .banner-area a{
	display:block;
	height:91px;
	width:686px;
}

#exhibitions #right .descriptive{
	float:left;
	height:204px;
	min-height:204px;
	height:auto;
	width:317px;
	padding:13px 10px 10px 10px;
	background-color:#cce0ed;
}

#exhibitions #right minheight{
	height:90%;
	min-height:204px;
}

#exhibitions #right .descriptive p.last{
	margin:0;
}

#exhibitions #right .descriptive h3.sashiko{
	width:119px;
	height:22px;
	margin-bottom:10px;
	border:none;
	text-indent:-999em;
	background:url(../img/h-sashiko.gif) no-repeat 0 0;
}

#exhibitions #right .image-area{
	float:left;
	width:337px;
	margin-left:10px;
}

#exhibitions #right .image-area .image{
	width:337px;
}

#exhibitions #right .image-area p.caption{
	padding-left:20px;
	height:53px;
	line-height:53px;
	font-size:1em;
	background-color:#ececec;
	margin:0;
}

#exhibitions #right #events-area{
	float:left;
	width:666px;
	margin-top:10px;
	padding:13px 10px 10px 10px;
	background-color:#f3f3f4;
}

#exhibitions #right #events-area h3.special-events{
	width:134px;
	height:22px;
	margin-bottom:10px;
	border:none;
	text-indent:-999em;
	background:url(../img/h-special-events.gif) no-repeat 0 0;
}


#exhibitions #right #events-area .event-col{
	float:left;
	width:323px;
	margin-left:10px;
}

#exhibitions #right #events-area .event{
	float:left;
	clear:left;
	width:323px;
}

#exhibitions #right #events-area .first{
	margin-left:0px;
}

#exhibitions #right #events-area .event .thumbnail-area{
	float:left;
	padding-top:10px;
	border-top:5px solid #FFFFFF;
}

#exhibitions #right #events-area .event .thumbnail{
	height:50px;
	width:50px;
}

#exhibitions #right #events-area .event .thumbnail-area .felt{
	background:url(../img/felt-thumb.jpg) no-repeat 0 0;
}

#exhibitions #right #events-area .event .text-area{
	float:left;
	width:253px;
	padding:10px;
	border-top:5px solid #FFFFFF;
}

#exhibitions #right #events-area .event .text-area h5{
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	color:#00678f;
}

#exhibitions #right #events-area .event .text-area p strong{
	font-weight:normal;
	color:#00678f;
}

#exhibitions #right #events-area .event .text-area p.last{
	margin:0;
}


#exhibitions #right #events-area .event-col .first .thumbnail-area,
#exhibitions #right #events-area .event-col .first .text-area{
	border-top:none;
}

/* press releases */


#press #right{
	margin-top:29px;
} 

#press #right #main-content{
	float:left;
	width:666px;
	background-color:#f3f3f4;
	padding:10px;
}

#press #right #main-content .press-release{
	float:left;
	clear:left;
	width:666px;
	background-color:#f3f3f4;
	margin-top:10px;
	padding-top:10px;
	border-top:5px solid #FFFFFF;
}

#press #right #main-content .first{
	border:none;
	padding:0;
}

#press #right #main-content .press-release p{
	margin-bottom:0;
}

#press #right #main-content h3.press-releases{
	width:138px;
	height:22px;
	margin-bottom:10px;
	border:none;
	text-indent:-999em;
	background:url(../img/h-press-releases.gif) no-repeat 0 0;
}

#press #right #main-content .press-release h4{
	float:left;
	clear:left;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	width:18em;
	color:#00678f;
}

#press #right #main-content .press-release h5{
	float:left;
	clear:left;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:normal;
	width:24em;
	color:#00678f;
}

#press #right #main-content .press-release p{
	float:left;
	clear:left;
	width:450px;
	margin-top:1em;
}

#press #right #main-content .press-release .image{
	float:right;
	clar:both;
	height:98px;
	width:190px;
	background-color:#c7c8cb;
}


/* gallery grid-view */

#gallery #right{
	margin-top:0;
}

#gallery #right #main-content{
	float:left;
	width:686px;
	background-color:#FFFFFF;
	clear:both;
}

#gallery #right .image-area{
	float:left;
	width:128px;
	margin:10px 0 0 11px;
	_display:inline;
}


#gallery #right .image-area a{
	display:block;
	text-decoration:none;
}

#gallery #wrapper #right .image-area a:hover{
	background-color:#cce0ed;
	cursor:pointer;
}

#gallery #wrapper #right .image-area a:hover div.enlarge{
	background:url(../img/zoom-icon.gif) no-repeat -35px 0;
}

#gallery #right .first{
	margin-left:0;
}


#gallery #right .top{
	margin-top:0;
}

#gallery #right .image-area .image{
	position:relative;
	background-position:center center;
	height:131px;
	width:128px;
	background-color:#d1d2d4;
}

#gallery #right .image-area .image .enlarge{
	position:absolute;
	height:35px;
	width:35px;
	top:96px;
	left:93px;
	background:url(../img/zoom-icon.gif) no-repeat 0 0;

}

#gallery #wrapper #right .image-area p{
	display:block;
	height:33px;
	overflow:hidden;
	width:108px;
	margin:0;
	padding:10px;
}


/* gallery detail-view */

#gallery-image #right{
	margin-top:0;
}

#gallery-image #right #main-content{
	float:left;
	width:686px;
	background-color:#FFFFFF;
	clear:both;
}

#gallery-image #right #main-content h4{
	color:#00718b;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
}

#gallery-image #right #main-content .image-area{
	float:left;
	width:334px;

}

#gallery-image #right .image-area ul{margin-top:10px;}

#gallery-image #right .image-area ul li{
	float:left;
	margin-left:1em;
}


#gallery-image #right .image-area ul li.first{float:left; margin:0;}
#gallery-image #right .image-area ul li.last{float:right; margin:0;}


#gallery-image #right #main-content .image-area .image{
	height:311px;
	width:334px;
	border:1px solid #ececed;
}


#gallery-image #right #main-content .text-area{
	float:left;
	margin-left:12px;
	width:338px;
}