/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  $Id: poet.css, v 1.0.0 2008/12/29 15:30:00 poet Exp $

  Claire Hsiao, a Professional Web Designer
  http://poet.930.info/

  Copyright(c) 2007 WebCss
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

BODY {
	font-family: "Verdana";
	background: #FFFFFF; 
	background-image: url("images/bg.png");
	background-repeat: repeat-x;
	color: #000000;
	margin-left: 0px;
	margin-right: 0px;
}

a:link		{text-decoration: none; color: #008000; }
a:hover		{text-decoration: underline; color: #FF0000;}
a:active 	{text-decoration: none; color: #008000;}
a:visited	{text-decoration: none; color: #008000;}

/*----- MAIN -----*/
#area {
	width: 887px;
	}

td	{color: #000000; font-family: "Verdana"; font-size: 9pt; line-height: 20px;}
td a:link		{text-decoration: none; color: #008000; }
td a:hover		{text-decoration: underline; color: #FF0000;}
td a:active 	{text-decoration: none; color: #008000;}
td a:visited	{text-decoration: none; color: #008000;}

/*----- LEFT -----*/
#left {
	float: left;
	width: 197px;
	}	
	
.line_menu	{
	background-image: url("images/left_menu_c.gif");
	height:30px;
	font-family: "Vernada";
	font-size: 9pt;
	color: #333333;
	padding: 0 20px 0 20px;
	}
.line_menu a:link		{text-decoration: none; color: #333333; }
.line_menu a:hover		{text-decoration: underline; color: #FF0000;}
.line_menu a:active 	{text-decoration: none; color: #333333;}
.line_menu a:visited	{text-decoration: none; color: #333333;}
	
	
.left_t1	{padding: 5 5 5 20px;}
.left_menu {
	float: left;
	width: 182px;
	height: 38px;
	background-image: url("images/left_menu_a.gif");
	color: #FFFFFF;
	padding: 0 0 5 12px;
	font-size: 11pt;
	font-weight: bold;
	}
/*----- RIGHT -----*/
#right {
	float: left;
	width: 690px;
	}

/*----- MAIN -----*/
#mainTop {
	width: 620px !important;
	width: 690px;
	height: 57px;
	background-image: url("images/main_top_bg.png");
	padding: 10px 0 0 70px;
}

/* «ö¶s¼Ë¦¡--------------------------------*/
.menu01	{
	background-image: url('images/btn_menu.gif');
	color: #FFFFFF;
	width: 110px;
	height: 33px;
	text-align: center;
	font-size: 9pt;
	line-height: 33px;
	font-weight: bold;
	text-decoration: none;
	}
.menu01 a:link		{background-image: url('images/btn_menu.gif'); width: 110px; height: 33px; color: #FFFFFF; text-decoration: none;}
.menu01 a:hover		{background-image: url('images/btn_menu_on.gif'); width: 110px; height: 33px; color: #FFFF00; text-decoration: none;}
.menu01 a:visited	{width: 110px; height: 33px; color: #FFFFFF; text-decoration: none;}

.menu02	{
	background-image: url('images/btn_ind.gif');
	color: #FFFFFF;
	width: 218px;
	height: 40px;
	text-align: center;
	font-size: 11pt;
	line-height: 40px;
	font-weight: bold;
	}
.menu02 a:link	{background-image: url('images/btn_ind.gif'); width: 218px; height: 40px; text-decoration: none; color: #FFFFFF;}
.menu02 a:hover	{background-image: url('images/btn_ind_on.gif'); width: 218px; height: 40px; text-decoration: none; color: #FFFFFF;}
.menu02 a:visited	{color: #FFFFFF;}

	
/*----- FOOTER -----*/
#footer	{
	height: 67px;
	text-align: center;
	background-image: url("images/bg_footer.png");
	background-repeat : repeat-x;
	}
	
.footer {
	color: #008000;
	font-family: "Verdana";
	font-size: 8pt;
	text-align: center;
	line-height: 67px;
	}