/**********************

CSS Document

Coded by: Kefan Xie
xiekefan@gmail.com

**********************/

body {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#wrapper {
	width: 715px;
	margin: auto; 
	background: url(../images/bg/bg_content.gif) repeat-y; 
}

/**********************

Header

**********************/

#header_top {
	height: 32px; 
	he\ight: 22px; 
	padding-top: 10px; 
	font: normal 0.7em arial; 
}

#header_top span { 
	float: left; 
	display: inline; 
	margin-left: 15px; 
	padding-left: 10px; 
	background: url(../images/bg/icon_arrow.gif) no-repeat 0 3px; 
} 

#header_top p { 
	float: right; 
	display: inline; 
	margin: 0 10px 0 0; 
	padding: 0; 
} 

#header_top p a {
	padding: 0 5px; 
	color: black; 
} 

#header { 
	padding: 0 6px 0 7px; 
} 

#logo { 
	float: left; 
} 

#banner { 
	width: 479px; 
	height: 137px; 
} 

/**********************

Navigation

**********************/

#navi {
	float: right; 
	width: 479px; 
	height: 45px; 
	height: 31px;
	padding-top: 14px; 
	background: url(../images/bg/bg_nav.gif) repeat-x; 
}

#navi ul { 
	margin: 0 0 0 5px; 
	padding: 0; 
	list-style: none; 
} 

#navi ul li { 
	float: left; 
	font: normal 0.8em "arial narrow"; 
} 

#navi ul li a { 
	padding: 0 5px; 
	color: white; 
	border-right: 1px solid white; 
} 

.last_navi_li { 
	border: none !important; 
} 

/**********************

Content

**********************/

#content {
	position: relative; 
	padding: 0 6px 0 7px; 
	background: url(../images/bg/bg_main.gif) repeat-y; 
}

#leftcol { 
	float: left; 
	width: 218px; 
} 

#headlines { 
	position: relative; 
	padding: 15px 8px 30px; 
	background: #DEDEDE url(../images/bg/bg_lefttext.gif) repeat-x 0 top; 
} 

#headlines h3 { 
	margin: 0 0 10px 0; 
	padding-left: 15px; 
	font: bold 0.8em verdana; 
	color: #168a39; 
	background: url(../images/bg/icon_doc.gif) no-repeat 0 4px; 
} 

#headlines span { 
	padding-left: 15px; 
	font: bold 0.7em verdana; 
	letter-spacing: -1px; 
	background: url(../images/bg/icon_pape.gif) no-repeat 0 2px; 
} 

#headlines p { 
	margin: 3px 0 15px 15px; 
	font: normal 0.7em verdana; 
} 

#headlines p a { 
	color: #168a39; 
} 

.more_news { 
	position: absolute;
	bottom: 15px;
	right: 15px; 
	padding-left: 15px; 
	font: normal 0.8em verdana; 
	color: #168a39; 
	text-decoration: underline; 
	background: url(../images/bg/icon_pape.gif) no-repeat 0 4px; 
} 

#news { 
	width: 172px; 
	min-height:104px;
	height:auto !important;
	height:104px;
	padding: 14px 23px 30px; 
	background: url(../images/bg/bg_news.gif) repeat-x; 
} 

#news h3 { 
	margin: 0 0 0 0;
	padding-top: 13px; 
	font: bold 0.75em verdana; 
} 

#news p { 
	margin: 6px 0; 
	font: normal 0.7em verdana; 
} 

#nl_email { 
	width: 165px; 
} 

#nl_submit { 
	float: right; 
	display: inline; 
	margin: 4px 4px 0 0; 
} 

form { 
	margin: 0; 
} 

#midcol { 
	float: left; 
	width: 309px; 
	margin-left: 4px; 
} 


#midcol li{ 
	font: normal 0.7em verdana; 
} 

#welcome_msg { 
	position: relative; 
	width: 309px; 
	w\idth: 279px; 
	margin: 4px 0; 
	padding: 10px 15px 30px; 
	border-right: 1px solid #cbcbcb; 
} 

#welcome_msg h3 { 
	margin: 0 0 10px 0; 
	padding-left: 15px; 
	font: bold 0.8em verdana; 
	color: #168a39; 
	background: url(../images/bg/icon_doc.gif) no-repeat 0 4px; 
} 

#welcome_msg p { 
	margin: 8px 0; 
	font: normal 0.7em verdana; 
} 

.more_info { 
	position: absolute;
	bottom: 15px;
	right: 15px; 
	padding-left: 15px; 
	font: normal 0.8em verdana; 
	color: #168a39; 
	text-decoration: underline; 
	background: url(../images/bg/icon_paper.gif) no-repeat 0 4px; 
} 

#welcome_msg a { 
	color: #168a39; 
} 

#midcol img { 
	float: left; 
} 

#center_images {
	position: absolute; 
	bottom: 0; 
} 

#center_img1 { 
	margin-right: 3px; 
} 

#rightcol { 
	float: right; 
	width: 170px; 
} 

#testimonial { 	
	position: relative; 
	height: 496px; 
	he\ight: 482px; 
	padding: 14px 14px 0 14px; 
	background: url(../images/bg/bg_testimonial.gif) no-repeat right top; 
} 

#testimonial h3 { 
	margin: 0 0 10px 0; 
	padding-left: 15px; 
	font: bold 0.8em verdana; 
	background: url(../images/bg/icon_impo.gif) no-repeat 0 4px; 
}

#testimonial p { 
	font: 0.7em verdana;  
} 

#testimonial strong { 
	color: #7B4897;
} 

#testimonial a { 
color: #168a39; }

.quote { 
	margin: 5px 0; 
	font: italic 0.75em arial; 
} 

#testimonial img { 
	display: block; 
	margin: auto; 
	border: 3px solid #dedede; 
} 

.test_desc { 
	margin: 5px 0; 
	text-align: center; 
	font: normal 0.8em verdana; 
} 

.more_test { 
	position: absolute;
	bottom: 10px;
	right: 10px; 
	padding-left: 15px; 
	font: normal 0.8em verdana; 
	color: #168a39; 
	text-decoration: underline; 
	background: url(../images/bg/icon_impo.gif) no-repeat 0 4px; 
} 

/**********************

Footer

**********************/

#footer {
	width: 702px; 
	height: 39px; 
	margin: 4px 0 0 7px; 
	border-top: 1px solid black; 
	overflow: hidden; 
}

#footer_left { 
	float: left; 
	width: 219px; 
	height: 39px; 
	he\ight: 27px; 
	margin: 0; 
	padding-top: 12px; 
	text-align: center; 
	font: normal 0.7em arial; 
	color: white; 
	background: url(../images/bg/bg_footer_p.gif) repeat-x; 
} 

#footer_right { 
	float: right; 
	width: 483px;
	w\idth: 473px;
	height: 39px; 
	he\ight: 27px; 
	margin: 0; 
	padding: 12px 10px 0 0; 
	font: normal 0.7em arial; 
	color: white; 
	background: url(../images/bg/bg_footer.gif) repeat-x; 
} 

p#footer_right  	{	text-align:right;}

#footer  p a { 
	color: white; 
} 

#wrapper_end { 
	margin: 3px 0 0 0; 
	height: 4px; 
	background: url(../images/bg/bg_bottom.gif) no-repeat 0 top; 
} 

/**********************

Miscellaneous

**********************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */






#welcome_msg_new { 
	position: relative; 
	width: 480px; 
	w\idth: 480px; 
	margin: 4px 0; 
	padding: 10px 15px 30px; 
	
} 


#welcome_msg_new h3 { 
	margin: 0 0 10px 0; 
	padding-left: 15px; 
	font: bold 0.8em verdana; 
	color: #168a39; 
	background: url(../images/bg/icon_doc.gif) no-repeat 0 4px; 
} 

#welcome_msg_new p { 
	margin: 8px 0; 
	font: normal 0.7em verdana; 
} 

.lable{
width:212px;
float:left;
font: normal 0.7em verdana;
height:25px;
}

.heading{
width:100%;
float:left;
font: normal 0.7em verdana;
line-height:18px;
}

.textbox{
float:left;
height:25px;
}