/* global */
HTML,BODY	{margin:0;padding:0;font-family:Arial;font-size:14px;}
IMG			{border:none}
UL			{color:#8d8d8d}
/* structure */
.page		{position:relative;margin:0 auto;width:1000px}
#content	{margin-top:320px;min-height:30px;background:url(../images/b-bg.gif)0 0 repeat-x;color:#444;}
#bodywrap	{float:left;width:100%}
#body		{margin-left:320px;padding:15px 0 50px 0}
#sidebar	{float:left;margin-left:-1000px;padding:20px 0 50px 0;width:290px}
#toprow		{position:absolute;top:0;left:0;width:100%;height:70px;background:#333}
#topmenu	{position:absolute;top:70px;left:0;width:100%;height:55px;background:#49909e url(../images/tm-bg.gif) 0 0}
#header		{position:absolute;top:125px;left:0;width:100%;height:195px;background:#14444d;color:#14444d;font-size:0.01pt}
#footer		{clear:both;padding:10px;background:#10495f;text-align:center}
/* common */
UL	{list-style:square}
.ta-left	{text-align:left;}
.ta-right	{text-align:right;}
INPUT.button	{height:20px;padding:0 5px 3px 5px;border:1px #777 solid;background:url(../images/btn-bg.gif) 0 0;vertical-align:middle;color:#fff;font-size:12px;font-weight:bold}
INPUT.arrow		{padding-right:20px;background:url(../images/btn-arrow.gif) 100% -2px no-repeat}
/* side bar */
#sidebar A	{padding:2px 1px;line-height:20px;font-size:13px;}
/* top menu */
#topmenu TABLE	{margin:0 auto;/*width:90%;*/height:55px}
#topmenu TD		{background:url(../images/tm-sep.gif) 0 50% no-repeat;text-align:center}
#topmenu .first	{background:none}
#topmenu A		{display:block;margin:0 10px;padding-left:15px;color:#9afffc;font-size:16px;text-decoration:none;white-space:nowrap}
#topmenu A B	{display:block;padding:5px 15px 5px 0}
#topmenu A:hover	{background:url(../images/tm-item.gif) 0 50% no-repeat}
#topmenu A:hover B	{background:url(../images/tm-item.gif) 100% 50% no-repeat}
/* header */
#header .page	{height:195px;background:url(../images/h-bg.jpg) 50% 0 no-repeat}
#header UL		{margin:0;padding:150px 0 0 30px; background:url(../images/slogan.gif) 15px 120px no-repeat;color:#fff}
#header LI		{line-height:normal;color:#9ff9ff;font-size:13px}
#logo			{float:left;margin:5px 50px;}
#search			{float:right;margin:35px 10px 0 0}
#search .text	{width:290px;padding:1px;border:1px #777 solid;background:#555;color:#eee;vertical-align:middle}

/* content */
#content A			{color:#888}
#content A:hover	{color:#4a9196}
#content H1			{margin:0;color:#4a9196;font-size:22px}
#content H2			{margin:0;color:#4a9196;font-size:20px}
#content H4			{margin:0;color:#888;font-size:20px}
#content P			{line-height:18px;}
.ico-1				{padding-left:30px;background:url(../images/ico-1.gif) 0 50% no-repeat}
.rblock-1			{position:relative;margin-bottom:15px;padding:10px;height:1%;border:1px #ccc solid;background:url(../images/bl-bg.gif) 0 100% repeat-x}
.lt, .rt,
.lb, .rb	{position:absolute;width:10px;height:10px;background:url(../images/corn-1.gif) 0 0 no-repeat;line-height:0;font-size:0.01pt}
.lt, .rt	{top:-1px}
.lb, .rb	{top:100%;margin-top:-9px}
.lt, .lb	{left:-1px}
.rt, .rb	{left:100%;margin-left:-9px}
.lt	{background-position:-10px -10px}
.rt	{background-position:0 -10px}
.lb	{background-position:-10px 0}
.alignleft {float:left;margin:0 10px 3px 0}
.alignright {float:right;margin:0 0 3px 10px}
/* body */
#body A			{color:#4a9196}
#body A:hover	{color:#888}
/* blog */
.post	{margin-bottom:30px;padding-bottom:30px;border-bottom:1px #8f8f8f solid}
/* footer */
#footer A		{margin:0 3px;color:#ccc;font-size:12px;text-decoration:none}
#footer A:hover	{color:#fff;text-decoration:underline}