@charset "utf-8";
/* CSS Document */

The infobox class is the central information-holding box on the page.  Each has a background image with a given Chinese Character related to the information contained within  
#infobox
	{
	background-image: no-repeat;
	margin-left: 0px;
	margin-top: -7px;
	width: 570px;
	height: 545px;
	}

#infobox p
	{
	margin-left: 0px;
	margin-top: -4px;
	width: 537px;
	min-height: 495px;
	}
The content class is the actual text displayed on each tab.  The class here handles formatting for that content.  Current formatting is for testing purposes only.



	 the date class contains formatting for dates used in the info boxes
#date
	{
	text-align: left;
	color: red;
	font-family: arial;
	font-size: 150%;
	font-weight: bold;
	}

	 The post class contains formatting for text included in updates made the link page
#post
	{
	text-align: left;
	font-family: arial;
	font-size: 75%
	}
	
body {
	background-color: #E3E0FA;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a:link {
	color: #6C0;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #090;
	text-decoration: none;
}

a:active {
	color: #990;
	text-decoration: underline;
}

table#nav {
background-color: #00CC33;
} 

a.nav:link {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
a.nav:visited {
	color: #CCC;
	text-decoration: none;
}
a.nav:hover {
	color: #0F0;
	text-decoration: none;
}
a.nav:active {
	color: #0F9;
	text-decoration: blink;
}

.content{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #FFF;
	padding-top: 20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}


p#content{
	font-family:Verdana, Geneva, sans-serif;
	font-size:9pt;
	color: #000;
	padding-top: 20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}
.headline {
	font-family:Verdana, Geneva, sans-serif;
	color: #000;
	font-size: medium;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
}
.HeadlineBrief {
	font-family:Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
	padding: 0px 5px 0px 5px;
}



.style4 {
	font-size: 12pt;
	color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
}

.titletext {
	font-size: 12pt;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
}
.titletext-red {
	font-size: 16pt;
	color: #804040;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.titletext-black {
	font-size: 16pt;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}


	article images
.floatleft {
	float: left;
	border: 1px solid #000;
	margin: 0 10px 10px 0px;
}
.floatright {
	float: right;
	border: 1px solid #000;
	margin: 0 0px 10px 10px;
}
	expandable text
.hidden { display: none; }
.unhidden { display: block; }

div.column-left {
	width:300px;
	}

div.column-right {
	width:270px;
	float: right;
	border-left:solid 1px #C0C0C0;
	padding-left: 5px;
	}
	
a.poll:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a.poll:visited {
	color: #333;
	text-decoration: none;
}
a.poll:hover {
	color: #090;
	text-decoration: none;
}
a.poll:active {
	color: #990;
	text-decoration: blink;
}

