/* UCLA Center for Chinese Studies CSS Stylesheet*/
/* Written by Scott Gruber scott@international.ucla.edu */
/* Updated by Waynesford Sheu 2007 */
/* Updated by Scott Gruber 2012 */
/* begin site architecture */


body {
	color: #000;
	background-color:#efefef;
	/*background-image: url(/china/images/bkgd.jpg);
	background-repeat: repeat-y;
	background-position: top center;	*/
	margin: 0; 
    font:normal 400 100%/1.4 "ProximaNova", Verdana, sans-serif;
    text-rendering: optimizelegibility;
}

#layout {
	background-color: #fff;
	border-left: 1px solid #66583F;
	border-right: 1px solid #66583F;
	padding: 0;
	max-width: 900px;
	margin:0;
	margin-left: auto;
	margin-right: auto;
}

.VideoPlayerContainer {
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 3px 5px rgba(0,0,0,.3);
	box-shadow: 1px 3px 5px rgba(0,0,0,.3);
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
    
	
}

.AudioPlayerContainer {
	margin-bottom: 20px;
}

#bannerimage {

/*	background: #990033;*/
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #66583f;
	height: 175px;
	}

#header {
	margin: 0;
	padding: 0;
	max-width: 900px;
	background-color: #d1c6c0;
}

#nav {
    width:100%;
	float: left;
    max-width: 900px;
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
	list-style: none;
	font-family:  Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	background-color: #E5EBEB;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	}

li#nav-home a {
	margin-left: 0px;
	}

#nav a {
	float: left;
	padding: 10px 23px;
	text-decoration: none;
	color: #536895;
	font-weight: bold;
	}

#nav a:hover, #navregions a.active {
	color: #536895;
	background: #fff;
	}

#nav a.active {
	font-weight: bold;
	background: #666;
}

.hide {
	display: none;
}

.img-caption {
	border-top:;
	border-bottom:;
	padding: 10px 0;
	margin: 10px;
}

.img-caption p.caption {
	font: Georgia
	font-color:;
	font-size: 12px;

}

.maincolumn {
	width: 100%;
	float: left;
	margin-right: -225px;		
}

.maincolumn h1 {
    font-size:1.2em;
    margin-bottom:10px;
}

.maincolumn p {
    font-size:.8em;    
}

.maincolumn .maincontent h1 {
    font-size:1.6em;
}

.maincontent {
	margin-left: 20px;
	padding-right: 25px;
}

.maincontent h4 {
    font-size:1em;
}

.maincontent h6 {
    margin-top:5px;
    margin-bottom:15px;
}

.maincolumn1 {
	width: 100%;
	float: left;
	margin-right: 0px;		
}

.maincolumn2 {
	width: 100%;
	float: left;
	margin-left: 20px;		
}

.leftcolumn {
	margin-right: 0px;		
}

.leftcontent {
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 0px;
}

.centercolumn {
	margin-right: 0px;		
}

.centercontent {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
}

.rightcolumn {
	margin-right: 0px;		
}

.rightcontent {
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 0px;
}


.leftbox {
	border: 2px solid;
	border-color: #536895;
	background-color: #E5EBEB;
	margin: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.centerbox {
	border: 2px solid;
	border-color: #536895;
	background-color: #E5EBEB;
	margin: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.rightbox {
	
	border: 2px solid;
	border-color: #536895;
	background-color: #E5EBEB;
	margin: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.mainbox {
	float:left;
	border: 1px solid;
	border-color: #eee;
	background-color: #FFFFFF;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
    margin-bottom:20px;
    margin-top:15px;
}

#onecolumn {
	width: 100%;
}

.maincontentonecolumn {
	margin-right: 20px;
	margin-left: 20px;
	padding-right: 25px;
}

#listevents h3, #listevents h3+p, #listevents h2+p{
	margin-left: 15px;
}

.sidebar {
	float: right;
	margin-top: 15px;
}

.clearing {
  height: 0;
  clear: both;
}


#footer {
	text-align: center;
	clear: both;
	/*margin-top: 15px;*/
	padding: 20px;
	border-top: 1px solid #2786BB;
	margin-right: auto;
	margin-left: auto;
}

/* end site architecture */


/* design elements on site */

.mainsection {

	margin-bottom: 20px;

}

#eventbox {
	margin-top: 10px;
	float: left;
}

#eventbox h4{
	padding: 0;
	margin: 4px;
}


#eventbox h4, #eventbox p{
	text-align: left;
}



#eventbox img{
	border: 0;
	padding: 0;
	border: 1px solid #536895;
	background-color: #eee;
	padding: 3px;

}

#mainstory {

	margin-top: 10px;


	float: left;

	/*border: 1px solid #536895;*/

}



#mainstory h1{

	padding: 0;

	margin: 0;
	

}



#mainstory h1, #mainstory p{

	text-align: left;

	

}



#mainstory img{
	border: 0;
	padding: 0;
	border: 1px solid #536895;
	background-color: #eee;
	padding: 3px;

}



.eNewsStoryList  {
	padding-left: 0;
	padding-top: 12px;
	padding-bottom: 5px;
	float: right;

}

.eNewsStoryList h4 {
	margin-top: 0;
	margin-bottom: 0;
}



.eNewsStoryList p {
	margin-top: 0;
	margin-bottom: 10px;
}

.eNewsStoryList img.mediumimage {

	border: 3px solid #536895;
	margin-top: 10px;
	margin-bottom: 0;

}



#articleimage img, .articleimage img, .eventimage img{
	border: 1px solid #2786bb;
	background-color: #eee;
	padding: 7px;
	margin-top: 0px;
}



.maincontent img.thumbnail, .maincontent1 img.thumbnail {
	border: 2px solid #2786bb;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}



.specialevent img.mediumimage {
	border: 2px solid #2786bb;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}



#liststories h4+p {
	border-bottom: 1px dotted #536895;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#liststories{
	border-bottom: 1px dotted #536895;
	padding-bottom: 10px;
	margin-bottom: 20px;
    margin-top:10px;
}

#liststories img{
	margin-left:9px;
    margin-right:10px;
}




#signup .calloutbox { 
	border: 1px solid #eee;
	width: 100%;
	margin: 0;
	margin-bottom: 25px;

}

.sharing img {
    margin:0!important;
}


#signup #subscribe {


}

#signup .calloutbox h4 {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: rgb(127,200,107);
	text-transform: uppercase;
	letter-spacing: .2em;
}



.sidebar .calloutbox { 

	border: 1px solid #eee;


	margin: 0;

	margin-bottom: 25px;

}



#leftbox .calloutbox, #leftcenter .calloutbox, #rightcenter .calloutbox, #right .calloutbox  { 

	border: 1px solid #eee;

	margin: 0;

	margin-bottom: 25px;

	padding: 5px;
	

}

.maincolumn .mainbox h3{
	margin: 0px ;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #536895;
	margin-right: -20px;
	margin-left: -20px;
    margin-bottom:20px;
}

.maincolumn .mainbox h4 {
    margin-bottom:20px;
}

.leftcolumn .leftbox h4{
	margin: 0px ;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #536895;
	margin-right: -20px;
	margin-left: -20px;
}

.leftcolumn .leftbox .calloutbox h4 {
    margin-bottom:20px;
}

.centercolumn .centerbox h4{
	margin: 0px ;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #536895;
	margin-right: -20px;
	margin-left: -20px;
    margin-bottom:15px;
}

.centercolumn .centerbox h1 {
    font-size: 1em;
    margin-top:10px;
}

.rightcolumn .rightbox h4{
	margin: 0px ;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #536895;
	margin-right: -20px;
	margin-left: -20px;

}

.sidebar .calloutbox h4 {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #536895;
	text-transform: uppercase;


}

	

#left .calloutbox h4 {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #b2a169;
	text-transform: uppercase;
}	

#leftcenter .calloutbox h4 {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #ff9999;
	text-transform: uppercase;

}	

#rightcenter .calloutbox h4 {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #2786bb;
	text-transform: uppercase;

}

	

#right .calloutbox h4 {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: rgb(127,200,107);
	text-transform: uppercase;
}



.sidebar .calloutbox h5 {
	margin: 0;
	padding: 0 5px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #94CF4C;
}



#left .calloutbox h5 {
	margin: 0;
	padding: 0 5px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #94CF4C;

}

#leftcenter .calloutbox h5 {
	margin: 0;
	padding: 0 5px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #94CF4C;
}

#rightcenter .calloutbox h5 {
	margin: 0;
	padding: 0 5px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #94CF4C;
}



#right .calloutbox h5 {
	margin: 0;
	padding: 0 5px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #94CF4C;
}


.sidebar .calloutbox p {
	margin: 0 0 12px 0;
	padding: 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif; 
	color: #333;
}

.footerimg {
    height:35px!important;
}

.sidebar .calloutbox img { 
	margin-top: 10px;
	margin-left: 5px;
}

.sidebar img.thumbnail {
	border: 2px solid rgb(127,200,107);
	margin-left: 5px;
	float: right;
	clear: both;
}


.sidebar .calloutbox ul {
	margin-left: 15px;
	padding-left: 0;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif; 
}


.sidebar .calloutbox ul li {
	margin: 10px 0 0 12px;
	padding: 0 0 10px 5px;
	line-height: 1.5em;
	list-style: url(/masterpages/china/img/document.gif) none outside;
}

img.personphoto {
	max-width: 100px;
    border:2px solid black;
}

.sidebar .calloutbox form {
	margin-left: 5px;
}



body#home .rightbox .upcomingevent p{
	border: #2786BB;
}

.personLayout h4 {
    margin-bottom:10px;
}









/* css for calendar, event and spotlight events begins here */



#calendarlayout {
	border: 1px solid #eee;
	margin: 0;
	margin-bottom: 25px;

}

#calendarlayout td {
	padding: 1px;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	color: #003366;
}

.monthformat {
	color: #003366;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .2em;
}

.dayweekformat {
	color: #003366;
	font-weight: bold;
}

.calendarlayout a {
	color: #CCFFFF;
}



/* css for calendar, event and spotlight events ends here */



/* typography styles begin here */





h1, h2, h3, h4, h5, h6, h7 {

	/*font-family: Helvetica, Arial, Verdana, sans-serif;

	font-family: Georgia, Garamond, Times New Roman, Times, serif;*/





}



h1 {
	font-size: 1.5em;
}



h2 {
	font-size: 1.4em;
	
}

h3 {
	font-size: 1.3em;
	margin-bottom: 5px;
}

h4 {
	font-size: 1.1em;
}



body#home .leftbox h4, body#home .rightbox h4{
	border-bottom: 1px solid #2786BB;

}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}



p { 
    font-size: .9em;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.4em;

}

.photocaption {
     display: block;
 }


p.tagline {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 10px;

	color: #66583F;

	font-style: italic;

	margin-bottom: 25px;

	

}

p.ctraddress {
    font-size:.8em;
}


p.name {
    font-weight:bold;
}

p.abstract a {
    color: #174e6c;
}

p.abstract {
    font-weight:normal;
}

p.articleAbstract {
    color: #2786bb;
}

.alumniyear {
	font-size: 16px;
	color: #536895;
}



.caption, .navsmall, .photocaption, .small, .breadcrumbs { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.breadcrumbs {
    display: block;
    overflow: hidden;
    list-style: none;
    border-style: none;
    border-width: 0px;
    background-color: #fff;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-left:0;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 10px 0 0 0;
    line-height: 16.8px;
    letter-spacing: 0em;
}

.breadcrumbs > *:before {
    content: ">";
    color: #aaaaaa;
    margin: 0 0.75em;
    position: relative;
    top: 1px;
}

.breadcrumbs li a{
    text-decoration:underline;
    text-transform:none;
}

.breadcrumbs li{
    padding:0!important;
    margin:0!important;
    font-size:1em!important;
    list-style:none!important;
    color:#000;
    text-transform:none;
}

hr {
	border: 0;
	border-bottom: 1px dotted #536895;
	margin-top: 20px;
	margin-bottom: 20px;
}

.storylistbox {
	margin: 25px;
}



.storylistbox img.thumbnail2 {
	margin: 0;
	margin-right: 25px;
	border: 2px solid #536895;
}



.storylistbox h4{
	margin-top: 0;
	margin-bottom: 0;
}



.maincontent  ul {
	margin-left: 10px;
	padding-left: 0;
}

.maincontent1  ul {
	margin-left: 10px;
	padding-left: 0;
}

.maincontent ul li, .maincontent1 ul li {
	margin: 0 0 0 7px;
	padding: 0 0 15px 12px;
	line-height: 1.5em;
	list-style: url(/masterpages/china/img/boxarrow.png) none outside;
}


.maincontent li { 
	line-height: 1.5em;
}


li.podcast, .maincontent1 li.podcast{
	padding: 0 0 15px 12px;
	line-height: 1.7em;
}

ul.storylist {
   margin-left: 10px;
   padding-left: 0;
}

ul.storylist li {
	margin: 0 0 0 7px;
	padding: 0 0 15px 12px;
	line-height: 1.6em;
	list-style: url(/masterpages/china/img/boxarrow.png) none outside;
}

ul.listpeople {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 25px;
}

ul.listpeople  li {
	margin: 0 0 7px 2px;
	padding: 0 0 15px 2px;
	list-style: none;
}

ul.listpeople strong, li.podcasts strong {
	font-size: 14px;
	margin-right: 5px;
}

li.podcasts {
    font-size:.9em;
}


#subscribe td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	padding: 3px;
}


.formback { 
	background-color: #cccccc; 
	color: #000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
}

 
.formbutton { 
	background-color: #536895;
	color: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	border-right: #50555a 1px solid; 
	border-top: #50555a 1px solid; 
	border-left: #50555a 1px solid; 
	border-bottom: #50555a 1px solid
}

 

/* top stories page */





#storystatslist {
	margin: 0;
	margin-top: 15px;
	border: 1px solid #66583F;
	width: 80%;
	padding: 0;
}



#storystatslist tr.titlerow {
	background-color: #eee;
}



#storystatslist td.datarow {
	padding: 2px;
    border-top: 1px solid #9e9689;
}



#storystatslist h4 { 
	font-weight: bold;
	padding: 10px 5px 10px 5px;
	margin: 0;
	color: #039;

}



#storystatslist p {
	padding-left: 5px;
	padding-right: 5px;

}

/* end top stories page css */



/* special formatting for eNewsletter*/



#eNewsletter h4, #eNewsletter p {
	margin-left: 25px;
}





#eNewsletter h4 {
	margin-top: 0;
	margin-bottom: 0;
}





#eNewsletter h5 {
	border-bottom: 1px solid #536895;
	margin-left: 25px;
	margin-bottom: 5px;
	color: #536895;
	font-style: italic;
}


#eNewsletter p.noindent {
	margin-left: 0;
	margin-top: 0;
}


#eNewsletter strong {
	color: #536895;
	font-size: 12px;
}


/* linkology */

a {
	text-decoration: underline;
}

    a:link {
        color: #174e6c;
    }

a:visited {
	color: #536895;
}

a:hover {  
	color: #7364ad;
}

a:active {  


}


a.speciallink {
	text-decoration: none;
	color: #FFFFFF;
}

a.speciallink:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a.speciallink:hover {
	text-decoration: none;
	color: #536895;
	background-color: #FFFFFF
}


/* slideshow css for ccs template */


.slideshowList {
	border-bottom: 1px dotted #536895;
}

#startslideshow, #listslideshows {
	margin-top: 0;
	margin-bottom: 20px;
}


#listslideshows img.thumbnail {
	border: 2px solid #2786BB;
	float: none;
}


#slideshow {
	padding: 5px;
}


#slideshow h1 {
	margin-bottom: 0;
}

#slideshow p {
	margin-top: 0;
	margin-bottom: 10px;
}

#slideshow img.slideImage{
	padding: 5px;
	background-color: #2786BB;
	margin-bottom: 0;
}



.slidedescription{
	color: #1E6A95;
}

.slidecopyright{
	font-style: italic;
}


.slidenumOn {
	background-color: #2786BB;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}



a.slidenumOff {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	background-color: #2786BB;
	text-decoration: none;
}

a:hover.slidenumOff {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	background-color: #7FC86B;
}

/* end slideshow css */



a.button {
	padding:5px 10px;
	background-color: #536895;
	border: 2px solid #ffb300;
	height:35px;
	line-height:30px;
	color: #fff;
	max-width: 170px;
	margin: 0 10px 10px 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	text-decoration:none;
	text-align: center;

}

a:hover.button {
	background-color: #9cb2ca;
	border: 2px solid #536895; 
	text-decoration:none;
	color: #fff;
}

a[href$=".pdf"] {
	padding-right: 25px;
 	background: url(/masterpages/china/img/icon_pdf.png) no-repeat right center;
 }


.chinarelations #top-navbar {
	float: left;
	max-width: 900px;
    width:100%;
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	text-transform: uppercase;
	background-color: #565661;
	/*border-top: 1px solid #66583f;*/
	/*border-bottom: 3px solid #2786BB;*/
	}
	
.chinarelations #top-navbar li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.chinarelations #top-navbar a {
	float: left;
	padding: 7px 13px;
	/*text-decoration: underline;*/
	color: #FFFFFF;
	font-weight: bold;
	}

.chinarelations #top-navbar a:hover, #maincontent1 #top-navbar a.active {
	color: #666;
	background: #fff;
	}
	
.chinarelations #top-navbar a.active {
	font-weight: bold;
	color: #666;
}

.chinarelations .style1 {
    font-size: 12px!important;
}

.chinarelations .style3 {
    font-size: 12px!important;
    color: #526996;
}

.chinarelations h4 {
    font-size: 15px;
    font-weight: bold;
    font-stretch: condensed;
    font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
    color: #000;
}

/*Taiwan Microsite*/


	
.taiwan #layout {
	border-left: 1px solid #66583F;
	border-right: 1px solid #66583F;
	background-color: #fff;
	padding: 0;
	max-width: 900px;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	}
	

.taiwan .storylistbox img.mediumimage{

	float: left;
	margin: 0;
	margin-right: 25px;
	margin-bottom: 25px;
	border: 2px solid #2786BB;

}

.taiwan #header1 {
	margin-top: 0px;
	padding: 0;
	max-width: 900px;
	height: 140px;
	}

.taiwan #navbar {
    float: left;
    max-width: 900px;
    width: 100%;
    padding: 0;
    padding-top: 10px;
    list-style: none;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    background-color: #174e6c;
}
	
.taiwan #navbar li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}

.taiwan #navbar a {
	float: left;
	padding: 7px 13px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}
	
.taiwan #navbar a:hover, #navbar a.active {
	color: #2786BB;
	background: #FFFFFF;
	}
	
.taiwan #navbar a.active {
	color: #FFFFFF;
	background: ##2786BB;
	}

.taiwan h4 {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    color: #174e6c;
}

.taiwan h9 {
	font-size: 5px;
	margin-bottom: 0;
	margin-top: 0;
	color: #2786BB;
	}


/*Sammy Lee Microsite*/

body.sammylee {
	color: #000;
	background-color: #b2a169;
	/*background-image: url(/china/sammylee/images/fernback.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;	*/
	margin: 0; 
}

.sammylee {
    background-color:#b2a169;
}

.sammylee .articleimage img {
    border: 5px solid #39311e;
    margin-top: 15px;
    padding:0;
}

.sammylee #layout {
	background-color: #b2a169;
	border-left: 1px solid #66583F;
	border-right: 1px solid #66583F;
	border-bottom: 1px solid #66583F;
	background-image: url(/masterpages/china/img/sammylee/papertile.jpg);
	background-repeat: repeat;
	max-width: 900px;
	margin:0;
	margin-left: auto;
	margin-right: auto;

}

.sammylee .lectures h6 a {
    font-size:.9em;
}

.sammylee .video-list {
			max-width: 850px;
			display: block;
			
}
.sammylee .videofloat {
	max-width: 250px;
	float: left;
	margin-right: 25px;
	margin-bottom:10px;
	min-height: 260px;
	/*border-top: 1px solid #000;
	border-bottom: 1px solid #000;*/
}
		
.sammylee .videofloat img {
	border: 1px solid #3b3320;
	padding: 5px;
	background-color: #b2a169;
}
		
.sammylee .clearing {
	height: 0;
	clear: both;
}
		
.sammylee .style1 {font-weight: bold}

.sammylee .breadcrumbs {
    display: block;
    overflow: hidden;
    list-style: none;
    border-style: none;
    border-width: 0px;
    background-image: url(/masterpages/china/img/sammylee/papertile.jpg);
	background-repeat: repeat;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-left:0;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 10px 0 0 0;
    line-height: 16.8px;
    letter-spacing: 0em;
}

.sammylee .breadcrumbs > *:before {
    content: ">";
    color: black;
    margin: 0 0.75em;
    position: relative;
    top: 1px;
}

.sammylee .breadcrumbs li a{
    text-decoration:underline;
    text-transform:none;
}

.sammylee .breadcrumbs li{
    padding:0!important;
    margin:0!important;
    font-size:1em!important;
    list-style:none!important;
    color:#000;
    text-transform:none;
}

.sammylee #footer {
    border-top:none;
	text-align: center;
	clear: both;
	/*margin-top: 15px;*/
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
    background-image: url(/masterpages/china/img/sammylee/papertile.jpg);
	background-repeat: repeat;
}

.sammylee a:link {
	color: #000;
}

.sammylee a:visited {
	color: #37311e;
}

.sammylee a:hover {  
	color: #39311e;
}

.sammylee p {
    font-size:.8em;
}
.sammylee h1 {
    font-weight:normal;
    font-size:1.3em;
}

.sammylee h2 {
    font-weight:normal;
    font-size:1.2em;
}

.sammylee h3 {
    font-weight:normal;
    font-size:1.1em;
}

.sammylee .event h4 {
    font-size:.9em;
}

/*Peony Pavilion Subsite*/

body.mudanting  {
	color: #000;
	background-color: #ff9999;
	background-image: url(/masterpages/china/img/mudanting/backtile.jpg);
	background-repeat: repeat-x;
	background-position: top center;	
	margin: 0; 
}

.mudanting #layout {
	background-color: #ffffff;
	/*border-left:10px solid #66583F;
	border-right: 10px solid #66583F;*/
	padding: 0;
	max-width: 760px;
	margin:0;
	margin-left: auto;
	margin-right: auto;
    border:none;

}

.mudanting #footer {
    max-width:758px;
}

.mudanting .image {
	
	padding: 10px;
	border: 1px solid #ff9999;
	background-color: #ffe6e6;
}
.mudanting .leftimage {
	margin: 0;
	margin-right: 25px;
	margin-bottom: 25px;
	float: left!important;
	padding: 10px;
	border: 1px solid #ff9999;
	background-color: #ffe6e6;
}

.mudanting .leftimage2 {
	margin: 0;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 15px;
	float: left;
	padding: 10px;
	border: 1px solid #ff9999;
	background-color: #ffe6e6;
}


.mudanting .rightimage {
	margin: 0;
	margin-left: 25px;
	margin-bottom: 25px;
	float: right;
	padding: 10px;
	border: 1px solid #ff9999;
	background-color: #ffe6e6;
}

.centerColumn {
     background-color: rgb(255, 231, 231);
}

.btn-pic {
    display: -webkit-box;
    padding-bottom:15px;
    background-color: rgb(255, 231, 231);
}

.centerColumn li.pdf {
	list-style: url(/masterpages/china/img/mudanting/icon_pdf.png) none outside;
	
}

.centerColumn ul li {
    font-size:.7em;
	margin: 0 0 0 55px;
	padding: 0px 5px 10px 7px;
	line-height: 1.5em;
	list-style: url(/masterpages/china/img/mudanting/icon-arrow.png) none outside;
}

.mainColumn ul li {
    font-size:.7em;
	margin: 0 0 0 55px;
	padding: 0px 5px 10px 7px;
	line-height: 1.5em;
	list-style: url(/masterpages/china/img/mudanting/icon-arrow.png) none outside;
}

.mid ul li {
    padding-bottom:10px;
    padding-top:0;
}

.mid a[href$=".pdf"] {
    background:none;
}

.centerColumn p {
    padding: 0 7px 0 7px;
    font-size:.8em;
}

.centerColumns img {
    display: -webkit-box;
}

@media only screen and (min-width: 48em) {
    .centerColumn {
        min-height: 1200px;
    }
}

.slideshowContainer {
    text-align:center;
    background-color:#e99799;
}

.flex-container {
    display:inline-block;
    margin:30px;
}

.flex-control-nav {
    display: none;
}

/*Maurice William Archive Microsite*/

body.mauricewilliams {
	background-color: #FFFFFF;
	margin: 0; 
	}

.mauricewilliams #layout {
	border-left: 1px solid #66583F;
	border-right: 1px solid #66583F;
    border-bottom: 1px solid #66583F;
	background-color: #fff;
	padding: 0;
	width: 900px;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	}


.mauricewilliams #navbar {
	float: left;
	max-width: 900px;
    width:100%;
	padding: 0;
	list-style: none;
	font-family: Verdana, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 10px;
	background-color: #000000;
	}
	
.mauricewilliams #navbar li {
	float: left;
	margin-left: 10px;
	padding: 0;
	list-style: none;
    padding-top:5px;
    padding-bottom:5px;
	}

.mauricewilliams #navbar a {
	float: left;
	padding: 1px 20px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}
	
.mauricewilliams #navbar a:hover, #navbar a.active {
	color: #536895;
	background: #FFFFFF;
	}
	
.mauricewilliams #navbar a.active {
	color: #FFFFFF;
	background: ##000000;
	}

.mauricewilliams .storylistbox {
	border: 0px solid #9ba5bb;
	margin: 15px;
	}

    .mauricewilliams .storylistbox img.mediumimage {
        float: left;
        margin: 0;
        margin-right: 25px;
        margin-bottom: 15px;
        border: 0px solid #536895;
    }

.mauricewilliams a:visited {
color: #9ba5bb;
}

.mauricewilliams a:link {
color: #9ba5bb;
}

.mauricewilliams a[href$=".pdf"] {
    padding-right: 25px;
    background: url(/masterpages/china/img/icon_pdf.png) no-repeat right center;
}

.mauricewilliams h4 {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #9ba5bb;
	}