/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  $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.jpg");
	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	{color: #008000;}

/*----- MAIN -----*/
.prodT1		{color: #008000; font-size: 12pt; font-weight: bold;}
.prodT2		{color: #780634; font-size: 11pt; font-weight: bold;}
.prodC		{font-size: 11pt; line-height: 20px;}

.poet		{color: #000000; font-family: "Verdana"; font-size: 12px;}
.poe11		{color: #000000; font-family: "Verdana"; font-size: 15px;}
.poets		{color: #808080; font-family: "Verdana"; font-size: 10px;}
.poetb		{color: #000000; font-family: "Verdana"; font-size: 12px; font-weight: bold; letter-spacing: 0.1em;}
.poetR		{color: #FF0000; font-family: "Verdana"; font-size: 15px;}
.text-s  {color: #373737; font-family: "Arial"; font-size: 10px; line-height: 15px; }
.text-b  {color: #6699FF; font-family: "Trebuchet MS"; font-size: 12pt; line-height: 20px; font-weight: bold; }

.poet_W		{color: #000000; font-family: "Verdana"; font-size: 12px; line-height: 30px; background-image: url("images/bg_mem.gif")}
.mem_q		{border-bottom : 1px solid #999999; line-height: 26px; padding-left: 20px;}
.mem_a		{border-bottom : 1px solid #999999; line-height: 26px; padding-left: 50px; color: #FF0000;}

.mem_list	{border-bottom : 1px solid #999999; line-height: 26px; padding-left: 5px;}
.mem_my		{border-bottom : 1px solid #999999; font-family: "Arial";}

/*----- 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;
	}

#right2 {
	float: left;
	width: 690px;
	background: #FFFFFF;
	border: 1px solid #999999;
	padding: 10 23 10 22px;
	}
	
#right3 {
	width: 690px;
	}
	
#right_mem {
	background-image: url("images/bg_mem.gif");
	}

#right_prod {
	float: left;
	width: 690px;
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #999999;
	padding: 10px;
	}	
#prod_a	{width: 156px; height: 138; background-image: url("images/bg_prod_a.gif"); padding: 7 10 1 10px;}
#prod_b	{width: 156px; height: 110; background-image: url("images/bg_prod_b.gif"); padding: 5 10 1 10px;}
.prod	{color: #000000; font-family: "Verdana"; font-size: 12px;}

#mem_sv {
	width: 550px;
	background: #FFFFFF;
	}
	
#W600 {
	width: 600px;
	}
#W600W {
	width: 600px;
	background: #FFFFFF;
	_filter:alpha(opacity=85);/*IE6*/
	filter:alpha(opacity=85);/*IE7*/
	-moz-opacity: 0.85;/*fireFox*/
	}
	
/*----- MAIN -----*/
#mainTop {
	width: 620px !important;
	width: 690px;
	height: 57px;
	background-image: url("images/main_top_bg.png");
	padding: 10px 0 0 70px;
	}

	
/*----- OTHER -----*/
.line2		{background-image: url("images/line2.png"); height:30px; font-family: "Arial Narrow"; font-size: 9pt; color: #837F74;}

.line30		{background-image: url("images/line30.png"); height:30px; font-family: "Arial"; font-size: 9pt; color: #837F74;}
.line30 a:link		{text-decoration: none; color: #008000; }
.line30 a:hover		{text-decoration: underline; color: #FF0000;}
.line30 a:active 	{text-decoration: none; color: #008000;}
.line30 a:visited	{text-decoration: none; color: #008000;}

/*----- NEWS -----*/
.news		{color: #000000; font-family: "Verdana"; font-size: 9pt;}
.newsBg	 {
	height: 131px;
	line-height: 26px;
	padding: 2px 0 0 10;
	}
.newsT		{color: #38572E; background: #C1D789; font-family: "Verdana"; font-size: 10pt; font-weight: bold; text-align: center; height: 30px;}
.newsdate	{color: #939393; font-family: "Arial"; font-size: 9pt;}
.newsP		{color: #AAAAAA; background: #D1E3A2; font-family: "Verdana"; font-size: 9pt; font-weight: bold; text-align: right; height: 30px; padding: 10px 20px 10 0;}

/* «ö¶s¼Ë¦¡--------------------------------*/
.menu_m			{background-image: url('images/b_mem.gif');	width: 94px; height: 34px; color: #FFFFFF; text-align: center; font-size: 11pt; line-height: 34px; text-decoration: none;}
.menu_m a:link	{background-image: url('images/b_mem.gif'); width: 94px; line-height: 34px; color: #FFFFFF; text-decoration: none;}
.menu_m a:hover	{background-image: url('images/b_mem_on.gif'); width: 94px; line-height: 34px; color: #FFFFFF; text-decoration: none;}
.menu_m a:visited	{color: #FFFFFF;}
.menu_mon		{background-image: url('images/b_mem_on.gif'); width: 94px; height: 34px; color: #FFFF00; text-align: center; font-size: 11pt; line-height: 34px; font-weight: bold; text-decoration: none;}

.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;}

.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;}

	
/*----- 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;
	}