body {
	background: #ffffff url(../img/page-bg.jpg) repeat-x top;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

td, span, p, div {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

a {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	text-decoration: underline;
}

h1 {
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	font-family: Trebuchet MS, Lucinda Sans, Arial, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #009900;
}

/* hide the text where the title is image */
h1 span {
	display: none;
}

h2 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #999999;
}

#container {
	width: 770px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

/* language link */
#language {
	margin: 0px;
	text-align: right;
	padding: 0px;
	border-bottom: 1px solid #fff;
}

/* top menu */
#top-menu {
	background: url(../img/top-menu-bg.gif);
	height: 34px;
}

#top-menu ul {
	margin: 0px;
	padding: 0px;
}

#top-menu ul li {
	display: inline;
	padding: 0;
	margin: 0;
	height: 34px;
	float:left;
}

#top-menu ul li a {
	display: block;
	height: 34px;
}

#top-menu ul li span {
	display: none;
}

#top-menu li.homepage{
	width: 87px;
	background: url("../img/menu/bt-homepage.gif");
}

#top-menu li.homepage a{
	width: 87px;
	background: url("../img/menu/bt-homepage-off.gif");
}

#top-menu li.homepage a:hover{
	background: url("../img/menu/bt-homepage-on.gif");
}

#top-menu li.about{
	width: 95px;
	background: url("../img/menu/bt-about.gif");
}

#top-menu li.about a{
	width: 95px;
	background: url("../img/menu/bt-about-off.gif");
}

#top-menu li.about a:hover{
	background: url("../img/menu/bt-about-on.gif");
}

#top-menu li.programs{
	width: 74px;
	background: url("../img/menu/bt-programs.gif");
}

#top-menu li.programs a{
	width: 74px;
	background: url("../img/menu/bt-programs-off.gif");
}

#top-menu li.programs a:hover{
	background: url("../img/menu/bt-programs-on.gif");
}

#top-menu li.calendar{
	width: 71px;
	background: url("../img/menu/bt-calendar.gif");
}

#top-menu li.calendar a{
	width: 71px;
	background: url("../img/menu/bt-calendar-off.gif");
}

#top-menu li.calendar a:hover{
	background: url("../img/menu/bt-calendar-on.gif");
}

#top-menu li.club{
	width: 104px;
	background: url("../img/menu/bt-club.gif");
}

#top-menu li.club a{
	width: 104px;
	background: url("../img/menu/bt-club-off.gif");
}

#top-menu li.club a:hover{
	background: url("../img/menu/bt-club-on.gif");
}

#top-menu li.taiji{
	width: 70px;
	background: url("../img/menu/bt-taiji.gif");
}

#top-menu li.taiji a{
	width: 70px;
	background: url("../img/menu/bt-taiji-off.gif");
}

#top-menu li.taiji a:hover{
	background: url("../img/menu/bt-taiji-on.gif");
}

#top-menu li.fengshui{
	width: 71px;
	background: url("../img/menu/bt-fengshui.gif");
}

#top-menu li.fengshui a{
	width: 71px;
	background: url("../img/menu/bt-fengshui-off.gif");
}

#top-menu li.fengshui a:hover{
	background: url("../img/menu/bt-fengshui-on.gif");
}

#top-menu li.business{
	width: 105px;
	background: url("../img/menu/bt-business.gif");
}

#top-menu li.business a{
	width: 105px;
	background: url("../img/menu/bt-business-off.gif");
}

#top-menu li.business a:hover{
	background: url("../img/menu/bt-business-on.gif");
}

#top-menu li.tourism{
	width: 93px;
	background: url("../img/menu/bt-tourism.gif");
}

#top-menu li.tourism a{
	width: 93px;
	background: url("../img/menu/bt-tourism-off.gif");
}

#top-menu li.tourism a:hover{
	background: url("../img/menu/bt-tourism-on.gif");
}


/* center big image */
#big-image {
	border: 1px solid #ffffff;
	background: url(../img/big-image-bg.jpg);
	text-align: left;
}

/* secondary menu */
#second-menu {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: #dee5ed;
	padding: 5px 0px;
}

#second-menu a {
	color: #486685;
}

/* if there are 2 columns and one floating to the left*/
#left-content {
	width: 375px;
	float: left;
	margin-right: 17px;
	padding: 0px;
}

/* if there are 2 columns and one floating to the right*/
#right-content {
	width: 375px;
	margin-left: 392px;
	padding: 0px;
	border: 1px solid #000;
}

div.pause {
	height: 20px;
}

/* titles for the homepage */
h1.home-news {
	background: url(../img/titles/home-news.gif);
	height: 30px;
	width: 375px;
}

h1.home-taijiguan {
	background: url(../img/titles/home-taijiquan.gif);
	height: 30px;
	width: 375px;
}

h1.home-articles {
	background: url(../img/titles/home-articles.gif);
	height: 30px;
	width: 375px;
	margin-left:392px;
}

h1.home-fengshui {
	background: url(../img/titles/home-fengshui.gif);
	height: 30px;
	width: 375px;
}

#contact {
	border: 2px dashed #cccccc;
	background: #F0F0F0 url(../img/phone.gif) no-repeat left top;
	height: 70px;
	padding-left: 85px;
}

#footer {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	text-align: center;
}

#footer a {
	font-size: 10px;
	color: #000000;
}

/* clear the floating settings */
br.clear {
	clear: both;
}

/* announcements blocks */
div.announcement-red {
	border-left: 10px solid #FF9999;
	background: #FFE5E5;
	padding: 10px;
}

div.announcement-blue {
	border-left: 10px solid #99CCFF;
	background: #E5F2FF;
	padding: 10px;
}

div.announcement-grey {
	border-left: 10px solid #999999;
	background: #F0F0F0;
	padding: 10px;
}

.void {
	display: none;
}