/* West Meets East Special Collections Exhibition CSS 2006 */




body     { font-family : "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; margin-top: 0px; background-repeat: repeat-x; background-image: url(gfx/back_repeat.gif); background-color: #333333; }
	
/* box layout */

/* boxwrap is the white bordered layout around the outside of the layout */
.boxwrap   { width: 950px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background-repeat: no-repeat; }


 /* boxbody encapsulates boxleft and boxcenter */
 
.boxbody   { width: 620px; float: left; margin-bottom: 15px; }


/* nav */


.leftnavbox { background-color: #333333; width: 560px; float: left; vertical-align: middle; margin-top: 0px; margin-left: 40px; padding-top: 0px; padding-bottom: 0px; height: 420px; }
	.leftnavbox form { margin: 0px; padding: 0px; }
		.leftnavbox form select { width: 120px; }
	.leftnavbox h4 { width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: #333333; margin: 0px 0px 9px; padding: 0px; font-weight: normal; border-bottom: 1px dotted #cccccc; background-color: #FFFFFF; }
		.leftnavbox h4 a { text-decoration: none; color: #003366; display: block; }
		.leftnavbox h4 a:hover { color: #003399; background-color: #F8F8F6; }
	.leftnavbox p { font-family : "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #333333; margin: 0px; font-weight: normal; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #BCC5CB; padding-left: 0px; padding-right: 0px; }
		.leftnavbox p a { text-decoration: none; color: #8B8573; display: block; }
		.leftnavbox p a:hover { color: #7D8A92; background-color: #F3F3F3; }
	
.leftnavsub { background-color: #FFFFFF; width: 175px; float: left; vertical-align: top; margin-top: 0px; margin-left: 12px; padding-top: 5px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; line-height: 17px; }
	.leftnavsub a { text-decoration: none; color: #7D8A92; display: block; }
	.leftnavsub a:hover { color: #8B8573; background-color: #F3F3F3; }



.boxcenter { width: 325px; float: right; vertical-align: top; margin-bottom: 30px; margin-right: 35px; margin-top: 38px; color: #666666; }
	.boxcenter h1 { color: #8E9E9C; margin-top:25px; margin-bottom: 15px; }
	.boxcenter h2 { color: #798790; font-size:21px; line-height: 19px; font-weight: lighter; letter-spacing: 1px;}
	.boxcenter h3 { font-size: 14px; line-height: 17px; text-align: left; font-weight: bold; padding-left: 0px; }
		.boxcenter h3 a { color: #2B557F; text-decoration: underline; }
		.boxcenter h3 a:hover { color: #8E9E9C; text-decoration: none; }
	.boxcentre h4 { font-size: 12px; line-height: 17px; text-align: left; font-weight: bold; padding-left: 0px; }
		.boxcenter h4 a { color: #2B557F; text-decoration: underline; }
		.boxcenter h4 a:hover { color: #8E9E9C; text-decoration: none; }
	.boxcenter p { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; text-align: left; color: #878787; }
		.boxcenter p a { color: #2B557F; text-decoration: underline; }
		.boxcenter p a:hover { color: #8E9E9C; text-decoration: none; }
	.boxcenter ul { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; text-align: left; color: #6C6859; }
		.boxcenter ul a { color: #2B557F; text-decoration: underline; }
		.boxcenter ul a:hover { color: #8E9E9C; text-decoration: none; }
	.boxcenter ol { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; text-align: left; color: #6C6859; }
		.boxcenter ol a { color: #2B557F; text-decoration: underline; }
		.boxcenter ol a:hover { color: #8E9E9C; text-decoration: none; }

/*
.boxleft   { width: 130px; float: left; vertical-align: top; margin-top: 10px; margin-left: 50px; }
	.boxleft h3 { font-size: 12px; line-height: 17px; text-align: left; font-weight: bold; padding-left: 0px; }
	.boxleft p { font-size: 11px; line-height: 13px; text-align: left; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; }
	.boxleft a { color: #8B8573; text-decoration: none; }
	.boxleft a:hover { color: #778894; border-bottom: 1px solid #999999; }
	.boxleft a:visited { color: #629D32; }
*/

.boxright  { width: 245px; float: right; margin-top:40px; margin-right: 50px; overflow: auto; height: 400px; padding-right: 20px; }
	.boxright p { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; text-align: left; color: #878787; border-bottom-width: 1px; 	border-bottom-style: dotted; border-bottom-color: #999999; padding-top: 25px; padding-bottom: 25px; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; margin-bottom: 15px; }
		.boxright p a { color: #2B557F; text-decoration: underline; }
		.boxright p a:hover { color: #8E9E9C; text-decoration: none; }
	.boxright img { margin: 0; padding: 0; border: 0px none #FFFFFF; }
	.boxright h1 { color: #8E9E9C; margin-top:25px; margin-bottom: 15px; }
	.boxright h2 { color: #E31620; font-size:21px; line-height: 19px; font-weight: lighter; letter-spacing: 1px;}
	.boxright h3 { font-size: 14px; line-height: 17px; text-align: left; font-weight: bold; padding-left: 0px; color: #FFFFFF; }
		.boxright h3 a { color: #2B557F; text-decoration: underline; }
		.boxright h3 a:hover { color: #8E9E9C; text-decoration: none; }
	.boxright h4 { font-size: 12px; line-height: 17px; text-align: left; font-weight: bold; padding-left: 0px; }
		.boxright h4 a { color: #2B557F; text-decoration: underline; }
		.boxright h4 a:hover { color: #8E9E9C; text-decoration: none; }


.boxheader { width: 100%; height: 158px; }
	.boxheader h1 {	text-indent: -999em; margin: 0;	display: none; }
	.boxheader h2 {	text-indent: -999em; margin: 0;	display: none; }
	.boxheader p { margin: 0; padding: 0; color: #FFFFFF; }
	
.boxfooter { width: 830px; clear: both; margin-left: 60px; border-top-width: 1px; border-top-style: dotted; border-top-color: #666666; margin-top: 0px; padding-top: 10px; }
	.boxfooter p { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 13px; color: #999999; }
	.boxfooter p a { color: #999999; text-decoration: none; font-weight: normal; }
	.boxfooter p a:hover { color: #E31620; text-decoration: none; }
	

.footer a { color: #999999; text-decoration: underline; font-weight: normal; }
.footer a:hover { color: #E31620; text-decoration: none; }


		
.breadcrumbs { font-family : "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; text-align: left; color: #666666; padding-left: 9px; margin-top: 9px; }
	.breadcrumbs a { color: #2B557F; text-decoration: none; }
	.breadcrumbs a:hover { color: #8E9E9C; text-decoration: underline; }
	.breadcrumbs a:visited { color: #2B557F; }



.boxclear  { clear: both; line-height: 0px }  

 
    
div { margin: 0px; padding: 0px; margin-bottom: 0px; }



h1 { padding: 2px 10px; margin: 0px;}s



h1 { font-size: 1.3em; }



#scrolling div.boxleft, #scrolling div.boxright { overflow: auto; height: 4em;}
	
.title { font-size: 16px; color: #445566; padding-bottom: 15px; }