body{		
 			margin:0;
 			padding:0;
 			font-family:Verdana, Arial, sans-serif;
 			font-size:12px;
 			text-align:center;
 			color:#000;
 			background-color:#fff;
 			background-image: url("../pics/bg.gif");
 			background-repeat: repeat-y;
 			background-position: top center; 
 			}		
		h2 {
			font-size: 140%;
			padding-bottom: 2px;
			border-bottom: 1px solid #CCC;
			font-size: 24px;		
			margin: 0;
			color: #7c9597;
			}
		h3 {
			font-size: 100%;
			padding-bottom: 2px;
			font-size: 18px;		
			margin: 0;
			color: #7c9597;
			}		
		tb {
			margin: 10px;
			padding: 0px;
    		text-align: justify; 
			vertical-align: top;
			border: 0px solid black;
			background-color: #fffccc;
			}
		p.box {
			border-style: solid;
			border-width: 1px;
			padding: 3px;
			background-color: #B0C4DE;
			color: #000;
			}
		p.box2 {
			border-style: solid;
			border-width: 1px;
			padding: 3px;
			background-color: #EEE8AA;
			color: #000;
			}					
		#container {
			width: 780px;
			\width: 780px;
			w\idth: 780px;
			border: 1px solid gray;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
    		text-align: justify; 
			vertical-align: top;			
			}
		#banner {
			padding: 0px;
			margin-bottom: 0px;
			background-image: url("../pics/logo.jpg");
			height: 130px; 
			}
		#hmenu {
			padding: 4px;	
			line-height: 0.8;
			background-color: #204F66;
 		   	font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;			
        	height: 23px; 
			}		
		#content {
		   	font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #606363;
			font-size: 10px;	
			padding: 10px;
			margin-left: 205px;
			background-color: #fff;
			text-align: justify;
			border-bottom: 0px;
		    background-image: url("../pics/lotusbk.jpg");
			background-repeat: no-repeat;
			background-position: bottom center;
    		}		
		#sidebar-a {
			float: left;
			width: 200px;
			\width: 204px;
			w\idth: 200px;
			margin-left: 2px;
			margin-right: 2px;
			padding: 2px;
			background-color: #fff;
		   	font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #606363;
			font-size: 10px;			
		}
		a.menu{
			display: block;
			margin-left: 1px;
			margin-right: 1px;
			text-decoration: none;
			border: 1px solid #fff;
			color: #606363;
			}
		a.menu:hover{
			display: block;
			background-color: #7c9597;
			font-weight: normal;
			border: 1px solid #7c9597;
			color: #fff;
			}		
		div.menuheader{
			text-align: center;
			background-color: #fff;
			margin-left: 1px;
			margin-bottom: 3px;
			margin-right: 1px;
			margin-top: 8px;
			border: 1px solid #808080;
			background-image: url("../pics/footer.jpg ");
			}
		#footer {
			clear: both;
			padding: 2px;
			margin-top: 1px;
		   	font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000005;
			font-size: 10px;	
			padding: 2px;
			text-align: left;			
			background-image: url("../pics/footer.jpg ");
			}

<!-- this is the horizontal top menu  -->		
		
	ul#navlist{
		margin-left: 2px;
		padding-left: 2px;
		margin-top: 1px;
		margin-bottom: 4px;
		white-space: nowrap;
 		left: 20px;
		}

	#navlist li{
		display: inline;
		list-style-type: none;
		}

	#navlist a { 
		padding: 3px 10px;
		}

	#navlist a:link, #navlist a:visited{
		color: #fff;
		background-color: #204F66;
		text-decoration: none;
		font-weight: bold;
		border: 0px solid #204F66;
		}
	#navlist a:hover{
		color: #000000;
		background-color: #fff;
		text-decoration: none;
		font-weight: bold;
		border: 1px solid #808080;
		}

/* ----- start: search box and button  ----- */ 

.form { padding: 1px; margin-top: 0; margin-bottom: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: #F5F5F5; color: #696969;  }
.btn { text-align: center; margin-top: 2; margin-bottom: 2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; 
background: url("../pics/footer.jpg"); 
color:#696969;  } 

/* ----- start: topic area navigation ----- */ 

	#topicarea { 
  		width:780px;
  		height: 24px;
  		margin:0px auto; 
  		padding:0;  
  		background: #fff url("../pics/footer.jpg") repeat-x bottom left; 
  		}
	#topicabout a, #topicabouton a { 
  		width:120px;
  		border: 1px solid #ccc;
  		border-style: solid;
  		border-top-style: hidden;
  		border-bottom-style: hidden;
  		border-top-color: #fff;
  		border-left-color: #fff;
  		border-bottom-color: #fff;
  		float:left;
  		text-align:center;
  		padding-top:5px;
  		padding-bottom:6px; 
  		}  
	#topicabouton a {
  		background:#fff ; 
  		}
	#topicarea a {
  		font-family:Verdana, Arial, sans-serif;
  		font-size:11px;
  		text-align:center;
  		text-decoration:none;
  		font-weight: bold;
  		color:#000; 
	  	}
	#topicarea a:hover, #nav a:active {
  		color:#204F66;
  		background:#fff url("../pics/foter.jpg") repeat-x top left; 
  		}