body {min-width: 800px; width: expression(document.body.clientWidth < 800? "800px": "100%"); position: relative;}
html {min-width:795px;}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;	
	background-color:#eee;
	text-align:center; /* IE 5 cannot understander margin:0 auto;*/

                                font-size:x-small;
                                border:0;
                                padding:0 0 0 0px;
                                margin:0;
                                color:#3C185E;

}


/* all web page content container*/
#main_body{	
	margin:0 auto;	
	padding:0 ;
	width:100%;
	background-color:#fff;
	background-image:url(../graphic/header_r3_c1.jpg);
	background-repeat:repeat-y;
	background-position:0;

	
}	
/* header outer container*/
#header{
	width:100%;
	margin:0;
	padding:0;
	height:290px;
	background-image:url(../graphic/header_r1_c1.jpg);
	background-repeat:no-repeat;
	background-position:0;
}
#header form {
	float:left;
	padding-top:240px;
	width:220px;
	margin:0;
}
/* for diaplay search section name*/
#header form p{	font-size:x-small; 
	padding:15px 15px 0 15px;
	color:#fff;
	text-align:left;
	
	}

/* top Nav outer container---------------not in use yet-------------------------*/
#TopNavBar{	
    background-image:url(../images/header_r3_c1.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;
}

#TopNavBar #TopNav {
	clear:left;
	list-style:none;
	margin:0;
	padding:8px 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:#873285;
	text-decoration:none;
}
#TopNavBar #TopNav .a_current:hover{
	padding:0;
	margin:0px;
	text-decoration:none;
	color:#873285;
}
#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:#873285;
}

#TopNavBar #leng{	
    background-image:url(../images/header_r3_c1.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:100%;
    margin:0 auto;
	padding:0;
	
	}


/*left Nav components----------------------------------------*/
#leftnav{
	width:220px;
	float:left;
	text-align:left;
	margin:0;
	padding:0;
	background-image:url(../graphic/header_r2_c1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}


#leftnav ul {
	margin:0;
	font-weight:bold;
	width:211px;
	padding:0;
	list-style:none;

}

#leftnav ul li{
  width:90%;
	margin:0;
	padding:0.2em 0 0.2em 1.5em;
	float:left;
	clear:left;

	font-size:x-small;
	color:#FFFFFF;
}


#leftnav ul .current{  
	width:90%;
	margin:0;
	padding:0.2em 0 0.2em 1.5em;
	float:left;
	clear:left;
	font-size:x-small;
	color:#CCCCCC;
}


#leftnav ul li a:link { 	
	color: #ffffff; 	
	text-decoration: none; }
#leftnav ul li a:visited { 	
	color:#ffffff;
	text-decoration: none;
}
#leftnav ul li a:hover { 	
	color:#ccc;
	text-decoration:underline;
	text-decoration: none; 	
}
#leftnav ul .current .a_current{ 	
color:#873285;
}

	
#leftnav #news{	
    font-size:xx-small; 
	padding:0; 
	margin:0;
	color:#3C185E;
	width:100%;
	}
	
#leftnav #news p{font-size:xx-small; 
font-weight:normal;
padding-left:10px;
padding-right:10px;

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

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

#leftnav ul li ul li{
	margin:0;
	width:143px; 
	padding:0.2em 0 0.2em 1em;
	font-size:xx-small;
}
#leftnav ul li ul li a:link { 	
	color: #CD9EC2; 	
	text-decoration: none; }
#leftnav ul li ul li a:visited { 	
	color:#CD9EC2;
	text-decoration: none;
}
#leftnav ul li ul li a:hover { 	
	color:#eee;
	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;
	padding:0;	
	margin:0;
	margin-left:30px;
	width:65%;
	background-color:#FFFFFF;
	padding-right:10px;
	max-width:800px
	min-width: 600px; 
}


#content  h1, #leftnav h1 {	font-size:medium; 
				font-weight:bold;
				padding:0px; 
				margin:0;
				margin-bottom:1em;
				color:#3C185E;
				 }
#content  h2 {	font-size:small; 
				padding:0.25em 0 0.1em 0px;
				color:#3C185E; 
				margin:0;
				margin-bottom:1em; }
#content  h3 {	font-size:x-small; 
				font-weight:bold;
				padding:0.25em 0 0.1em 0px; 
				color:#3C185E;
				margin:0; }
#content  h4{	font-size:smaller;
				font-weight:bold;
				padding:0.2em 0; 
				padding:0.25em 0 0.1em 0px; 
				color:#873285;
				margin:0;}

#content  h5 {	font-size:x-small; 
				font-weight:bold;
				padding:0.3em 0 0.3em 0px; 
				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 #3C185E;
				background-color:#FFFFCC;
				padding:1em;
				margin:0.6em 0.2em;
}

#content  p{
				font-size:x-small;
				border:0;
				padding:0 0 0 0px; 
				margin:0;
				margin-bottom:1.5em;
				line-height:1.5em;
				color:#3C185E;
}
/* 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:#3C185E;
	font-size:x-small;
	margin:0;
	margin-bottom:15px;
}
#content  #noborder_table caption{

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

#content ul{	
	margin:0 0 1em 0;/*xxx*/
	padding:0;
	padding-left:10px;
	color:#3C185E;
	font-size:x-small;
	list-style:none;
}

#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 8px;
	line-height:1.5em;
	
}

#content .col1 {
	margin:0;
	float:left;
	padding:0;
	width:50%;
}
#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:50%;
	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 #3C185E;	

}
#content  ul li ul, #content  ul li ol{
	margin:0;
	padding:2px 0;
	line-height:1em;

}

#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: #873285;
	font-size:inherit;
	text-decoration: none;
	}
#content  a:visited { 	
	font-size:inherit;
	color: #873285;
	text-decoration: none;
		 }
#content  a:hover { 	
	font-size:inherit;
	color: #873285; 	
	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:xx-small;
	color: #3C185E; 
}

#content  form input, #content  form textarea{
font-size:x-small;
float:right;
width:auto;
margin:0 0 5px 0;
padding:4px;

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

#content  form select{
font-size:x-small;
float:right;
width:auto;
margin:0 0 5px 0;
}

#content  form  #button{
border:0;
float:right;
width:auto;
padding:0;
}
#content  form  #button p, #content  form  #button h3{
padding:0;
}

#content  form  .input_button{
border:0;
width:auto;
height:29px;
float:left;
margin:0;
padding:0;
}
*/

#footer{
	clear:both;
    margin:auto;
	padding:0;
	background-image:url(../graphic/footer.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:180px;

}



#footer #left{
	text-align:left;
	float:left;
	clear:left;
	width:250px;
	height:160px
	
}



#footer #left img{
	padding:40px 0 0 0 ;
	margin:0;
	font-size:xx-small;
	border:0;
	color:#FFFFFF;   
}

#footer #left p{
	padding:40px 10px 10px 10px;
	margin:0;
	font-size:xx-small;
	border:0;
	color:#FFFFFF;
	margin-bottom:10px;
}
#footer #right{
	text-align:left;
	float:right;
width:65%;
}

#footer  a:link { 	font-size:xx-small;
				 	color:#fff; 	
					text-decoration: none;
					}
#footer  a:visited { 	font-size:xx-small;
					 	color: #fff;
						text-decoration: none;
						 }
#footer a:hover { 	font-size:xx-small;	
                        color: #339900; 	
						text-decoration:underline; 	
						
						}

 #logos{
	text-align:center;
	clear:both;
	background-color:#FFFFFF;
	margin-top:0;
	padding-top:0px;
	padding-bottom:20px;
	width:100%;
	border-bottom:5px solid #3C195E
	
}
#logos table{
border:0px;
}

/* ----------------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 #873285
}

.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:#3C185E;
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 auto 0 0;

	font-size:xx-small;
	clear:both;
	border:1px solid #ddddff;
	}
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:#3C185E;
				margin:0 0 0 10px;
				background-color:#ccccff;
				text-align:left;
				color:#3C185E;
				}



.std_green {
	font-size: 10px;
	color: #00CC33;
}
.lrg_blue_bold {
	font-size: 11px;
	color: #003366;
	font-weight: bold;
}
.lrg_green_bold {
	
	font-size: 11px;
	color: #00CC33;
	font-weight: bold;
}
.std_blue_headline {
	
	font-size: 12px;
	color: #003366;
	font-weight: bold;
}
.sm_red_alert {
	
	font-size: 9px;
	color: #ff0000;
	font-weight: bold;
}
.sm_green_alert {
	
	font-size: 9px;
	color: #006600;
	font-weight: bold;
}
.text_box {
	font-size: 10px;
	
	border: 1px solid;
	border-color:#CC66FF;
	
}
.LOW
{
	color: #009900;
	font-weight: bold;
}

.MODERATE
{
	color: #FF8429;
	font-weight: bold;
}

.HIGH
{
	color: #FF0000;
	font-weight: bold;
}
.VERY_HIGH
{
	color: #660066;
	font-weight: bold;
}

ol.TabbedMenu { margin:0 auto 5px auto;
				padding:0;
				font-size:small;
		   		list-style:none; }
ol.TabbedMenu li { float:left;

				background-image: url(../images/tab_r1_c1.jpg);
				background-position:top left;
				background-repeat: no-repeat;
		   		margin:0; 
				border:0;
				border-bottom:1px groove #CC66FF;
				padding:0 0 0 14px; /* the graphic is 14px wide */ }
ol.TabbedMenu li a { text-decoration:none; display:block;
			 background: url(../images/tab_r1_c2.jpg) top right no-repeat;
			color:#000000;
			text-align:center;
			font-size:small;
			 margin:0; 
			 border:0; 
			 padding:0.3em 16px 0.2em 2px;
			 }
ol.TabbedMenu li a:hover {       text-decoration:underline; 
								color:#fc0; 		   		margin:0; 
				border:0; 
				}
ol.TabbedMenu li.CrumbTrail {    background: url(../images/tab_selected_r1_c1.jpg) top left no-repeat;		   		margin:0; 
				border:0;  }
ol.TabbedMenu li.CrumbTrail a{  background: url(../images/tab_selected_r1_c2.jpg) top right no-repeat;color:green; 		   		
				margin:0; 
				border:0; 
				padding:0.3em 16px 0.2em 2px }
ol.TabbedMenu li.CrumbTrail .p_crumb { 
			text-align:center;
			background: url(../images/tab_selected_r1_c2.jpg) top right no-repeat;
			font-size:small;
			 margin:0; 
			 border:0; 
			 padding:0.3em 16px 0.2em 2px;
 }


.ds_selected {
        margin:0;
        background:#fff url(../images/data_selector_ok.jpg) 0 0 no-repeat;
        line-height:2em;
        color:#333333;
        font-weight:bold;
        padding-left:20px;
        padding-bottom:5px;
        }

.ds_select {
        margin:0;
        background:#fff url(../images/list_arrow.gif) 0 -1px no-repeat;
        line-height:2em;
        color:#333333;
        font-weight:bold;
        padding-left:20px;
        padding-bottom:5px;
        }


.ds_edit {
        margin:0;
        background:#fff url(../images/data_selector_edit.jpg) 0 0 no-repeat;
        line-height:2em;
        color:#333333;
        font-weight:bold;
        padding-left:20px;
        padding-bottom:5px;
        }
.ds_warning {
        margin:0;
        background:#fff url(../images/data_selector_warning.jpg) 0 0 no-repeat;
        line-height:2em;
        color:#333333;
        font-weight:bold;
        padding-left:20px;
        padding-bottom:5px;
        }
.ds_error {
        margin:0;
        background:#fff url(../images/data_selector_error.jpg) 0 0 no-repeat;
        line-height:2em;
        color:#333333;
        font-weight:bold;
        padding-left:20px;
        padding-bottom:5px;
        }

.ds_text {
        margin:0;
        font-weight:normal;
        padding-left:20px;
        padding-bottom:5px;
        text-align:left;
        }
.ds_text_center {
        margin:0;
        font-weight:normal;
        padding-left:20px;
        padding-bottom:5px;
        text-align:center;
        }

.ds_text_right {
        margin:0;
        font-weight:normal;
        padding-left:20px;
        padding-bottom:5px;
        text-align:right;
        }


.ds_text_bold {
        margin:0;
        font-weight:bold;
        padding-left:20px;
        padding-bottom:5px;
        text-align:left;
        }

.ds_element {
        margin-left:20px;
        padding-bottom:5px;
        color:#3C185E;
        }