body {
    font-family:Georgia;
	margin:0;	
	padding:0;
	background:#fff
}


/* all web page content container*/
#main_body{
	align: center;
	background:#000;
	width: 800px;
	margin: 20px auto;
	text-align: left;/*Reverses the above rule for the rest of the content*/

}
	
/* header outer container*/
#header{
	vertical-align:top;
	text-align:left;
	margin:0;
	padding:0;
	width: 800px;
	background-image:url(../images/header.jpg);
	background-repeat:repeat-x;
background-position:top left;
}
/* logo container*/

#header img{
	float:left;
	margin:30px 0px 20px 0;
}
/*search and to menu container*/
#header #hright{
	vertical-align:top;
	text-align:right;
	float:right;
	width:320px;
	margin:0;
	padding-top:19px;
	padding-left:0px;
	padding-bottom:5px;
	padding-right:0;
	overflow: hidden;
	font-size:xx-small;
}

#header #hright a{
	padding:0;
	margin:0px;
	color:#339900;
	text-decoration:none;
}
#header #hright a:hover{
	padding:0;
	margin:0px;
	text-decoration:underline; 
	color:#339900;
}


#header #search{
	vertical-align:top;
	float:right;
	clear:right;
	width:100%;
	margin:0;
	padding:0;
}

#header #search form {
	margin:0 0 5px 0; 
	padding:0;	
	float:right;
	font-size:x-small;
}

#header #search FORM .inputbox {
 BORDER: #4d4d4d 1px solid;
 PADDING:0px 10px;
 FONT-SIZE: xx-small;
 color:#4d4d4d;
 MARGIN:2px 0 5px 0;
 WIDTH: 145px;
  float: right;
}
#header #search FORM .input_button {
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 FONT-SIZE: xx-small;
 PADDING-BOTTOM: 0;
  MARGIN: 0 0 2px 3px;
 PADDING-TOP: 0px;
 float: right;
 display: block;
}

/*
#header #search form .input_button{
font-size:xx-small;
width:22px;
margin:0;
margin-bottom:-7px;
margin-left:5px;
padding:0;
}*/

#header #search form .input_button{
font-size:10px;
width:20px;
margin:0;
margin-bottom:-1px;
margin-left:5px;
padding:0;
}
/* top Nav outer container----------------------------------------*/
#TopNavBar{
	font-size:xx-small;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	height:30px;
	margin:0;
	padding:0;
	padding-left:26px;
	border-bottom:2px solid #fff;
	background-color:#CCCCCC;/*gap between the bar and image*/
}

#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:#000000;
	text-decoration:none;
}
#TopNavBar #TopNav .a_current:hover{
	padding:0;
	margin:0px;
	text-decoration:none;
	color:#373737;
}
#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:#4D4D4D;
	
}
#TopNavBar #TopNav a:hover{
	padding:0;
	margin:0px;
	text-decoration:none;
	color:#000;
}

/* image container. No hight should be set to ensure the image ration change poportionally*/
#lower_header{
	vertical-align:top;
	text-align:left;
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:15px;
}

#lower_header img{
	clear:right;
	width:100%;
	margin:0;
	
}
#header_spacer{
	width:100%;
	margin:0;
	padding:0;
    min-width:560px;
	hight:15px;
}

/*top Nav and image block finished*/

/* main body container for left Nav.  */
#main {
	width:99%;/*xxx*/
    margin:0;
	padding:0;
	padding-left:26px;
	xborder:1px solid #FFCC66;
	margin-bottom:30px;/*xxx*/
	}



/*left Nav components----------------------------------------*/
#leftnav{
	width:160px;
	float:left;
	text-align:left;

	margin:20px 0;
	padding:0;
	
	
}
#leftnav ul {
	margin:0;
	width:123px;/*xxx*/
	padding:30px 0;
	list-style:none;
	font-size:small;
}

#leftnav ul li{
  width:100%;
	margin:0;
	padding:0.2em 5em 0.2em 0;
	float:left;
	clear:left;
	
	color:#FFCC66;
         text-align: right;
}
#leftnav ul .current{  
	width:100%;
	margin:0;
	padding:0.2em 0 0.2em 1.5em;
	float:left;
	clear:left;
	color:#333333;
}


#leftnav ul li a:link { 	
	color: #FFCC66; 	
	text-decoration: none; }
#leftnav ul li a:visited { 	
	color:#FFCC66;
	text-decoration: none;
}
#leftnav ul li a:hover { 	
	color:#4d4d4d;
	text-decoration:underline;
	text-decoration: none; 	
}
#leftnav ul .current .a_current{ 	
color:#4d4d4d;
}
/* for diaplay section name*/
#leftnav p{	font-size:small; 
	font-weight:bold;
	padding:0 0 10px 0; 
	margin:0 0 0.5em 0;
	color:#FFCC66;
	width:100%;}
/* 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:#4d4d4d;
	width:100%;}
/*second level Nav list*/
#leftnav ul li ul {
	margin:0;
	padding:0;
	list-style:none;	
	font-size:small;
	width:80%;
	xbackground-color:#FF99CC;
}

#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: #7f7f7f; 	
	text-decoration: none; }
#leftnav ul li ul li a:visited { 	
	color:#7f7f7f;
	text-decoration: none;
}
#leftnav ul li ul li a:hover { 	
	color:#4d4d4d;
	text-decoration:underline;
	text-decoration: none; 	
}


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

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

#content  h5 {	font-size:smaller; 
				font-weight:bold;
				padding:0.3em 0 0.3em 10px; 
				color:#FFCC66;
				margin:0; }
/*use for news box header*/
#content  h6{	font-size:x-small;
				padding:1em 10px 1em 10px;
				font-weight:bold;
				color:#4d4d4d;
				margin:0 0 10px 0;
				border-bottom:1px dashed #373737}
/* .p_bordered not in use*/				
#content .p_bordered{
				font-size:small;
				border:1px solid #666;
				background-color:#FFFFCC;
				padding:1em;
				margin:0.6em 0.2em;
}

#content  p{
				font-size:small;
				border:0;
				padding:0 0 0 10px; 
				margin:0;
				margin-bottom:1.5em;
				line-height:1.5em;
				color:#FFCC66;
}
/* in case someone whish to lay the form by table, this is the one should be used*/
#content table {
	border-collapse:collapse;
	margin:0 0 5px 10px;
	width:100%;
	font-size:smaller;
	border:1px solid #FFCC66;
	}
#content  table th{
	vertical-align:top;
	text-align:left;
	padding:4px 10px;
	background:#FFCC66;
	color:black;
	margin:0;
	margin-bottom:15px;
         border:1px solid #FFCC66;
}
#content  table td{
	vertical-align:top;
	text-align:left;
	padding:2px 10px;
	border:1px solid #FFCC66;
	color:#FFCC66;
	margin:0;
	margin-bottom:15px;
}
#content  caption{

font-size:x-small;
font-weight:bold;
padding:1em 10px 2px 10px;
color:#4d4d4d;
background-color:#FFCC66;
border:0;
text-align:left;
}

#content ul{	
	margin:0 0 1em 2em;
	padding:0;
	padding-left:10px;
	color:#FFCC66;
	font-size:small;
}

#content  ul li{
	margin:0;
	padding:2px 0;
	padding-left:5px;
	padding-right:10px;
	line-height:1.5em;

}


#content .col1 {
	margin:0;
	float:left;
	padding:0;
	width:70%;
}
#content .col1 img{
	clear:both;
	float:right;
	width:99%;
	margin:0 0 23px 0;
	padding:0 0 0 10px ;
	
}

#content .col2, #content .col3{ /*xxxxxx*/
	float:right;
	clear:both;
	margin:0;
	width:185px;
	margin-bottom:10px;
	text-align:left;
         border:none;
	overflow: hidden;
}
#content .col2 img, #content .col2 .img_boarder{
    float:left;
	width:165px;
	padding:0;


}


#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 img{
float:right;
}
#content  a:link { 	
	color: #33FFCC;
	font-size:inherit;
	text-decoration: none;
	}
#content  a:visited { 	
	font-size:inherit;
	color: #33FFCC;
	text-decoration: none;
		 }
#content  a:hover { 	
	font-size:inherit;
	color: #00CC33; 	
	text-decoration:underline;
		}
		
#content  form {
	margin: 0 auto;	
	padding:20px 0 5px 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: #4d4d4d; 
}

#content  form input, #content  form textarea, #content  form select{
font-size:x-small;
float:right;
width:400px;
padding:1px 0 20px 0;
}
#content  form input,#content  form select{
height:22px;
}

#content  form input submit{

width:auto}
#content  form  #button{
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{
	border:none;
	clear:both;
	text-align:center;
         margin:0;
	padding:0;
	height:160px;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x;;
}

#footer p{
	padding:10px 0 0 199px;	
	font-size:xx-small;
	color:#4d4d4d;

}
#footer  a:link { 	font-size:xx-small;
				 	color: #339900; 	
					text-decoration: none;
					}
#footer  a:visited { 	font-size:xx-small;
					 	color: #339900;
						text-decoration: none;
						 }
#footer a:hover { 	font-size:xx-small;	
                        color: #339900; 	
						text-decoration:underline; 	
						
						}
/* ----------------These tags can be used in any where---------------*/
.box_top{
	text-align:left;
	border:1px solid #4d4d4d;
	background-image:url(../images/grey.jpg);
	background-repeat:repeat-x;
	padding:0;
	margin:0 0 1em 2px;
	width:173px;
	float:left;
}
.box_top .bar{
font-size:6px;
	background-color:#339900;
	width:173px;
	padding:0;
	margin:0;
}
.box_top .ad_image{
	height:165px;
	padding:0;
	margin-bottom:-10px;
	border:0;
	float:right;
}
.box_top p{
padding:10px;
font-size:xx-small;
color:#666;
margin:0;
width:163px;
}
.box_top .ul_box{
padding:0;
font-size:xx-small;
color:#666;
margin:0;
width:163px;
}
						

.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-bottom:1px solid #4d4d4d;
	border-left:1px solid #4d4d4d;
	border-right:1px solid #4d4d4d;
	}
td{
	vertical-align:top;
	text-align:left;
	padding:2px 10px;
	border-bottom:1px solid #4d4d4d;
	border-left:1px solid #4d4d4d;
	border-right:1px solid #4d4d4d;
}


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

/*

.page_link:link {  font-size:smaller;
				font-style: normal; 
				font-weight: normal; 
				color: #cc9900; 
				text-decoration: none }
.page_link:visited {  font-size:smaller;
					font-style: normal; 
					font-weight: normal; 
					color: #cc9900; 
					text-decoration: none } 
.page_link:hover {  font-size:smaller;
					font-style: normal; 
					font-weight: normal; 
					color: #339900; 
					text-decoration: none;
					} 

a.TAB_LINK:link {       font-size:smaller;
       			color:#ffffff;
	         	text-decoration: none;  
			 	font-weight: bold; }
a.TAB_LINK:visited {    font-size:smaller;       
						color: #ffffff;         
						text-decoration: none;  
						font-weight: bold; }
a.TAB_LINK:hover {      font-size:smaller;       
						color: #eee;         
						text-decoration: none;  
						font-weight: bold; }
.TAB_LINK {       font-size:smaller;       
					color: #013B63;         
					text-decoration: none;  
					font-weight: bold; }
					

.TAB_LINK {       font-size:smaller;       
					color: #013B63;         
					text-decoration: none;  
					font-weight: bold; }
.menu_td{
	vertical-align:top;
	text-align:left;
	width:150px;
	margin:0;
	padding:0;
}


a.menu_link:link { 	font-size: 0.8em; 	
					color: #FFFFFF; 	
					text-decoration: none; 
					font-weight: bold;} 
a.menu_link:visited { 	font-size: 0.8em; 	
						color: #FFFFFF; 	
						text-decoration: none; 
						font-weight: bold;} 
a.menu_link:hover { 	font-size: 0.8em;	
			color: #FF9900; 	
			text-decoration: none; 
			font-weight: bold;} 
a.map_link:link { 	font-size:smaller;	
			color: #ffffff; 	
			text-decoration: none; 	
			font-weight: bold; }
a.map_link:visited { 	font-size: 0.8em;
			 	color: #ffffff; 	
				text-decoration: none; 	
				font-weight: bold; } 
a.map_link:hover { 	font-size:smaller;	
				color: #FF9900; 	
				text-decoration: none; 	
				font-weight: bold; }

.homelink { font-size:smaller;
			color: #FFFF00;
			text-decoration: underline;
			font-weight: bold; } 
 .lrg_white_bold { 	font-size: 14px; 	
 color: #FFFFFF; 	
 font-weight: bold; } 
 .lrg_white { 
 font-size: 14px;         
 color: #FFFFFF; } 
 .std_black_bold { 
 font-size:smaller;        
 color: #339900;        
 font-weight: bold; } 
 .news_std_white {font-size:smaller;	color: #FFFFFF; text-decoration: underline; }  
 .sm_white { 	font-size: 10px; 	color: #FFFFFF; } 
 .std_bold { 	font-size:smaller;	color: #006666; 	font-weight: bold; }
  .formtable { 	border-top-width: 1px; 	border-top-style: solid; 	border-top-color: #bbbbbb; 	border-right-color: #bbbbbb; 	border-bottom-color: #bbbbbb; 	border-left-color: #bbbbbb; 	border-right-width: 1px; 	border-bottom-width: 1px; 	border-left-width: 1px; 	border-right-style: solid; 	border-bottom-style: solid; 	border-left-style: solid; } 
 .text_box { 	font-size: 11px; 	border: 1px solid; 	background-color: #ffffff; } 
.blank_box_light { 	font-size: 11px; 	border: 0px solid; 	background-color: #FFFFFF; }
 .blank_box_dark { 	font-size: 11px; 	border: 0px solid; 	background-color: #F6F6F6; } 
  .grey { 	font-size: 11px; 	color: #666666;  } 
  
*/