@charset "utf-8";
/* CSS Document */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url("../images/bg.gif") repeat-x top #9DA4AC;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #444;
	text-align: center;
	}
p {
	font-size: 11pt;
	line-height: 190%;
	margin-top: 0px;
	margin-bottom: 10px; 
	}
.cap { /* for page version */
	font-size: 12px;
	line-height: 100%;
	margin-top: 7px;
	}
.p_foot {
	text-align: center;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #666;
}
.point1 { 
	color: #4e62a7;
	}
.point2 { /* info_om.htm */
	color: #666;
	font-weight: bold;
    }
.point3 { /* info_bd.htm */
	font-size: 11pt;
	color: #444;
	font-weight: bold ;
	letter-spacing: 3px;
	}
.point3_2 { /* info_bd.htm download_tc.htm */
	font-family: arial;
	font-size: 11pt;
	color: #444;
	font-weight: bold ;
	letter-spacing: 0px;
	}
.point4 { /* info_bd.htm */
	color: #4e62a7;
	font-size: 11px;
    }
.point5 { /* contact_tc.htm */
	color: #434;
    }
.point6{/*for news-date*/
	font-size: 10px;
	font-weight: normal;
	color: #666;
	line-height: 100%;
	padding: 1px 2px 1px 1px;
	text-align: right;
}
.point7 { /* news.htm */
	font-size: 12pt;
	color: #4e62a7;
	font-weight: bold ;
	}
.point8 { /* news.htm */
	font-size: 11pt;
	color: #4e62a7;
	font-weight: normal ;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 10px;
	}
h1 {
	padding: 1px 0px 0px 0px;
	font-size: 15px;
	color: #444;
	font-weight: bold ;
	/* text-shadow: #fff 2px 2px 2px; */
	margin: 0px;
	letter-spacing: 7px;
	position: relative;
	z-index: 1;
	}
.h1_span{
	padding: 1px 0px 0px 0px;
	top: 1px;
	left: 1px;
	color: #eee;
	position: absolute;
	z-index: -1;
	}
#main {
	width: 940px; 
	padding: 0px 0px 0px 0px;
	margin: 3px auto 0px auto;  
	/* opera does not like 'margin:20px auto' */
	background: #fff;
	text-align: center; 
	}
#top{ 
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	border: 0px;
	background: /* url("../images/top_p.gif") no-repeat top */ #000;
	width: 940px;
	height: 133px;
	}
#menu {
	margin-top: 0px;
	padding: 0px;
	width: 940px;
	background: url("../images/menu_bg.gif") repeat-x top #fff;
	height: 32px;
	}

ol {
	font-size: 13px;
	margin-top: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	list-style: none;
}
li.mainmenu {
	float: right;
	list-style: none;
	margin-top: 0px;
	padding: 4px 10px 6px 10px;
	position: relative;
	text-shadow: #222 2px 2px 2px;
	font-weight: bold;
	background: url(../images/button_bg.gif) no-repeat;
	background-position: 0% top;
}
ul {
	padding: 0px;
	margin: 0px;
	width: 15em;
	background: #777; /* level 1 bg color */
	opacity: 0.9;
	filter: alpha(opacity=90); /* IE  */
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
}
ul.level1 {
	display: none;
	position: absolute;
	left: 0px;
	top: 26px;
}
li.mainmenu:hover ul.level1,
ul.level1 li.submenu:hover ul.level2,
ul.level2 li.submenu:hover ul.level3,
ul.level3 li.submenu:hover ul.level4
{
	display:block;
}
li, li a, a:link, a:visited {
	color: #fff;
	list-style: none;
	margin: 0px;
	padding: 7px 5px 7px 5px;
	text-decoration: none;
}

li.submenu:hover {
	background: #ff0;
}
li ul.level1 a:hover {
	color: #333;
}
li.mainmenu:hover {
	background: url(../images/button_bg.gif) no-repeat;
	background-position: 0% -32px;
}
li.mainmenu a:hover {
	color: #fff;
}
.current {
	float: right;
	list-style: none;
	margin-top: 0px;
	padding: 4px 9px 6px 9px;
	position: relative;
	text-shadow: #222 2px 2px 2px;
	font-weight: bold;
	background: url(../images/button_bg.gif) no-repeat;
	background-position: 0% -32px;
}
.current a {
	color: #fff;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	text-decoration: none;
}
.current:hover ul.level1,
ul.level1 li.submenu:hover ul.level2,
ul.level2 li.submenu:hover ul.level3,
ul.level3 li.submenu:hover ul.level4
{
	display:block;

}
ul.side_menu {
	text-align: left;
	margin-left: 2px;
	margin-top: 15px;
	font-size: 10pt;
	background: none;
	list-style-type: none;
	line-height: 0%;
	letter-spacing: 4px; /* tc only */
   }

.side_menu li a:link, .side_menu li a:visited {
	color: #666;
	display: block;
	padding-left: 15px;
	text-align: left;
	background: url("../images/icon_arrow.png") no-repeat left ;
	background-position: -15% 40%; 
	}

.side_menu li a:hover, .side_menu li #current {
	color: #000;
	padding-left: 15px;
	text-align: left;
	background: url("../images/icon_arrow.png") no-repeat left ;
	background-position: 0% 40%; 
	}
.side_menu li a:active {
	color: #333;
	padding-left: 15px;
	text-align: left;
	background: url("../images/icon_arrow.png") no-repeat left ;
	background-position: 2% 40%; 
	}
li.pd_info{
	width: 15em;
	color: #4e62a7;
	padding-left: 15px;
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	list-style-type: none;
	background: url(../images/icon_square.png) no-repeat left;
}
#content{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 940px;
	}
#footer{
	margin: 0px auto 0px auto;
	padding-top: 15px;
	background: url("../images/foot_bg.gif") repeat-x #9DA4AC;
	text-align: center;
	width: 940px;
	height: 67px;
	}
.info_1{ /*  */
	margin: 20px auto 20px auto;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px dashed #ccc;
}
.info_2{ /* for info__.htm */
	margin: 20px auto 0px auto;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;
}
.info_3{ /* downloads.htm */
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}
a.n_link:link {
	color: #36f;
	text-decoration: underline;
	}
a.n_link:visited {
	color: #916161;
	text-decoration: underline;
	}
a.n_link:hover {
	color: #FFC500;
	text-decoration: underline;
	}
a.n_link:active {
	color: #36f;
	text-decoration: underline;
	}
a.n_link2:link {
	color: #36f;
	text-decoration: none;
	}
a.n_link2:visited {
	color: #916161;
	text-decoration: none;
	}
a.n_link2:hover {
	color: #FFC500;
	text-decoration: none;
	}
a.n_link2:active {
	color: #36f;
	text-decoration: none;
	}
a.n_link3:link {
	color: #999;
	text-decoration: none;
	}
a.n_link3:visited {
	color: #999;
	text-decoration: none;
	}
a.n_link3:hover {
	color: #FFC500;
	text-decoration: none;
	}
a.n_link3:active {
	color: #FFC500;
	text-decoration: none;
	}
a.foot_link:link {
	color: #555;
	text-decoration: none;
	}
a.foot_link:visited {
	color: #555;
	text-decoration: none;
	}
a.foot_link:hover {
	color: #FF8E21;
	text-decoration: none;
	}
a.foot_link:active {
	color: #FF8E21;
	text-decoration: none;
	}
.photo_r_up {
	padding: 0px;
	float: right;
	margin: 28px 0px 0px 15px;
	background-color:#ccc;
}
.photo_r {
	padding: 0px;
	float: right;
	margin: 6px 0px 0px 15px;
	background-color:#ccc;
}
.photo_r2 { /* for pd_ht_cad */
	padding: 0px;
	float: right;
	margin: 25px 0px 25px 10px;
	background-color:#ccc;
}
.photo_l {
	padding: 0px;
	float: left;
	margin: 5px 15px 0px 0px;
	background-color:#ccc;
}

.td1{ /* for info_side_menu */
	background: url('../images/side_menu_bg.gif') repeat-x top;
	height: 276px;
	border-top: #fff 1px solid;
}
.td2{ /* fot info_side_top */
	background: url('../images/side_top_bg.gif') repeat-x top #C5CAD0 ;
}
.td3{ /* fot info_side_top_text_box */
	background: url('../images/side_top_dot.gif') no-repeat left top;
	padding: 10px 0 10px 0;
	color: #444;
	font-size: 20px;
	font-weight: bold ;
	text-align: center;
	border-left: #C5CAD0 2px solid;
	border-right: #C5CAD0 2px solid;
}
.td4{ /* for ht */
	border-bottom: #ccc 1px solid;
}
.td5{ /* info_om.htm */
	background: #EFEFEF;
	padding: 8px 10px 8px 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 10pt;
	line-height: 150%;
}
.td5_l{ /* info_om.htm */
	background: #EFEFEF;
	padding: 8px 10px 8px 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 10pt;
	line-height: 150%;
	border-right: #C5CAD0 1px solid;
}
.td5_2{ /* info_om.htm */
	background: #fff;
	padding: 8px 10px 8px 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 10pt;
	line-height: 150%;
}
.td5_2_l{ /* info_om.htm */
	background: #fff;
	padding: 8px 10px 8px 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 10pt;
	line-height: 150%;
	border-right: #C5CAD0 1px solid;
}
.td6{ /* info_om.htm */
	background: #ddd;
	padding: 3px 10px 3px 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 150%;
	border-bottom: #999 1px solid;
}
.td7{ /* info_bd.htm */
	padding: 10px 15px 7px 0px;
	margin-top: 0px;
	font-size: 10pt;
	line-height: 140%;
	border-bottom: #ccc 1px solid;
}
.td7d{ /* info_bd.htm */
	padding: 10px 15px 7px 0px;
	margin-top: 0px;
	font-size: 10pt;
	line-height: 140%;
	border-bottom: #ccc 1px dashed;
}
.td8{ /* contact.htm */
	padding: 10px 0px 7px 10px;
	margin-top: 0px;
	font-size: 12px;
	line-height: 140%;
	border-bottom: #ccc 1px solid;
}
.td9{ /* news.htm */
	padding: 0px;
	margin-top: 0px;
	font-size: 12px;
	line-height: 140%;
	border-top: #ccc 1px solid;
	background: url('../images/news_ht_bg.jpg') repeat-x top;
}
.td10{ /* news.htm */
	padding: 5px 10px 25px 10px;
	margin-top: 0px;
	font-size: 12px;
	line-height: 160%;
}
.td11{ /* download.htm */
	padding: 5px 0px 5px 0px;
	margin-top: 0px;
	font-size: 12px;
	line-height: 140%;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	text-align: center;
}
.td12{ /* for pd_bike_ht */
	border-bottom: #ccc 1px dashed;
}

