/*  ASI Public CSS */
body {
	font-size: 12px;
	background-color: #686868;
	background-image: url("/mavista/upload/Image/water_mark.png");
	margin: 10px;
color: #575757;
}

#mav_wrapper { /* background image is 968px wide */
	width: 970px;
	text-align: left;
}

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

.clearfix {
	display: inline-block;
}

#mav_page_fragment_1 {
	height: 481px;
}

#mav_page_fragment_2 {
	height: 0px;
	margin: -13px 0px 0px 0px;
}

#mav_page_fragment_3 {
	background-image: url("/mavista/img/public/common/asibackground.jpg");
	background-repeat: repeat-y;
	margin: 0px 0px 0px 1px;
	padding: 20px 21px 0px 18px;
}

#mav_page_fragment_4 {
	height: 180px;
	margin: 0px 0px 0px 1px;
}

.H_main #mav_content_fragment_1 {
	width: 968px;
}

.H_main  #mav_content_inner_fragment_1 {
	margin: 0px 0px 0px 140px;
}

.RT_main #mav_content_fragment_1 {
	width: 596px;
}

.RT_main #mav_content_inner_fragment_1_top {
	background: url("/mavista/img/public/common/subpagecontent01_01.gif");
	height: 29px;
	margin: 0px;
}

.RT_main #mav_content_inner_fragment_1 {
	height: auto;
	background:
		url("/mavista/img/public/common/subpagecontent01_background.jpg");
	/* do not understand why need to set top and bottom margin at -12px */
	margin: -12px 0px -12px 0px;
	padding: 0px 10px 0px 20px;
}

.RT_main #mav_content_inner_fragment_1_bottom {
	background: url("/mavista/img/public/common/subpagecontent01_03.gif");
	height: 22px;
	margin: 0px;
}

.RT_main #mav_content_fragment_2 {
	width: 334px;
}

.RT_main #mav_content_inner_fragment_2_top {
	background: url("/mavista/img/public/common/subpagecontent02_01.gif");
	height: 26px;
	margin: px;
}

.RT_main #mav_content_inner_fragment_2 {
	height: auto;
	background:
		url("/mavista/img/public/common/subpagecontent02_background.jpg");
	/* fix gap between top, body and bottom */
	margin: -2px 0px -12px 0px;
	padding: 0px 20px 0px 20px;
}

.RT_main #mav_content_inner_fragment_2_bottom {
	background: url("/mavista/img/public/common/subpagecontent02_03.gif");
	height: 16px;
	margin: 0px;
}

.RT_main #mav_content_fragment_3 {
	width: 334px;
}

.RT_main #mav_content_inner_fragment_3_top {
	background: url("/mavista/img/public/common/subpagecontent03_01.gif");
	height: 14px;
	margin: 0px;
}

.RT_main #mav_content_inner_fragment_3 {
	height: auto;
	background:
		url("/mavista/img/public/common/subpagecontent03_background.jpg");
	/* fix gap between top, body and bottom */
	margin: -12px 0px -12px 0px;
	padding: 0px 20px 0px 20px;
	/* fix content 2 + content 3 height = content 1 height */
}

.RT_main #mav_content_inner_fragment_3_bottom {
	background: url("/mavista/img/public/common/subpagecontent03_03.gif");
	height: 25px;
	margin: 0px 0px 0px 0px;
}

.UT_main #mav_content_fragment_1 {
	width: 628px;
	margin-left: 2px;
}

.UT_main #mav_content_inner_fragment_1_top {
	background: url("/mavista/img/public/common/homepagecontent_01_01.gif");
	margin: 0px;
	height: 10px;
}

.UT_main #mav_content_inner_fragment_1 {
	height: 191px;
	background: #006600;
	margin: 0px 0px 0px 0px;
}

.UT_main #mav_content_fragment_2 {
	width: 297px;
	margin-right: 3px;
}

.UT_main #mav_content_inner_fragment_2_top {
	background: url("/mavista/img/public/common/homepagecontent_02_01.gif")
		repeat-y left top;
	margin: 0px;
	height: 10px;
}

.UT_main #mav_content_inner_fragment_2 {
	height: 191px;
	background: #006600;
}

.UT_main #mav_content_fragment_3 {
	width: 925px;
	margin: 0px 0px 0px 2px;
}

.UT_main #mav_content_inner_fragment_3 {
	height: auto;
	margin: -12px 0px -12px 0px;
	padding: 14px 13px 15px 15px;
	background: #2b2b2b;
}

/*=====================IE6=================*/
/*CONTENT*/
/*#mav_page_fragment_3*/
/*#mav_page_fragment_4*/
/*=========================================*/
* html #mav_page_fragment_3 {
	background-image: url("/mavista/img/public/common/asibackground.jpg");
	background-repeat: repeat-y;
	margin: -8px 0px 0px 1px;
	padding: 20px 21px 0px 18px;
}

* html #mav_page_fragment_4 {
	height: 180px;
	margin: -1px 0px 0px 0.9px;
	padding: 1px;
}

* html .UT_main #mav_content_inner_fragment_1_top {
	background: url("/mavista/img/public/common/homepagecontent_01_01.gif");
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: right bottom;
}

* html .UT_main #mav_content_inner_fragment_2_top {
	background: url("/mavista/img/public/common/homepagecontent_02_01.gif");
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

* html .UT_main #mav_content_inner_fragment_2 {
	height: 193px;
	background:
		url("/mavista/img/public/common/homepagecontent_01_background.gif");
}

* html .UT_main #mav_content_fragment_3 {
	width: 925px;
	margin: -20px 0px 0px 2px;
}

* html .RT_main #mav_content_inner_fragment_1 {
	height: auto;
	background:
		url("/mavista/img/public/common/subpagecontent01_background.jpg");
	/* do not understand why need to set top and bottom margin at -12px */
	margin: -20px 0px 0px 0px;
	padding: 0px 10px 0px 20px;
}

* html .RT_main #mav_content_inner_fragment_1_bottom {
	background: url("/mavista/img/public/common/subpagecontent01_03.gif");
	height: 22px;
	margin: -40px 0px 0px 0px;
}

* html .RT_main #mav_content_inner_fragment_2 {
	height: auto;
	background:
		url("/mavista/img/public/common/subpagecontent02_background.jpg");
	/* fix gap between top, body and bottom */
	margin: 0px 0px -12px 0px;
	padding: 0px 20px 0px 20px;
}

* html .RT_main #mav_content_inner_fragment_3 {
	height: auto;
	background:
		url("/mavista/img/public/common/subpagecontent03_background.jpg");
	/* fix gap between top, body and bottom */
	margin: -20px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	/* fix content 2 + content 3 height = content 1 height */
}

* html .RT_main #mav_content_inner_fragment_3_bottom {
	background: url("/mavista/img/public/common/subpagecontent03_03.gif");
	height: 25px;
	width: 334px;
	margin: -40px 0px 0px 0px;
}

/* ============================================================= */
/*  NEWS LISTING 												 */
/*  e.g. #news_listing_results, .item_record_border				 */
/*       .item_abstracts				 		 	 			 */
/*       #main_topic				 			 				 */
/*       .is_mandatory 						 					 */
/* ============================================================= */
#news_listing_results li {
	margin: 0px 0px 0px 204px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	color: #CCCCCC
}

.item_record_border {
	margin: 4px 0px 0px 0px;
	width: 100%;
	height: 152px;
	display: block;
	background: #2b2b2b;
	padding: 5px 0;
	border-bottom: 1px #c0c0c0 dashed
}

.item_body {
	margin: 0px 0px 0px 204px;
	padding: 0px 0px 0px 5px;
}

.publish_date {
	font-size: 12px;
	color: #EFEFEF;
	font-weight: bold;
}

.title {
	display: block;
	font-size: 12px;
}

.title a {
	color: #87b23e;
	font-size: 16px;
}

.abstract {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
}

.item_thumbnail {
	float: left;
	display: inline;
	width: 204px;
	background: #2b2b2b;
}

.item_thumbnail_photo {
	margin: 2px 0px 0px 0px;
	float: left;
}

#newsitem {
	background-image:
		url("/mavista/img/public/common/newsitem_text_background.gif");
	background-repeat: repeat-y;
	width: 930px;
	padding: 5px 15px 5px 15px;
}

#newsitem h3 {
	color: #2A3A4D;
	font-size: 18px;
}

* html .mav_paging {
	top: 10px;
	position: relative;
	z-index: 100;
}

*:first-child+html .mav_paging {
	top: 10px;
	position: relative;
	z-index: 100;
}

/*================ news related============== */
#sidenews .item_record_border {
	height: 75px;
	width: 290px;
	margin: 2px 0px 0px 0px;
	/* similar to clearfix effect */
	display: inline-block;
	background: #2b2b2b;
}

#sidenews .item_thumbnail {
	float: left;
	width: 100px;
	margin: 0px;
}

#sidenews .item_thumbnail_photo {
	margin: 2px;
}

#sidenews .item_thumbnail_photo img {
	width: 100px;
	height: 75px;
}

#sidenews .item_body {
	float: right;
	display: inline;
	overflow: hidden;
	background: #2b2b2b;
	width: 185px;
	height: 75px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

#newsitem_text {
	width: 900px;
}

* html #newsitem {
	margin: -4px 0px 0px 0px;
}

/*============================================ */
.imgDiv1 {
	background-repeat: no-repeat;
}

.Max1 {
	background-position: 0 0px;
	height: 54px;
	background-repeat: repeat-x;
}

.imgDiv2 {
	background-repeat: no-repeat;
}

.Max2 {
	background-position: 0 -54px;
	height: 54px;
	background-repeat: repeat-x;
}

/*=============page_unm_list_style===================== */
.mav_paging {
	font-size: 12px;
	display: block;
	margin: 10px 0;
	float: none;
}

.mav_paging {
	*font-size: 14px;
	*margin: 20px 0;
	*padding: 0;
	*background: none;
	*width: auto;
	*text-align: center;
	*height: 40px;
	*padding-top: 15px;
	*padding-left: 20px;
	*display: block;
}

.mav_paging a {
	pisplay: block;
	text-decoration: none;
	border: 1px solid #666;
	padding: 0 5px;
	color: #666
}

.mav_paging a:hover {
	pisplay: block;
	border: 1px solid #666;
	color: #fff;
	background: #006600
}

.mav_paging a.actived {
	border: 1px solid #666;
	color: #fff;
	background: #006600
}

#rss_position {
	position: absolute;
	margin: 18px 0 0 -15px;
	display: block\9;
	margin-top: -40px\9;
	padding: 0\9;
	_position: absolute;
	_margin: 18px 0 0 -190px;
	_border: none;
}

#test {
	background-image: url('/mavista/img/public/menu/munu_01.gif');
	width: 78px;
}

#contactpage {
	margin-left: -130px;
	color: #333
}

/* http://www.codecouch.com/2008/10/how-to-use-clearfix-css-to-clear-floats-without-markup/ */
url
('/mavista/img/public/menu/munu_01
.gif
');


width
:
 
78
px
;


}
/* http://www.codecouch.com/2008/10/how-to-use-clearfix-css-to-clear-floats-without-markup/ */
/
out-markup / * /
kup / * / /
	/* RT-right_side_new_listing*/ 
.RT_main #news_listing_results li {
	height: auto
}

.RT_main .item_record_border {
	height: auto
}

.RT_main .item_thumbnail {
	width: 100px;
	float: left;
	margin-left: 5px
}

.RT_main .item_body {
	float: right;
	width: 180px;
	margin: 0
}

.RT_main .item_thumbnail_photo img {
	width: 100px;
	height: auto
}

.RT_main #news_listing_results .title a {
	font-size: 12px;
	font-weight: bold
}

.RT_main #news_listing_results .abstract {
	font-size: 12px;
	font-weight: lighter;
	display: none
}

.RT_main #news_listing_results .mav_paging {
	background: none
}
