body {
	font-family: Helvetica Neue, Helvetica, Arial, Sans-Serif;
	font-size: 80%;
	min-width: 1000px;
	color: #444;
	background: #b6c7d9;
}

a {
	text-decoration: none;
	color: #006699;
}

a:hover {
	text-decoration: underline;
}

li a.active, a.active {
	color: #006699;
}

.wrapper {
	min-width:1000px;
	width: 80%;
	max-width: 1200px;
	margin: auto;
	background-color: #FFF; 

}

p:first-child {
	font-size: 1.1em;
	font-weight: bold;
	color: #444;
}



/* Headings
**************************************************/
h1 { font-size: 2.0em; margin-bottom: 0.2em; font-weight: bold; letter-spacing: -1px; }
h2 { font-size: 1.6em; margin-bottom: 0.3em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.3em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Masthead
**************************************************/



#masthead {
	display: block;
	background: #313131;
}



h2.logo {
	margin: 0;
	padding: 0;
}



h2.logo a {
	width: 354px;
	height: 200px;
	background: url('images/logo.gif') no-repeat;
	text-indent: -9000px;
	display: block;
	float: left;
}

.resizer {
	float: right;
	padding: 2em;
}



.resizer a {

	padding: 0.5em;

	background: #454545;

	text-decoration: none;

	color: #ccc;

	border: 2px solid #555;

}



.resizer a:hover {

	background: #555;

}



.content-wrap {

	background: #fff url('images/content.jpg') repeat-x top;



}





/* Primary Links

**************************************************/



#primary {
	clear: both;
	background: #444;
	border-top: 1px solid #555;
}



#primary ul, #primary li {

	display: inline;

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#primary a {
	float: left;
	display: block;
	padding: 10px 15px;
	color: #ccc;
	font-weight: bold;
	font-size: 1.1em;
	border-left: 1px solid #555;
	border-right: 1px solid #333;
	text-decoration: none;
}

#primary li.first a {
	border-left: none;
}

#primary li.last a {
	border-right: none;
}

#primary a:hover {
	background: #555;
}



/* Header

**************************************************/



#header {

	padding: 1.2em 1.5em;

}



h1 {

	padding: 0;

	margin: 0 0 0.1em;

}





/* Left Column

**************************************************/



.left-column {
	background: #F6F6F6 url('images/left.jpg') repeat-x top;
	float: left;
	width: 20%;
}



.left-column ul.menu li {
	padding: 0;
	margin: 0;
}



.left-column a {
	border-bottom: 1px dotted #555;
	display: block;
	padding: 0.4em;
	margin: 0;
	color: #444;
	text-decoration: none;
}



.left-column a:hover {
	background: #ddd;
	color: #006699;
}



/* Right Column

**************************************************/



.right-column {
	float: right;
	width: 18%;
	padding: 1%;
}



.right-column .block{
	background: #dbeaff;
	margin-bottom: 1em;
	border: 3px double #ccc;
}





/* Main Column

**************************************************/



.main-column {
	float: left;
	width: 70%;
}



.main-column.thick {
	float: left;
	width: 90%;
}



.main-column.thin {

	float: left;

	width: 60%;

}
.main-column.grace {

	float: left;

	width: 60%;

}




/* Footer

**************************************************/



#footer {

	background: #f6f6f6;

	padding: 1.5em 0;

	border-top: 5px solid #CCCCCC;

	font-size: 0.9em;

}



#footer ul, #footer li {

	display: inline;

	margin: 0;

	padding: 0;

	list-style-type: none;

}



.footer-item, .footer-menu a {

	display: block;

	padding: 0px 10px;

	float: left;	

}



.footer-menu a {

	border-right: 1px solid #ddd;

}





.footer-menu {

	float: right;

	padding: 0;

}





/* Blocks

**************************************************/







.block {

	padding: 1.5em;

}

.blocknode {
	padding-top: 0em;
	padding-right: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 1.5em;
}

.block-header {

	text-transform: uppercase;

	font-size: 0.7em;

	font-weight: bold;

		color: #006699;

}



/* Tabs

**************************************************/



.tabs a {

	float:left;

	display: block;

	margin-right: 0.2em;

	background: #eee;

	border: 1px solid #ddd;

	color: #666;

}



.tabs a:hover {

	background: #f6f6f6;

	color: #555;

}



.primary, .secondary {

	padding: 0 1.5em;

}



.primary a{

	padding: 0.5em 1em;

	font-size: 0.9em

}



.secondary a {

	padding: 0.3em 0.5em;

	font-size: 0.8em;

}



/* Fieldsets

**************************************************/

fieldset {

	padding: 1em;

	border: 1px solid #ddd;

	margin: 1em 0 ;

}
.glendatable {
	background-color: #fff;
	margin: 0em;
	width: 500px;
	clear: left;
	font-size: 80%;
	border: 0em none #FFF;
}
.glendatable a {
	padding: 0em;
	margin: 0px;
}
#footerflip {
	margin: 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	width:50%;
	clear:both;
	display: block;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* Other

**************************************************/



/* Other

**************************************************/



.breadcrumb {

	font-size: 0.9em;

	color: #888;

	padding: 0;

	margin: 0;

}





.userlinks a{

	border:none;

}





.messages {

	background:#FCDF71 none repeat scroll 0 0;

border:1px dotted #F8BC4F;

color:#A37014;

font-size:0.9em;

padding:0.5em;

text-align:center;

}



.read-full {

	text-align: right;

}



.teaser {

	background: #f6f6f6;

	border-bottom: 1px dotted #888;

}
.rightimage {
	display: inline;
	float: right;
}

/* CSS for FlowPlayer section on front page: container has a background image */
div.row a#player {	
	display:block;
	width:256px;
	height:164px;
	padding:0;	
	text-align:center;
	float:left;
	margin:0 20px 0 0;
}
div.row a#player1 {	
	display:block;
	width:256px;
	height:164px;
	padding:0;	
	text-align:center;
	float:left;
	margin:0 20px 0 0;
}
div.row a#player2 {	
	display:block;
	width:256px;
	height:164px;
	padding:0;	
	text-align:center;
	float:left;
	margin:0 20px 0 0;
}
 
/* splash image */
div.row a#player img {
	margin-top:0px;
	border:0;	
}

/* "row" contains video and text */
div.row  {
	clear:both;	
	width:520px;
	border:1px solid #ddd;
	margin-bottom:20px;
	padding:20px 20px 0 20px;
	background-color:#efefef;
}

/* CSS for table on front page and Chinese Youth page */
table.blue {
border: none;
border-spacing: 1px;
}
tr.d0 td {
	background-color: #EEEEEE; 
	padding: 3px;
}
tr.d1 td {
	background-color: #F6F6F6; 
	padding: 3px;
}