body {
    font-family:Verdana;
	padding:0;
	margin:0;	
	background-color:#fff;
	text-align:center; /* IE 5 cannot understander margin:0 auto;*/
}


/* all web page content container*/
#main_body{	
	margin:0 auto;	
	padding:0 ;
	width:760px;
	
}	
/* header outer container*/
#header{
	width:760px;
	margin:0;
	padding:0;
	height:163px;
}
#header #hearderimg{
	margin: 0 auto;	
	height:150px;
	   
}
#header img{
	margin: 0;
	border:0;
	   
}
#header p{
	float:right;
	margin:0;
	padding:2 20px;
font-size:x-small;
	border:0;
	color:#000066;   
}

#header  a:link { 	
				 	color: #660000; 	
					text-decoration: none;
					}
#header  a:visited { 	
					 	color: #660000;
						text-decoration: none;
						 }
#header a:hover { 	
                        color: #660000; 	
						text-decoration:underline; 	
						
						}
/* top Nav outer container----------------------------------------*/
#TopNavBar{	
    background-image:url(../images/bar.jpg);
	background-repeat:repeat-x;
	background-position:0;	
	border-bottom:2px solid #fff;
	font-size:x-small;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	height:47px;
	margin:0;
	padding:0;
	padding-left:26px;
}

*html #TopNavBar{	

	font-size:xx-small;

}
#TopNavBar #TopNav {
	clear:left;
	list-style:none;
	margin:0;
	padding:10px 0;
	text-align:left;
}
#TopNavBar #TopNav #li_current{
	float:left;
	text-align:center;
	padding:0;
	margin:0px;
}

#TopNavBar #TopNav .a_current{	
	padding:0;
	margin:0px;
	color:#660000;
	text-decoration:none;
}
#TopNavBar #TopNav .a_current:hover{
	padding:0;
	margin:0px;
	text-decoration:none;
	color:#660000;
}
#TopNavBar #TopNav li{
	float:left;
	text-align:center;
	padding:0;
	margin:0px;
}

#TopNavBar #TopNav a, #TopNavBar #TopNav span{
	padding:0;
	margin:0px;
	text-decoration:none;
	color:#ffffff;
	
}
#TopNavBar #TopNav a:hover{
	padding:0;
	margin:0px;
	text-decoration:none;
	color:#660000;
}

#TopNavBar #leng{	
    background-image:url(../images/bar.jpg);
	background-repeat:repeat-x;
	background-position:0;	
	border-bottom:2px solid #fff;
	font-size:xx-small;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	height:47px;
	margin:0;
	padding:0;
	padding-left:26px;
}

/*top Nav and image block finished*/

/* main body container for left Nav.  */
#main {
	width:99%;
    margin:0 auto;
	padding:0;
	padding-right:10px;
	
	}



/*left Nav components----------------------------------------*/
#leftnav{
	width:170px;
	float:left;
	text-align:left;
	margin:0;
	padding:0 10px 0 0;
margin-bottom:30px;

}
#leftnav ul {
	margin:0;
	width:153px;
	padding:0;
	list-style:none;
	
}

#leftnav ul li{
  width:100%;
	margin:0;
	padding:0.2em 0 0.2em 1.5em;
	float:left;
	clear:left;
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 6px;
	font-size:smaller;
	color:#000066;
}
*html #leftnav ul li{
font-size:x-small;
}
#leftnav ul .current{  
	width:100%;
	margin:0;
	padding:0.2em 0 0.2em 1.5em;
	float:left;
	clear:left;
	background-image:url(../images/arrow_red.jpg);
	background-repeat:no-repeat;
	background-position:0px 6px;
	font-size:small;
	color:#660000;
}


#leftnav ul li a:link { 	
	color: #000066; 	
	text-decoration: none; }
#leftnav ul li a:visited { 	
	color:#000066;
	text-decoration: none;
}
#leftnav ul li a:hover { 	
	color:#660000;
	text-decoration:underline;
	text-decoration: none; 	
}
#leftnav ul .current .a_current{ 	
color:#660000;
}
*html #leftnav ul .current .a_current{
font-size:x-small;
}
/* for diaplay section name*/
#leftnav p{	font-size:x-small; 
	font-weight:bold;
	padding:0 0 10px 0; 
	margin:0 0 0.5em 0;
	color:#000066;
	width:100%;}
	
#leftnav #news{	
    font-size:smaller; 
	padding:0; 
	margin:0;
	color:#000066;
	width:100%;
	}
*html #leftnav #news{	
    font-size:x-small;
	line-height:100%;
	}
#leftnav #news p{font-size:xx-small; 
font-weight:normal;
padding-left:10px;
padding-right:10px;
margin:0;

}
#leftnav #news h2{	
font-size:x-small; 
	font-weight:bold;
	text-align:center;
	padding:2px;
	margin:0;
	background-color:#eee;}
	
#leftnav #news h3{	font-size:xx-small; 
font-weight:bold;
padding-left:10px;
margin:0;
}

/* for current top setction level name, whcih is not clickable*/
#leftnav span{	font-size:small;
    font-weight:normal;
	padding:0; 
	padding-left:12.5%;
	margin:0;
	color:#000066;
	width:100%;}
/*second level Nav list*/
#leftnav ul li ul {
	margin:0;
	padding:0;
	list-style:none;	
	font-size:small;
	width:80%;
}
*html #leftnav ul li ul {

	font-size:small;

}

#leftnav ul li ul li{
	margin:0;
	width:143px; 
	padding:0.2em 0 0.2em 1em;
	background-image:url(../images/sub.gif);
	background-repeat:no-repeat;
	background-position:-0.5em 3px;
	
}
#leftnav ul li ul li a:link { 	
	color: #000066; 	
	text-decoration: none; }
#leftnav ul li ul li a:visited { 	
	color:#000066;
	text-decoration: none;
}
#leftnav ul li ul li a:hover { 	
	color:#660000;
	text-decoration:underline;
	text-decoration: none; 	
}
#leftnav img{
	float:right;
	clear:right;
	margin:20px 0;
	width:175px;
	margin-bottom:10px;
	text-align:left;
}

/* main content div */
#content{
	vertical-align:top;
	text-align:left;
	float:left;
	clear:right;
	padding:0;	
	margin:0;
	width:75%;
}

#content  h1, #leftnav h1 {	font-size:medium; 
				font-weight:bold;
				padding:0 0 0 10px; 
				margin:0;
				margin-bottom:1em;
				color:#000066;
				 }
#content  h2 {	font-size:small; 
				padding:0.25em 0 0.1em 10px;
				color:#666699; 
				margin:0;
				margin-bottom:1em;
				clear:both }
#content  h3 {	font-size:smaller; 
				font-weight:bold;
				padding:0.25em 0 0.1em 10px; 
				color:#000066;
				margin:0; }
#content  h4{	font-size:smaller;
				font-weight:bold;
				padding:0.2em 0; 
				padding:0.25em 0 0.1em 10px; 
				color:#666699;
				margin:0;}

#content  h5 {	font-size:x-small; 
				font-weight:bold;
				padding:0.3em 0 0.3em 10px; 
				color:#000099;
				margin:0; }
/*use for news box header*/
#content  h6{	font-size:xx-small;
				padding:0.5em 1em;
				font-weight:bold;
				color:#FFFFFF;
				margin:0 0 10px 0;
				}
/* .p_bordered not in use*/				
#Content .p_bordered{
				font-size:x-small;
				border:1px solid #000066;
				background-color:#FFFFCC;
				padding:1em;
				margin:0.6em 0.2em;
}

#Content  p{
				font-size:smaller;
				border:0;
				padding:0 0 0 10px; 
				margin:0;
				margin-bottom:1.5em;
				line-height:1.5em;
				color:#000066;
				clear:both;
}
*html #Content  p{
				font-size:x-small;

}
/* in case someone whish to lay the form by table, this is the one should be used*/
#Content #noborder_table {
	border-collapse:collapse;
	margin:0;
	width:100%;
	font-size:smaller;
	border:0;
	}
	
#Content  #noborder_table td{
	vertical-align:top;
	text-align:left;
	padding:2px 10px;
	border:0;
	color:#000066;
	font-size:x-small;
	margin:0;
	margin-bottom:15px;
}
#Content  #noborder_table caption{

font-size:x-small;
font-weight:bold;
padding:1em 10px 1em 10px;
color:#000066;
background-color:#FFFFFF;
border:0;
text-align:left;
}

#Content ul{	
	margin:0 0 1em 1em;/*xxx*/
	padding:0;
	padding-left:10px;
	color:#000066;
	font-size:smaller;
	list-style:circle;
}
 #Content  ul ul{
 font-size:90%;
 }
#Content  ul li{
	margin:0;
	padding:2px 0;
	padding-left:12px;
	padding-right:10px;
	background-image: url(../images/dot.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	line-height:1.5em;

}


#content .col1 {
	margin:0;
	float:left;
	padding:0;
	width:67%;
	xbackground-color:yellow;	
}
#content .col1 img{
	clear:both;
	float:right;
	width:99%;
	margin:0 0 23px 0;
	padding:0 0 0 10px ;
	
}
/*xxxxxxxxxxxxxxxxxx*/
#content .col2, #content .col3{
	float:right;
	clear:right;
	margin:0;
	width:175px;
	margin-bottom:10px;
	text-align:left;
}
/*xxxxxxxxxxxxxxxxxx*/
#content .col2 img, #content .col2 .img_boarder{
    float:left;
	width:175px;
	margin:0;
	padding:0;

}
#content .col2 img{
	border:1px solid #fff;
}
#content .col2 .img_boarder{
	border:1px solid #000066;	

}
#Content  ul li ul, #Content  ul li ol{
	margin:0;
	padding:2px 0;
	line-height:1em;
	list-style:none;
}

#Content ul li ul li, #Content ul li ol li{	
    background-image:url(../images/sub.gif);	
	background-position:top;
	background-position:left;
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 3px 0 3px 15px;
	margin: 0;
	}

#Content  a:link { 	
	color: #660000;
	font-size:inherit;
	text-decoration: none;
	}
#Content  a:visited { 	
	font-size:inherit;
	color: #660000;
	text-decoration: none;
		 }
#Content  a:hover { 	
	font-size:inherit;
	color: #660000; 	
	text-decoration:underline;
		}
		
#Content  form {
	margin: 0 auto;	
	padding:20px 10px;
	float:left;
	width:500px;	
	font-family:Verdana;
}
#Content  form label{
	margin: 0;	
	padding:0 0 20px 0;
	float:left;
	clear:left;
	width:100px;
	font-size:x-small;
	color: #000066; 
}

#Content  form input, #Content  form textarea{
font-size:small;
float:right;
width:400px;
margin:0 0 20px 0;
padding:4px;

}
#Content  form input,#Content  form select{
height:22px;
}

#Content  form select{
font-size:x-small;
float:right;
width:400px;
margin:0 0 20px 0;
}

#Content  form  #button{
border:0;
float:right;
width:400px;
padding:0;
}
#Content  form  #button p, #Content  form  #button h3{
padding:0;
}

#Content  form  .input_button{
border:0;
width:59px;
height:29px;
float:left;
margin:0;
padding:0;
}


#footer{
	background-color:#ddddff;
	clear:both;
	text-align:center;	
    margin:0 auto;
	padding: 0;
	width:760px;
	border-top:2px solid #006;
}
#footer p{
	text-align:left;
	float:left;
	clear:left;
	padding:0 5% 0 199px;
	margin:1em 0 0.5em 10px;
	font-size:xx-small;
	border:0;
	color:#000066;   
}

#footer  a:link { 	font-size:xx-small;
				 	color: #660000; 	
					text-decoration: none;
					}
#footer  a:visited { 	font-size:xx-small;
					 	color: #660000;
						text-decoration: none;
						 }
#footer a:hover { 	font-size:xx-small;	
                        color: #660000; 	
						text-decoration:underline; 	
						
						}
/* ----------------These tags can be used in any where---------------*/
.box_top{
	text-align:left;
	border:0;
	background-image:url(../images/red.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	padding:0;
	margin:0 0 1em 2px;
	width:173px;
	float:left;
	border-bottom:1px solid #660000
}

.box_top p{
padding:10px;
font-size:xx-small;
color:#666;
margin:0;
width:153px;
}
.box_top .ul_box{
padding:0;
font-size:xx-small;
color:#000066;
margin:0;
width:153px;
}
						

.clearall { /* clear floats */
	clear: both;
}
.table_small {
	border-collapse:collapse;
	font-size:xx-small;
	margin:0 auto 23px 10px;
	width:65%;
	clear:both;
	}
table{
	border-collapse:collapse;
	margin:0 0 23px 10px;
	font-size:xx-small;
	width:99%;
	clear:both;
	border:1px solid #ddddff;
	color:#000066;
	}
td{
	vertical-align:top;
	text-align:left;
	padding:2px 10px;
	border-bottom:1px solid #ddddff;
	border-left:1px solid #ddddff;
	border-right:1px solid #ddddff;
}


th{
	vertical-align:middle;
	text-align:left;
	padding:5px 10px;
	background-color:#ddddff;
	border-bottom:1px solid #ccccff;
	border-left:1px solid #ccccff;
	border-right:1px solid #ccccff;
}
table caption{	font-size:xx-small;
				border:1px solid #ccccff;
				font-weight:bold;
				padding:1em 10px 1em 10px;
				color:#000066;
				margin:0 0 0 10px;
				background-color:#ccccff;
				text-align:left;
				color:#000066;
				}