/* =========== CSS property for body ====================*/

*{ margin: 0; padding: 0; }* 

body { font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #FFFFFF; color: #444; }
a {	color: #B60D0A;	background: inherit; text-decoration: none; }
a:hover { color: #4AA02C; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: normal 3.7em "Trebuchet MS", Arial, Sans-Serif; color: #fff; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
sup { font-size: .3em; color: #DFCDA2; }
h2 { color: #B60D0A; font: bold 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; border-bottom: 1px solid #ccc; }
h3 { color: #808080; background: #D0D4D4; padding: 3px 10px; margin: 0 0 15px; }

/* =========== CSS property for body ====================*/

/* 
=======================================
 CSS property for page content  
 ======================================
 */
#main_content { width: 850px; margin: 10px auto; background: #fff; padding: 10px; }

/* =============================
CSS property for header  
index_02.jpg is a header image
================================
*/
#header { background: #fff url(./images/index_02.jpg) no-repeat; width: 849px; height: 170px; }

#web_menu { padding: 145px 0 0 0;  float: left; width: 600px;}
		#web_menu li { list-style: none; float: left; font: bold 1.1em "Trebuchet MS"; }
		#web_menu li a { cursor: pointer; padding: 5px 39px; line-height: 25px; margin: 0 1px 0 0; color: #B60D0A;}
		#web_menu li a:hover { color: #4AA02C; }
		#web_menu li a.current { color: #fff; }
/* =========== CSS property for header  ====================*/


#mid { background: #fff url(./images/index_04.jpg) no-repeat; width: 848px; height: 368px;}
	
#category { font-size: .9em;  float: left; width: 200px; margin: 10px 30px 10px 10px; }

	#category ul { list-style:none; border-top:1px solid #eee; border:none; padding:0; margin:0 0 15px 0; }
	#category ul li { border-bottom:1px solid #eee; padding:5px; margin:0; }
	#category ul li a { border: 0; }

#menu { font-size: .9em;  float: right; width: 550px; margin: 10px 30px 10px 10px; }

#home_content { font-size: .9em;  float: left; width: 550px; margin: 10px 30px 10px 10px; }
	#home_content p { margin-left: 15px;}

#intro { font-size: .9em;  float: left; width: 270px; margin: 10px 30px 10px 15px; }

.floatright
{
float: right;
width: 150px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div.floatright img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

p { margin-top: 0; }

#manage_section { font-size: .9em;  float: left; width: 250px; margin: 10px 30px 10px 30px; }
#intro2 { position: absolute; font-size: .9em;  float: left; width: 560px; margin: 10px 30px 10px 15px;}
#InfoBox {
 position: absolute; 
 font-size: .9em;  
 float: left; 
 height: 294px; 
 width: 560px; 
 overflow: auto; 
 margin: 10px 30px 10px 15px;
}



#promo { float: right; width: 200px; margin: 10px 10px 10px 0; }

	#promo ul { list-style:none; border-top:1px solid #eee; border:none; padding:0; margin:0 0 15px 0; }
	#promo ul li { border-bottom:1px solid #eee; padding:5px; margin:0; }
	#promo ul li a { border: 0; }
	
#promo2 { float: right; width: 160px; margin: 10px 10px 10px 0; }
	
/* I need to correct the gapping issue ---
#bottom { background: #fff url(images/index_05.jpg) no-repeat; width: 850px; height: 69px; }
*/