body
{
   background-color: #FFFFCC;
   background-image: url(images/index_bkgrnd.png);
   color: #000000;
   letter-spacing: 2pt; 
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
#TabMenu1
{
   float: left;
   width: 100%;
   font-family: 新細明體;
   font-size: 12px;
   line-height: normal;
   border-bottom: 1px solid #9EC630;
}
#TabMenu1 ul
{
   margin: 0;
   padding: 10px 0px 3px 10px;
   list-style: none;
}
#TabMenu1 li
{
   display: inline;
   margin: 0;
   padding: 0;
}
#TabMenu1 a
{
   float: left;
   background: url("images/style11left.gif") no-repeat left top;
   margin: 0;
   padding: 0 0 0 4px;
   text-decoration: none;
}
#TabMenu1 a span
{
   float: none;
   display: block;
   background: url("images/style11right.gif") no-repeat right top;
   margin-right: 3px;
   padding: 5px 15px 4px 2px;
   color: #006400;
   font-weight: bold;
   text-decoration: none;
}
#TabMenu1 a:hover span
{
   background-position: 100% -42px;
   color: #FFFF00;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
}
#TabMenu1 a:hover
{
   background-position: 0% -42px;
}
#TabMenu1 #active a
{
   background-position: 0% -84px;
}
#TabMenu1 #active a span
{
   background-position: 100% -84px;
   color: #FFFFFF;
   font-weight: bold;
   font-style: italic;
   text-decoration: none;
}
#InlineFrame1
{
   border: 1px #639CCE solid;
}
#wb_Text2 
{
   background-color: transparent;
   border: 0px #000000 none;
   padding: 0;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text1 
{
   background-color: transparent;
   border: 0px #000000 none;
   padding: 0;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Text5 
{
   background-color: transparent;
   border: 0px #000000 none;
   padding: 0;
}
#wb_Text5 div
{
   text-align: center;
}
#Image2
{
   border: 0px #000000 solid;
}
#wb_Text3 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
}
#wb_Text3 div
{
   text-align: center;
}
#Image3
{
   border: 0px #639CCE solid;
}
#Image1
{
   border: 0px #000000 solid;
}
#InlineFrame2
{
   border: 1px #639CCE solid;
}
	#tfheader{
		background-color:#c3dfef;
	}
	#tfnewsearch{
		float:right;
		padding:20px;
	}
	.tftextinput4{
		margin: 0;
		padding: 6px 13px;
		font-family: 新細明體, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666;
		border:1px solid #0076a3;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;	
	    border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		width:90px;
	}
	.tfbutton4 {
		margin: 0;
		padding: 0;
		width:30px;
		height:30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
		background: #438db8 url('images/tf-search-icon.png');
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton4::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}
#TabMenu2
{
   float: left;
   width: 100%;
   font-family: 新細明體;
   font-size: 12px;
   line-height: normal;
   border-bottom: 1px solid #9EC630;
}
#TabMenu2 ul
{
   margin: 0;
   padding: 10px 0px 3px 10px;
   list-style: none;
}
#TabMenu2 li
{
   display: inline;
   margin: 0;
   padding: 0;
}
#TabMenu2 a
{
   float: left;
   background: url("images/style17left.gif") no-repeat left top;
   margin: 0;
   padding: 0 0 0 4px;
   text-decoration: none;
}
#TabMenu2 a span
{
   float: none;
   display: block;
   background: url("images/style17right.gif") no-repeat right top;
   margin-right: 3px;
   padding: 5px 15px 4px 2px;
   color: #c97221;
   font-weight: bold;
   text-decoration: none;
}
#TabMenu2 a:hover span
{
   background-position: 100% -42px;
   color: #006400;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
}
#TabMenu2 a:hover
{
   background-position: 0% -42px;
}
#TabMenu2 #active a
{
   background-position: 0% -84px;
}
#TabMenu2 #active a span
{
   background-position: 100% -84px;
   color: #FFFFFF;
   font-weight: bold;
   font-style: italic;
   text-decoration: none;
}	

#TabMenu3
{
   float: left;
   width: 100%;
   font-family: 新細明體;
   font-size: 12px;
   line-height: normal;
   border-bottom: 1px solid #9EC630;
}
#TabMenu3 ul
{
   margin: 0;
   padding: 10px 0px 3px 10px;
   list-style: none;
}
#TabMenu3 li
{
   display: inline;
   margin: 0;
   padding: 0;
}
#TabMenu3 a
{
   float: left;
   background: url("images/style11left.gif") no-repeat left top;
   margin: 0;
   padding: 0 0 0 4px;
   text-decoration: none;
}
#TabMenu3 a span
{
   float: none;
   display: block;
   background: url("images/style11right.gif") no-repeat right top;
   margin-right: 3px;
   padding: 5px 15px 4px 2px;
   color: #006400;
   font-weight: bold;
   text-decoration: none;
}
#TabMenu3 a:hover span
{
   background-position: 100% -42px;
   color: #FFFF00;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
}
#TabMenu3 a:hover
{
   background-position: 0% -42px;
}
#TabMenu3 #active a
{
   background-position: 0% -84px;
}
#TabMenu3 #active a span
{
   background-position: 100% -84px;
   color: #FFFFFF;
   font-weight: bold;
   font-style: italic;
   text-decoration: none;
}
