@import url('TopMenu.css.asp');
@import url('LeftMenu.css.asp');



	/* THE MOST COMMONLY PROPERTIES */
	p,div,body,span,li,ul, img,input,select,textarea{
		border:0px;
		margin:0px; padding:0px;
		font:12px Arial;
		color:#000;
	}

	td {
		margin:0px; padding:0px;
		font:12px Arial;
		color:#000;
	}

	input,select,textarea {color:#000;}

	td {vertical-align:top;}
	a {text-decoration:none;}
	a img {border:0px;}


/*
	img { vertical-align: bottom; }				/*---this will remove the space upon & below an image by default */
*/
	.img_middle { vertical-align:middle; }


	/* for the width of the whole page, including background */
		.Whole_Page_Width {width:1025px;}

	/* the width of the whole page */
		.Page_Width { width:991px; text-align:left; background:#fff; }

	/* for the page's left background */
		.Left_BG { width:100%; background:url(Home_Files/BG_Left.jpg) repeat-y; }

	/* for the page's right background */
		.Right_BG { width:100%; background:url(Home_Files/BG_Right.jpg) right repeat-y; }




	/*width & style of 3 column & 2 separator */
		.Page_Left { width:0px; }
		.Page_Right { width:236px; }
		.Page_Main { width:747px; overflow:hidden; }

		.Page_Sep_1 {width:0px; font-size:0px;}
		.Page_Sep_2 {width:4px; font-size:0px;}



	/* Header style for 3 column & Extra header  */
		.Left_Header { 	width:100%; line-height:36px;
						background:url(Home_Files/Layout_r29_c2.jpg) no-repeat;
						height:39px; padding-left:40px;
						color:#fff;
						text-transform:uppercase;
						font-weight:bold;  }
		.Left_Header a { color:#fff;
						text-transform:uppercase;
						font-weight:bold; }

		.Main_Header {	width:100%; height:35px; color:#444; padding-left:17px; font-weight:bold;
						line-height:35px;
						background:url(Home_Files/paging_bg.jpg) repeat-x; }

		.Main_Header p {padding-top:30px; padding-left:15px; color:#145F9A; font-weight:bold;}
		.Main_Header a {color:#444;	font-weight:bold;}

		.Home_Header {	width:100%; height:30px; color:#fff; padding-left:17px; font-weight:bold;
						line-height:30px;
						background:url(Home_Files/Main_Header.jpg) no-repeat; }

		.Home_Header p {padding-top:30px; padding-left:15px; color:#145F9A; font-weight:bold;}
		.Home_Header a {color:#fff;	font-weight:bold;}


		.Right_Header { width:233px; line-height:30px;
						background:url(Home_Files/Right_Header.jpg) no-repeat;
						height:30px;
						color:#fff;
						font-weight:bold;  }
		.Right_Header a { color:#fff; padding-left:17px;
						font-weight:bold; }

		.Right_Header span{
			background:url(Home_Files/Layout_r44_c48.jpg) -2px 2px no-repeat;
			padding-left:20px; padding-right:10px;
			margin-left:20px;
		}

		.Right_Header span a{
			text-transform:none;
			text-decoration:underline; font-size:10px;
		}


	/* The content of main div */
	.Main_Content p{
		padding:12px 14px 12px 14px;
		line-height:1.6;
	}


	/* This class is for clear a div container */
	div .box:after {
		content: "<div></div>";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* The perfect div to be separator */
	div .sep_ { font-size:0px; }


	/* These are for vertical alignment width content inside a div. For example : 
		<div style="height:100px;">
			<div class="valign_out"><div class="valign_middle"><div class="valign_in">
				Content that need to be align middle in vertical
			</div></div></div>
		</div>
		Note that we need to set the height for the container of all this div (in this example is 100px; */

	.valign_out {display: table; #position: relative; overflow:hidden; height:100%; width:100%;}
	.valign_middle {#position: absolute; #top: 50%; width:100%; display: table-cell; vertical-align: middle;}
	.valign_in {#position: relative; #top: -50%; width:100%;}



	/* set the width to 100% of the container's width */
	.w100 {width:100%;}
	.h100 {height:100%;}

	/* some border class for fast border */
		.border_red {border:1px solid #c00;}
		.border_blue {border:1px solid #369;}


	/* fast float method */
		.left {float:left;}


	/*some useful link color */
		.white_link {color:#fff;}
		.red_link {color:#c00;}
		.blue_link {color:#369;}


	/* fast format text */
		.b_ {font-weight:bold;}
		.u_ {text-decoration:underline;}
		.i_ {font-style:italic;}


	/*fast position */
		.relative_ {position:relative;}
		.abs_ {position:absolute;}
		.hide_ {display:none;}
		.inline_block_ { display:-moz-inline-stack; display:inline-block;  }
		.inline_ {display:inline;}




	/*=====================================================================*/
	/*====The style defined espescially for this website===*/

	/* the light-gray-border box*/
		.gray_border {border:1px solid #EBEBEB;}

	/*Tab_news*/
	.tab_news_header { width:246px; height:26px; line-height:26px; text-align:center; }
	.tab_news_header a {font-weight:bold; color:#fff;}