/*****************
ZERO ALL ELEMENTS
 *****************/
 
html,body,table,tr,td,p,br,form,div,ul,li {
	margin: 0px; padding: 0px;
}

body, table {
	font-family:  'Trebuchet MS', arial, helvetica, helve, sans-serif;
	/*font-size: 16px;*/
	font-size: medium;
}

* html body, * html table  {
	font-family:  'Trebuchet MS', arial, helvetica, helve, sans-serif;
	font-size: medium;
}

/**********
DEFAULT STYLES
 **********/

a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: underline; }

br.breaker { clear: both; }

input, textarea { font-family:  'Trebuchet MS', arial, helvetica, helve, sans-serif; font-size: 1.1em; }

/*****************
 IMAGES
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}

img { border: 0px; }

/*****************
 PARAS
 *****************/

p {margin: 1.0em 0 0 0; font-size: 0.9em;}

div.bodytext p { text-align: justify; }

/**********
HEADERS
 **********/
 
h1, h2, h3, h4, h5, h6 {margin:0.7em 0 0.5em 0;}

h1 { font-size: 1.8em; line-height: 1.2em; font-weight: bold; }

h2 { font-size: 1.4em; line-height: 1.2em; font-weight: bold; }

h3 { font-size: 1.2em; line-height: 1.2em; font-weight: normal; }

/**********
FORMS
 **********/

forms.inline { display: inline; }
label.hidden { display: none; }

/**********
LAYOUT
 **********/
 
body { padding: 10px 0px 0px 0px; }

#skiptomain {
	display: none;
}

#pagecontainer {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.85em;
}

	#topofpage {
		float: left;
		width: 750px;
	}	

		#topofpage a { color: #000; text-decoration: none; }
		#topofpage a:link, a:visited { color: #000; text-decoration: none; }
		#topofpage a:hover { color: #000; text-decoration: underline; }


		#accessibility {
			font-family:  'Trebuchet MS', verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
			width: 750px;
			float: right;
			text-align: left;
			padding-bottom: 3px;
		}
		
		#accessibility p { margin: 0px; font-size: 0.9em; }

		#accessibility img { vertical-align: middle; }


	#titlebar {
		clear: both;
		float: left;
		width: 750px;
		height: 120px;
		margin: 13px 0px 13px 0px;
	}

		#titlebarleft {
			float: left;
			width: 594px;
			height: 90px;
			padding: 30px 0px 0px 16px;
		}

			#titlebarleft p { text-transform: uppercase; margin: 0px; font-size: 14px; }

				#titlebarleft span { font-size: 35px; }

		#titlebarright {
			float: right;
			width: 130px;
			height: 120px;
			background: #5A1100;
		}

			#titlebarright img { float: left; }

	#leftcolumn {
		clear: both;
		float: left;
		width: 162px;
		margin: 0px 13px 0px 0px;
	}

		ul#leftnav {
			width: 160px;
			border-top: 1px solid #000;
			border-left: 1px solid #000;
			border-right: 1px solid #000;
			margin: 0px 0px 15px 0px;
			padding: 0px;
		}

			ul#leftnav li {
				list-style: none;
				border-bottom: 1px solid #000;
				padding: 2px 5px;
				text-transform: uppercase;
				font-size: 0.95em;
			}

				ul#leftnav li a:link, ul#leftnav li a:visited { text-decoration: none; }
				ul#leftnav li a:hover { text-decoration: underline; }
				
				ul#leftnav li a.active { font-weight: bold; }
				
				ul#leftnav li ul.subnav {
					width: 150px;
					border: 0px;
					margin: 0px;
					padding: 0px;
					display: none;
				}
				
					ul#leftnav li ul.subnav li {
						border: 0px;
						margin: 0px;
						padding: 0px;
						font-size: 0.85em;
						text-transform: none;
					}
				
		#searchbox {
			width: 160px;
			border: 1px solid #000;
			margin-bottom: 13px;
		}
		
			#searchbox p {
				margin: 0px;
			}
			
			#searchbox strong {
				font-size: 0.9em;
				text-transform: uppercase;
				padding: 0px 0px 0px 5px;
				display: block;
			}
			
			#searchbox label { display: none; }
			
			#search {
				border: 1px solid #666;
				margin: 3px 0px 3px 3px;
				padding: 0px 0px 0px 2px;
				width: 120px;
				font-size: 1.1em;
				float: left; 
			}
			#searchbut {
				border: 0px;
				margin: 3px 0px 0px 3px;
				float: left;
				padding: 0px;
				line-height: 0.9em;
				width: 26px;
				font-size: 1.0em;
				height: 1.45em;
			}
			
		a.maroonbutton:link, a.maroonbutton:visited, a.beigebutton:link, a.beigebutton:visited {
			display: block;
			width: 162px;
			text-align: center;
			font-size: 1.1em;
			font-weight: bold;
			line-height: 2.2em;
			text-transform: uppercase;
			text-decoration: none;
		}
		

	#rightcolumn {
		float: right;
		width: 575px;
		margin: 0px;
	}

		img.smallpic { float: left; margin: 0px 13px 13px 0px; background: #E7E2D7; }
		img.largepic { float: right; margin: 0px 0px 13px 0px; background: #E7E2D7; }

		div.textspace {
			float: left;
			width: 545px;
			padding: 15px;
			background: #E7E2D7;
			margin-bottom: 13px;
		}

			div.textspace h1 { text-transform: uppercase; margin: 0px; }
			
			div.textspace ul { margin: 10px 20px; font-size: 0.9em;  }
			
	#footer {
		clear: both;
		width: 750px;
		padding-bottom: 10px;
		text-align: right;
	}
	
		#footer p {
			margin: 0px;
		}
		
		#footer a:link, #footer a:visited { text-decoration: none; }
		#footer a:hover { text-decoration: underline; }
				
/* HOMEPAGE NEWS BOX */
div.newsleft {
	clear: both;
	float: left;
	width: 310px;
}

div.newsright {
	float: right;
	width: 220px;
}

	div.newsitem {
		float: left;
		padding: 10px 0px;
		border-bottom: 1px solid #000;
	}
	
		div.newsitem img { float: left; margin-right: 10px; }
	
		div.newsitem p {
			float: left;
			width: 220px;
			font-size: 0.8em;
			margin: 0px;
			
		}
		
			div.newsitem a:link, div.newsitem a:visited {
				text-decoration: none;
				text-transform: uppercase;
			}
			
			div.newsitem a:hover {
				text-decoration: underline;
			}
			
/* CONTACT FORM */

form.contactform {

}

	form.contactform label {
		float: left;
		width: 80px;
		padding-top: 4px;
		padding-right: 10px;
		font-weight: bold;
		text-align: right;
	}
	
	form.contactform input {
		border: 1px solid #666;
		padding: 2px 0px 2px 2px;
		font-size: 1.1em;
	}
	
	form.contactform textarea {
		border: 1px solid #666;
		padding: 2px 0px 2px 2px;
		font-size: 1.1em;
	}
	
	input#contactsubmit {
		font-weight: bold;
		width: 100px;
		height: 30px;
	}
	
/* Login FORM */

form.loginform {

}

	form.loginform label {
		float: left;
		width: 80px;
		padding-top: 4px;
		padding-right: 10px;
		font-weight: bold;
		text-align: right;
	}
	
	form.loginform input {
		border: 1px solid #666;
		padding: 2px 0px 2px 2px;
		font-size: 1.1em;
	}
	
	form.loginform textarea {
		border: 1px solid #666;
		padding: 2px 0px 2px 2px;
		font-size: 1.1em;
	}
	
	input#submit {
		font-weight: bold;
		width: 100px;
		height: 30px;
	}
	
/*** SITE MAP ***/

ul#sitemap {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

	ul#sitemap li {
		margin: 0px;
		padding: 4px 0px 0px 0px;
	}
	
		ul#sitemap li ul {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 20px;
		}
		
			ul#sitemap li ul li {
				margin: 0px;
				padding: 4px 0px 0px 0px;
			}
			
/*** BEIJING NAV ***/
#beijingnav {
	border: 1px solid #000;
	width: 140px;
	padding: 10px 10px;
}

	#beijingnav p {
		margin: 0px;
	}
	
		#beijingnav a:link, #beijingnav a:visited {
			text-decoration: none;
		}
		
		#beijingnav a:hover {
			text-decoration: underline;
		}
		
		#beijingnav a.active:link, #beijingnav a.active:visited { font-weight: bold; }