@charset "utf-8";


#wrapper {
	margin:0 auto 24px auto;
	width:975px;

}


#pageheader {
	background:url(/public/resources/banner.png) center left no-repeat;
	display:inline;
	width:975px;
	height:140px;
	float: left;
}

#pageheader h1 a {
	display:inline;
	text-indent:-9999px;
	float: left;
} 


#pagebody { 
	clear: both;
}
	
ul#langbar {
	list-style-type: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
	display: inline;
	float: right;
}

ul#langbar li {
	padding-left: 5px;
	padding-right: 5px;
}

ul#langbar a {
	text-decoration: none;
	color: #052a6e;
	font-weight: bold;
	font-size: 9pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-align: right;
	vertical-align: middle;
}

ul#langbar a:hover {
    color: #FFFFFF;
}

div#topnavbox {
	clear: both;
	background-color: #2657B3;
	height: 30px;	
}

ul#topnav {
	float:right;
	list-style:none;
	clear: right;
	text-align:right;
	margin-top: 3px;	
}

ul#topnav li {
	float: left;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}

ul#topnav li * {
	vertical-align: middle;
	text-decoration: none;
	color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: right;
}

ul#topnav li a:hover {
	color: yellow;
}

#pagebody .column {
	position: relative;
	padding:10px;
	
}


#maincolumn {
	width: 400px;
	float: left;
	margin-left: 20px;
	margin-right:10px;
	margin-top: -10px;  /* align with  #leftcolumn */
}

#leftcolumn {
	width: 150px;         /* LC width */
	background: #2657B3;
	float: left;
}

#rightcolumn {
    width: 240px;          /* RC width */
	float: left;
	margin-right: 7px; 		/* align with  banner (flushed) */
	margin-top: -10px;      /* align with  #leftcolumn */
}

#maincolumn2 {
    width: 775px;
	float: right;
}


#footer {
  clear: both;
}

/*Press Statement Blurb -- ENG*/
#press { 
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 10.5pt; 
  line-height: 1.4em;
  font-family: Georgia, Palatino, Garamond, Hoefler Text, Times, "Times New Roman", serif;
}

#press h2  {
  color: #1D4287;
  font-weight: bold;
  font-size: 9.5pt;
  line-height: 12px;
}

#press h3 { 
  font-weight: bold; 
  font-size: 11.75pt;
  line-height: 1.25em;
  margin-bottom: 0;
}

#press h4 { 
  font-size: 8pt;
  margin: 0 0 1em;
}

#press .date { 
  font-size: 8pt;
}

#press a { 
  font-weight: bold; 
  color: #a60800; 
  text-decoration: none; 
}

/*Press Statement Blurb -- CHN*/
#chnpress { 
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 11.5pt; 
  font-family: Tahoma, Verdana, Geneva, sans-serif;
  line-height: 18pt;
}

#chnpress h2  {
  color: #1D4287;
  font-weight: bold;
  font-size: 11.5pt;
}

#chnpress h3 { 
  font-weight: bold; 
  font-size: 14pt;
  margin-bottom: 0;
}

#chnpress h4 { 
  font-size: 9pt;
  font-weight: normal;
  margin: 0 0 1em;
}

#chnpress .date { 
  font-size: 9pt;
}

#chnpress a { 
  font-weight: bold; 
  color: #a60800; 
  text-decoration: none; 
}

/*Press Feature -- ENG*/
#prfeature { 
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 10.5pt; 
  line-height: 1.4em;
  font-family: Georgia, Palatino, Garamond, Hoefler Text, Times, "Times New Roman", serif;
  background-color: #fffae1;
  color: #000000;
  margin: 10px 4%;
  padding: 0 10px;
  border: 3px #ffd65d solid;
}

#prfeature h2  {
  color: #a60800;
  font-weight: bold;
  font-size: 10pt;
  margin-bottom: 0;
}

#prfeature h3 { 
  font-weight: bold; 
  font-size: 11.75pt;
  line-height: 1.25em;
  margin-bottom: 0;
  margin-top: 0;
}

#prfeature h4 { 
  font-size: 8pt;
  margin: 0 0 1em;
}

#prfeature .date { 
  font-size: 8pt;
}

#prfeature a { 
  font-weight: bold; 
  color: #a60800; 
  text-decoration: none; 
}

/*Press Feature -- CHN*/
#cpfeature { 
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 11.5pt; 
  line-height: 18pt;
  font-family: Tahoma, Verdana, Geneva, sans-serif;
  background-color: #fffae1;
  color: #000000;
  margin: 10px 4%;
  padding: 0 10px;
  border: 3px #ffd65d solid;
}

#cpfeature h2  {
  color: #a60800;
  font-weight: bold;
  font-size: 9pt;
  margin-bottom: 0;

}

#cpfeature h3 { 
  font-weight: bold; 
  font-size: 14pt;
  margin-top: 0;
  margin-bottom: 0;
}

#cpfeature h4 { 
  font-size: 9pt;
  font-weight: normal;
  margin: 0 0 1em;
}

#cpfeature .date { 
  font-size: 9pt;
}

#cpfeature a { 
  font-weight: bold; 
  color: #a60800; 
  text-decoration: none; 
}



/*Twitter Feed*/
.twitter { 
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 9pt; 
  line-height: 1.5em;
  font-family: Tahoma, Verdana, Geneva, sans-serif;
}

.twitter h2 { 
  text-decoration: none; 
  color: #000000; 
  font-weight: bold; 
  font-size: 10pt; 
  font-family: Georgia, Palatino, Tahoma, Garamond, Hoefler Text, Times, "Times New Roman", serif;
}


.twitter a { 
  color: #1D4287;
  text-decoration: none; 
}

.twitter-link {
  text-decoration: none; 
  color: #1D4287; 
  font-weight: normal; 
  font-size: 8pt; 
  font-family: Tahoma, Georgia, Palatino, Garamond, Hoefler Text, Times, "Times New Roman", serif;
}

.youtube { 
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 8pt; 
  font-family: Tahoma, Georgia, Palatino, Garamond, Hoefler Text, Times, "Times New Roman", serif;
}

/*English context text*/
#context {
  font-weight: bold; 
  color: #000000; 
  font-size: 8.5pt; 
  font-family: Tahoma, Georgia, Palatino, Garamond, Hoefler Text, Times, "Times New Roman", serif;
}

#context a {
  color: #a60800; 
  text-decoration: none; 
}

/*Article text*/
.article { 
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 11pt; 
  font-family: Georgia, Palatino, Georgia, Palatino, Hoefler Text, Times, "Times New Roman", serif;
}

.article a { 
  font-weight: bold; 
  color: #a60800; 
  text-decoration: none; 
}

.article h2  {
  color: #1D4287;
  font-weight: bold;
  font-size: 14pt;
  font-variant: small-caps;
}

.article h3  { 
  font-weight: bold; 
  font-size: 12pt;
}

.article h4  { 
  font-weight: normal;
  font-size: 10.5pt;
  font-style: italic;
}

.article h5  {
  font-weight: bold;
  font-variant: small-caps;
  font-size: 11pt;
}

.article h6  {
  font-weight: bold;
  font-style: italic; 
  font-size: 8.5pt;
}

.article li {
  margin-bottom: 1.5em;
}

.footnote {
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 8pt; 
  font-family: Tahoma, Verdana, Geneva, sans-serif;
}

.footnote a { 
  font-weight: bold; 
  color: #a60800; 
  font-size: 8pt; 
  text-decoration: none; 
  font-family: Tahoma, Verdana, Geneva, sans-serif;
}

/*English print*/
.print { 
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 13pt; 
  font-family: Georgia, Palatino, Georgia, Palatino, Hoefler Text, Times, "Times New Roman", serif;
}

.print a { 
  font-weight: bold; 
  color: #a60800; 
  text-decoration: none; 
}

.print h2  {
  color: #1D4287;
  font-weight: bold;
  font-size: 16pt;
  font-variant: small-caps;
}

.print h3  { 
  font-weight: bold; 
  font-size: 14pt;
}

.print h4  { 
  font-weight: normal;
  font-size: 11pt;
  font-style: italic;
}

.print h5  {
  font-weight: bold;
  font-variant: small-caps;
  font-size: 13pt;
}

.print li {
  margin-bottom: 1.5em;
}


/*Chinese article text*/
.chnarticle { 
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 11pt; 
  font-family: Tahoma, Verdana, Geneva, sans-serif;
}

.chnarticle a { 
  font-weight: bold; 
  color: #a60800; 
  text-decoration: none; 
}

.chnarticle h2  {
  color: #1D4287;
  font-weight: bold;
  font-size: 14pt;
  font-variant: small-caps;
}

.chnarticle h3  { 
  font-weight: bold; 
  font-size: 12pt;
}

.chnarticle h4  { 
  font-weight: bold;
  font-size: 10.5pt;
}

.chnarticle h5  {
  font-weight: bold;
  font-variant: small-caps;
  font-size: 11pt;
}

.chnarticle li {
  margin-bottom: 1.5em;
}

/*Chinese article print format*/
.chnprint { 
  text-decoration: none; 
  color: #000000; 
  font-weight: normal; 
  font-size: 11pt; 
  font-family: Tahoma, Verdana, Geneva, sans-serif;
}

.chnprint a { 
  font-weight: bold; 
  color: #a60800; 
  text-decoration: none; 
}

.chnprint h2  {
  color: #1D4287;
  font-weight: bold;
  font-size: 14pt;
  font-variant: small-caps;
}

.chnprint h3  { 
  font-weight: bold; 
  font-size: 12pt;
}

.chnprint h4  { 
  font-weight: bold;
  font-size: 10.5pt;
}

.chnprint h5  {
  font-weight: bold;
  font-variant: small-caps;
  font-size: 11pt;
}

.chnprint li {
  margin-bottom: 1.5em;
}

#crfbox {
  float:right;
  width:150px;
  padding:10px;
  border:1px  #000000;
  border-style: dotted;
  margin-left: 5px;
  margin-bottom: 5px;
  font-size: 9pt;
  line-height: 1.25em;
}

#crfbox .subhead {
  font-weight:bold; 
  margin-bottom: .25em;
}


.crftitle {
  font-size: 9.5pt; 
}

#crfbox ul {
  margin-top: 0;
  margin-left: 2em;
  margin-bottom: 1em;
  padding-left: 0;

}
#spotlight {
    background-color: #fffae1;
	width: 250px;
    color: #000000;
    margin: 10px 4%;
    padding: 0 10px;
	font-weight: normal;
    border: 3px #ffd65d solid;
}

#spotlight2 {
    background-color: #fffae1;
	width: 250px;
    color: #000000;
    margin: 10px 4%;
    padding: 0 10px;
	font-weight: normal;
    border: 3px #ffd65d solid;
}

#spotlight p {
    margin: 0.7em;
    line-height: 1.4em;
    font-size: 9pt; 
    text-decoration: none; 
	font-weight: normal;
    font-family: Georgia, Palatino, Garamond, Hoefler Text, Times, "Times New Roman", serif;
}

#spotlight a {
    color: #2657B3;
	text-decoration:none;
	font-weight: bold;
}

#chnspotlight {
    background-color: #fffae1;
	width: 250px;
    color: #000000;
    margin: 10px 4%;
    padding: 0 12px;
    border: 3px #ffd65d solid;
}

#chnspotlight p {
    margin: 0.7em;
    line-height: 1.7;
    font-size: 10pt; 
    text-decoration: none; 
    font-family: Tahoma, Verdana, Geneva, sans-serif;
}

#chnspotlight a {
    color: #2657B3;
	text-decoration:none;
}


#getinvolved { 
    border: #2657B3 1px solid;
    width: 250px;
    font-size: 10pt; 
    margin: 10px 4%;
    padding: 0 12px;
    text-decoration: none; 
    font-family: Georgia, Palatino, Garamond, Hoefler Text, Times, "Times New Roman", serif;
	background:url(/public/resources/join.png)
}

#getinvolved h1 {
	padding-top: 7px;
	font-size: 12pt;
	font-weight: bold;
} 


#getinvolved a {
	text-decoration: none;
    color: #2657B3;
} 

#getinvolved ul {
	list-style:none;
	padding-left: 0px;
} 

#getinvolved li img {
	vertical-align: middle; 
	padding-right: 3px;
} 


#artpull {
	float:right;
	width:250px;
	padding:10px;
	border:1px  #000000;
	border-style: dotted;
	background-color: #FEFFE6;
	margin: 5px;
	font-size: 9pt;
}

#artpull2 {
	float:left;
	width:250px;
	padding:10px;
	border:1px  #000000;
	border-style: dotted;
	background-color: #FEFFE6;
	margin: 5px;
	font-size: 9pt;
}

.letterbox {
	border: thin solid #000000; 
	padding: 10px; 
	background-color: #ffffcc; 
	margin-left: auto; 
	margin-right: auto; 
	width: 90%; 
	text-align: left;
}

.menublock { 
  text-decoration: none; 
  color: #ffffff; 
  font-weight: bold; 
  font-size: 11pt;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.menucontainer ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menucontainer a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;	
	font-size: 9pt;
}

.menucontainer > a {
	font-size: 11pt;

}

.menucontainer a:hover {
	color: #FFFF00;
}

.menucontainer ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menucontainer li {
  background-color: #2657B3;
  /*
  border: 1px solid #3A7BDF;
  */
  width: 10em;
  /* this is to make the submenus position relative to this li */
  position: relative; 
  padding-left: 7px;
  padding-bottom: 3px;
   
}

/******************************* Book fair block ***************************/

#bookblock { 
    width:250px;  /*** 190px for old main page (there's already an inline rule on main page)**********/
    margin: 10px 4%;
    padding: 0 0px;
    text-decoration: none; 
    font-family: Georgia, Palatino, Garamond, Hoefler Text, Times, "Times New Roman", serif;
    color: #000000; 
    font-weight: bold; 
}

/*************************** Citizens Square block *********************/

div#citizens-sq { 
    border: #2657B3 2px solid;
    width: 250px;
    font-size: 10pt; 
    margin: 10px 4%;
    padding: 0 12px;
    text-decoration: none; 
    font-family: Georgia, Palatino, Garamond, Hoefler Text, Times, "Times New Roman", serif;
    background:url(/public/resources/citizens-sq-bkgd.jpg) bottom;
}

div#citizens-sq h3 {
    font-size: large;
    color: #2657B3;
    margin: 10px 0px;
}

div#citizens-sq h5 {
    font-size: xsmall;
    text-align: right;
    font-style: italic;
    font-weight:normal;
    margin: 2px 0px;
}

div#citizens-sq a {
    color: #2657B3;
    text-decoration: none;
    font-size: 10pt; 
}

div#citizens-sq ul {
    list-style-type: none;
    padding: 0px 5px;
}

div#citizens-sq li {
    margin: 8px 5px;
}