/* @override http://taichiyuen.org/css/taichi.css */

.tick { border: 0}

.mingpaobook { border: 0}

body	{background-color: #EEFFEE;
	scrollbar-face-color: #E0F0E0;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #E0F0E0;
	scrollbar-3dlight-color: #D0E0D0;
	scrollbar-arrow-color:  #004500;
	scrollbar-track-color: #EEFFEE;
	scrollbar-darkshadow-color: #669966;}
.pright	{border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	float:right ;
	width:230px ;
	background: #eee;
	margin:0px 0px 10px 10px;}
.maintitlechi	{font-weight: bold;
		font-size: 28pt;
		font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", "sans-serif";
		text-decoration: none;
		line-height : 120%;
		letter-spacing : 5px;
		color : #004500; }
.maintitle	{font-weight: bold;
		font-size: 12pt;
		font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", "sans-serif";
		text-decoration: none;
		line-height : 110%;
		color : #004500;}
font, th, td, p	{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
a:link, a:active, a:visited	{color : #004500;}
a:hover	{text-decoration: underline; color : #990033;}

.bodyline	{background-color: #FFFFFF; border: 1px #669966 solid;}
.forumline	{background-color: #FFFFFF; border: 2px #006633 solid;}
td.row0	{background-color: #FFFFFF;}
td.row1	{background-color: #EEFFEE;}
td.row2	{background-color: #E0F0E0;}
td.row3	{background-color: #D0E0D0;}
td.row4	{background-color: #8FBC8F;}


th	{color: #FF9966; font-size: 11pt; font-weight : bold;
	background-color: #004500; height: 25px;}

th.thTop {font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px;}

/*th.thTop	 {border-width: 1px 0px 1px 0px;; font-size: 12pt}*/
th.thTop	 {border-width: 0px 0px 0px 0px;; font-size: 12pt}


.hdr		{font-size : 13pt; line-height : 18pt;}
.hdrmed		{font-size : 12pt; line-height : 17pt;}
.hdrsmall	{font-size : 11pt; line-height : 16pt;}

.gen		{font-size : 11pt; line-height : 16pt;}
.genmed		{font-size : 10pt; line-height : 15pt;}
.gensmall	{font-size : 9pt; line-height : 14pt;}
.hdr, .hdrmed, .hdrsmall {font-weight: bold; color : #004500;}
.gen, .genmed, .gensmall {color : #004500;}

a.gen, a.genmed, a.gensmall {color: #004500; text-decoration: none;}
a.gen:hover, a.genmed:hover, a.gensmall:hover {color: #990033; text-decoration: underline;}
.mainmenu		{font-size : 11pt; color : #004500}
a.mainmenu		{text-decoration: none; color : #004500;}
a.mainmenu:hover	{text-decoration: underline; color : #FF9966;}

.updatelink		{font-size: 11pt; color: #006633;
	width: 100%;
}
a.updatelink 		{text-decoration: underline; color : #006633;}
a.updatelink:hover	{text-decoration: underline; color : #FF9966;}

.forumlink		{font-size: 11pt; color: #004500}
a.forumlink 		{text-decoration: underline; color : #004500;}
a.forumlink:hover	{text-decoration: underline; color : #FF9966;}

.smalltitle		{font-size : 9pt; color : #004500}
a.smalltitle		{text-decoration: none; color : #004500;}
a.smalltitle:hover	{text-decoration: underline; color : #FF9966;}

.cattitle		{font-weight: bold; font-size: 9pt ; letter-spacing: 1px; color : #004500}
a.cattitle		{text-decoration: none; color : #004500;}
a.cattitle:hover	{text-decoration: underline; color : #FF9966;}

.copyright	{font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif, ·s²Ó©úÅé; color: #444444; letter-spacing: -1px;}
/*


hr	{height: 0px; border: solid #D0E0D0 0px; border-top-width: 1px;}
*/
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
/*
td.rowpic {background-color: #FFFFFF;
	background-image: url(templates/subSilver/images/cellpic2.jpg);
	background-repeat: repeat-y;}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {background-image: url(templates/subSilver/images/cellpic1.gif);
	background-color:#D0E0D0; border: #FFFFFF; border-style: solid; height: 28px;}
*/
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
/*
td.cat,td.catHead,td.catBottom {height: 29px;
	border-width: 0px 0px 0px 0px;}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px;}
td.row3Right,td.spaceRow {background-color: #D0E0D0; border: #FFFFFF; border-style: solid;}
th.thHead,td.catHead {font-size: 12px; border-width: 1px 1px 0px 1px;}
th.thSides,td.catSides,td.spaceRow	 {border-width: 0px 1px 0px 1px;}
th.thRight,td.catRight,td.row3Right	 {border-width: 0px 1px 0px 0px;}
th.thLeft,td.catLeft	  {border-width: 0px 0px 0px 1px;}
th.thBottom,td.catBottom  {border-width: 0px 1px 1px 1px;}

th.thCornerL {border-width: 1px 0px 0px 1px;}
th.thCornerR {border-width: 1px 1px 0px 0px;}



a.cattitle		{text-decoration: none; color : #004500;}
a.cattitle:hover{text-decoration: underline;}

.nav			{font-weight: bold; font-size: 11px; color : #004500;}
a.nav			{text-decoration: none; color : #004500;}
a.nav:hover		{text-decoration: underline;}
.topictitle,h1,h2	{font-weight: bold; font-size: 11px; color : #004500;}
a.topictitle:link   {text-decoration: none; color : #004500;}
a.topictitle:visited {text-decoration: none; color : #004500;}
a.topictitle:hover	{text-decoration: underline; color : #990033;}
.name			{font-size : 11px; color : #004500;}
.postdetails		{font-size : 10px; color : #004500;}
.postbody {font-size : 12px; line-height: 18px}
a.postlink:link	{text-decoration: none; color : #004500}
a.postlink:visited {text-decoration: none; color : #004500;}
a.postlink:hover {text-decoration: underline; color : #990033}
.code {font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000066;
	background-color: #FAFAFA; border: #D0E0D0; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}
.quote {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D0E0D0; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}

a.copyright		{color: #444444; text-decoration: none;}
a.copyright:hover {color: #004500; text-decoration: underline;}
input,textarea, select {color : #004500;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #004500;}
input.post, textarea.post, select {background-color : #FFFFFF;}
input {text-indent : 2px;}
input.button {background-color : #EEFFEE;
	color : #004500;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
input.mainoption {background-color : #FAFAFA;
	font-weight : bold;}
input.liteoption {background-color : #FAFAFA;
	font-weight : normal;}
*/
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
/*
.helpline {background-color: #E0F0E0; border-style: none;}
*/
.rpic {float: right; border: 3px;}
.lpic {float: left; border: 3px;}

.MsoNormal {color : #004500; font-size:11pt;}
/*
.MsoEndnoteReference {vertical-align:super; color : #339966; font-size:8pt;}
*/
.MsoEndnoteReferenceS {vertical-align:top; color : #339966; font-size:8pt;}
a.MsoEndnoteReferenceS 		{text-decoration: none; color : #339966;}
a.MsoEndnoteReferenceS:hover	{text-decoration: underline; color : #339966;}
.MsoEndnoteReference {color : #339966; font-size:8pt;}
a.MsoEndnoteReference 		{text-decoration: none; color : #339966;}
a.MsoEndnoteReference:hover	{text-decoration: underline; color : #339966;}
.MsoEndnoteText {font-size:9pt; line-height : 16pt; color : #339966;}
.MsoBodyTextIndent {margin-right:60pt;	margin-left:60pt; color : #004500;font-size:11pt;; font-family:'標楷體';}

<style type="text/css">
	/***********************************************************************************************
	
	Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com
	
	Get this and other scripts at www.dhtmlgoodies.com
	
	You can use this script freely as long as this copyright message is kept intact.
	
	***********************************************************************************************/
	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		margin-top:0px;
					
	}
	.bodyText{
		
		padding-right:10px;
		border-top:1px solid #EEFFEE;	
	}
	.bodyText p{
		margin-top:5px;
	}
	#mainContainer{
		width:760px;
		height:600px;
		border:1px solid #EEFFEE;
		margin:0 auto;
		background-image:url('../../images/heading3.gif');
		background-repeat:no-repeat;
		padding-top:85px;			
	}
	#mainMenu{
		background-color: #FFF;	/* Background color of main menu */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
		font-size:11pt;	/* Font size of main menu items */
		border-bottom:1px solid #000000;	/* Bottom border of main menu */
		height:30px;	/* Height of main menu */
		
		position:relative;	/* Don't change this position attribute */
		
	}
	#mainMenu a{
		padding-left:5px;	/* Spaces at the left of main menu items */
		padding-right:5px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
	}
	#submenu{		
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
		background-color:#EEFFEE;	/* Background color of sub menu items */
		
		width:100%;	/* Don't change this option */
		
	}	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
		border-left:1px solid #000000;
		border-top:1px solid #000000;
		border-right:1px solid #000000;		
		background-color: #EEFFEE;	/* Background color */
		
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
	}
		
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #004500;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		
		
		padding-right:5px;	/* Space at the right of each sub menu item */
		color: #004500;	/* Text color */
		
	}
	
	#submenu a:hover{
		text-decoration:underline;	/* underline on sub menu items */
		color: #FF9966;	/* Orange color when the user moves the mouse over sub menu items */
	}