/* global properties
***********************************************************************/
* {padding:0; margin:0;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#828282;}
input, textarea, select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#828282;}
/**/
h1 {display:block; float:left;}
h2 {font-size:18px; line-height:18px; font-weight:normal; color:#141654;}
/**/
a {outline:none; color:#828282; text-decoration:none;}
a:hover {text-decoration:underline;}
img, fieldset {outline:none; border:none;}
	
/* common class
***********************************************************************/
	.clear{clear:both; height:0;}
	#sc {width:100%; background:url(../System/bgd_site_top.gif) 50% 0 no-repeat;}
		#sc td {width:100%; background:url(../System/bgd_site_bottom.gif) 50% 100% no-repeat; padding:0; text-align:center;}
	
/* common properties
***********************************************************************/
	#container {width:972px; /*height:585px;*/ text-align:left; margin:auto; overflow:hidden; padding:20px 0 0 0; position:relative;}

	/* header
	***************************************************************/
	#header {width:100%; height:215px; overflow:hidden;}
	#header .topControl {width:190px; text-align:right; float:right}
        .topControl div {width:190px;float:right; padding:5px 0 5px 0; text-align:left}
        .topControl div img {float:left; padding:0 10px 0 0}
       
		#keywords2 {width:140px; height:12px; line-height:10px; border:1px solid #cad0d4; padding:0 1px; font-size:9px; float:left; color:#828282;}
		#searchSubmit {float:left; height:13px;}
	
	/* content
	***************************************************************/
	#content {width:100%; /*height:301px;*/ overflow :hidden;}
		#content h2 {margin:0 0 25px 0;}
		#content p {margin:0 0 9px 0;}
		#mainContent {width:953px; /*height:301px;*/ float:left; overflow:hidden;}
		
		/* breadcrums
		***************************************************************/
		.print {background:url(../System/icon_printer.gif) 0 5px no-repeat; padding:5px 10px 5px 20px; float:right; display:block;}
		.breadcrums {width:858px; height:28px; padding:5px 0 0 35px; overflow:hidden;}
		.breadcrums a {color:#ccc;}
		.breadcrums li {background:url(../System/li_breadcrums.gif) 0 15px no-repeat; padding:0 0 0 12px; margin:0 0 0 10px; float:left; list-style:none;}
		.breadcrums .first {background:none; margin:0; padding:0; color:#ccc;}
		
		/* columns
		***************************************************************/
		.column3 {background:url(../System/bgd_3column.gif) repeat-y;}
			.column3in1 {width:189px; padding:0 25px 0 35px; float:left; clear:both;}
			.column3in2 {width:434px; padding:0 25px 0 30px; float:left;}
			.column3in3 {width:180px; padding:0 0 0 30px; float:left;}
			
				.column3in1 li, .column3in2 li, .column3in3 li, .column21in1 li, .column21in11 li, .column21in2 li, .column22in1 li, .column22in2 li{list-style:none; background:url(../System/bullet_01.gif) 0 5px no-repeat; padding:0 0 0 10px;}

		
		.column21 {background:url(../System/bgd_21column.gif) repeat-y;}
			.column21in1 {width:189px; padding:0 25px 0 35px; float:left; clear:both;}
			.column21in11 {width:189px; padding:0 25px 0 0px; float:left; clear:both;}
			.column21in2 {width:664px; padding:0 0 0 30px; float:left;}
		
		.column22 {background:url(../System/bgd_22column.gif) repeat-y;}
			.column22in1 {width:678px; padding:0 25px 0 35px; float:left; clear:both;}
			.column22in2 {width:180px; padding:0 0 0 30px; float:left;}
	
		/* scroller
		***************************************************************/
		.smScrollContent {width:953px; /*height:246px;*/ overflow:hidden;}
		#scroller {width:17px; height:301px; padding:0 1px; background:#edeef0; float:left; overflow:hidden; visibility:hidden; display:none;}
			.smScrollUp {width:17px; height:10px; display:none;}
			.smScrollDx {width:17px; height:301px; position:relative;}
				.smScrollDx a {width:17px; height:62px; text-decoration:none; background:#fff; display:block;}
				.smScrollDx a:hover {text-decoration:none;}
			.smScrollDn {width:17px; height:10px; display:none;}
		
		/* classes
		***************************************************************/
		.companyList {list-style:none;}
			.companyList li {margin:0 0 20px 0;}
			.companyList li.last {margin:0;}
		
		.articleList {list-style:none;}
			.articleList li {width:100%; padding:0 0 20px 0; overflow:hidden;}
			.articleList h3 {font-size:12px;}
			.articleList table {width:70px; margin:3px 10px 0 0; display:block; float:left;}
			.imgDes {width:345px; float:left;}
				.imgDes h4 {font-size:1.1em;}
		
		.textCol1 {width:314px; margin:0 20px 0 0; float:left;}
		.imgCol1 {width:100px; display:block; float:left;}
		
		.textCol2 {width:314px; float:left;}
		.imgCol2 {width:100px; margin:0 20px 0 0; display:block; float:left;}
		
		/* forms
		***************************************************************/
		#frmContact {width:100%; height:198px; overflow:hidden;}
			#frmContact fieldset {width:50%; float:left; overflow:hidden;}
			#frmContact p {width:100%; margin:0 0 20px 0; overflow:hidden;}
			#frmContact label {width:70px; text-align:right; padding:3px 10px 0 0; display:block; float:left;}
			#frmContact label span {color:#f00; font-weight:bold;}
			#frmContact input, #frmContact textarea {width:130px; border:1px solid #cad0d4; padding:1px;}
				#frmContact textarea {height:75px;}
				#frmContact label.submitLabel {width:auto; padding:25px 13px 0 0; float:right;}
				#frmContact input#contactSubmit {width:40px; height:16px; margin:0; padding:0; border:0 none; color:#fff; background:#999; cursor:pointer;}
		
		#searchBox {text-align:left;}
			#keywords1 {width:140px; height:12px; line-height:10px; border:1px solid #cad0d4; padding:0 1px; font-size:9px; float:left; color:#828282;}
			#searchBox * {text-align:left !important;}
		.searchResult {margin: 0 10px;}
			.searchResult * {text-align:left !important;}

		
	/* footer
	***************************************************************/
	#footer {width:100%; padding:10px 0 22px 0; overflow:hidden;}
		#footer * {color:#98a5ab;}
		#footer ul {display:block; list-style:none;}
		.sponsors {width:100%; height:30px; padding:10px 0; text-align:center; overflow:hidden;}
			.sponsors li {display:inline; padding:0 9px;}
			.sponsors li.first {padding:0 9px 0 0;}
			.sponsors li.last {padding:0 0 0 9px;}
		.contact {padding:5px 0;}
			.contact li {background:url(../System/li_breadcrums.gif) 0 6px no-repeat; padding:0 0 0 12px; margin:0 0 0 10px; float:left;}
			.contact li.first {background:none; margin:0; padding:0;}

	/* navigation
	***************************************************************/
	#nav {width:635px; height:21px; margin:29px 0 0 0; list-style:none; text-transform:uppercase; float:left;}
		#nav li {font-size:10px; height:21px; background:url(../System/_blank.gif); display:block; float:left; padding:0 8px;}
		#nav ul {width:221px; position:absolute; top:-500px; left:-500px; text-transform:uppercase; list-style:none; background:url(../System/_blank.gif); visibility:hidden;}
			#nav ul li {width:221px; font-size:10px; font-weight:normal; height:auto; padding:0; display:block;}
			#nav ul li ul {visibility:hidden; top:0; left:0;}
			#nav ul a {width:200px; text-decoration:none; margin:1px 0 0 0; padding:3px 5px 3px 15px; background:#fff url(../System/li_menu_n.gif) 6px 7px no-repeat; display:block;}
			#nav ul a:hover, #nav ul a.selected {color:#fff; background:#141654 url(../System/li_menu_o.gif) 6px 7px no-repeat;}
		#nav a {color:#98a5ab; text-decoration:none;}
			#nav a:hover, #nav a.selected {color:#b7c0c4;}
