/*------------------general style------------------------*/
*
{
	margin: 0;
	padding: 0;
}

body 
{
	font: 12px/1.231 Arial, Helvetica,Verdana, sans-serif; 
	background:#CCCCCC url("../images/main_bg.gif") repeat-y;
	background-position:center;	
	color:#333;
	
}

img
{
	border: 0;
}

a
{
	color: #0066CC;
	text-decoration: underline;
}

a:hover
{
	color: #0066CC;
	text-decoration: none;
}
	
/*---------------------header---------------------------*/
#header 
{
	width:977px;
	height:80px;
	margin:0 auto;
	overflow:hidden;
	background: url("../images/header3.jpg") no-repeat;
}
	
#header h1
{
	line-height: 116px;
	padding-left: 50px;
	font-size: 180%;
}

/*---------------------menu---------------------------*/
#menu_bar 
{
	width: 978px;
	height: 50px;	/*--change height between menu and content here*/
	margin: 0 auto;
	font-size:12px;
	text-align: center;
	background: url("../images/menu_bar.jpg") 1px 0 no-repeat;
}

	#menu_bar ul 
	{
		float: left;
		padding: 0 20px 0 0 ;
		list-style: none;
	}

	#menu_bar ul li 
	{ 
		
		
		float: left;
		margin: 0 0px;
		display: inline;
		line-height: 40px;
		
		
	}
		#menu_bar ul li a
		{
			
			display:block;
			/*float:left;*/
			height:40px;
			width:112px;
			/*margin-left: 0px;*/
			
			font-size:12px;
			text-decoration:none;
			
			/*padding:0;
			border-left:0px;
			border-right:0px;
			color:#222;*/
			/*font-weight: bold;*/
			background-image: url("../images/menu-normal-bg.jpg") ; /*background image swap on hover*/
			background-position: right;
			background-repeat: no-repeat;
		}

		#menu_bar ul li a:link, #menu_bar ul li a:visited
		{
			color: #222;
			text-decoration: none;
		}

		#menu_bar ul li a:hover 
		{ 
			float: left;
			color: #FFF;
			text-decoration: none;
		}
#banner 
{

	width:977px;
	height:180px;
	margin:0 auto;
	overflow:hidden;
	
}

#topinfo 
{

	width:977px;
	height:180px;
	margin:0 auto;
	overflow:hidden;
	
}
/*-------------------content-----------------------*/
#content 
{
	clear:both;
	width:948px;
	margin: 0 auto;
	
	background: #FFF;
	overflow: hidden;

}

	/*=============[START] left-right layout==============*/
	#left_pane
	{
		float: left;
		clear: left;
		width: 728px;
		margin: 0 auto;
		
		/*border: 1px solid red;*/
		overflow: hidden;
	}

	#right_pane
	{
		float: right;
		clear: right;
		width: 220px;
		margin: 0 auto;
		
		/*	border: 1px solid red;*/
		overflow: hidden;
	}


	
.indexProInsUL ul {
	float:left;
	margin-right:5px;
}


	
/*=============[END] left-right layout==============*/
	
/*-------------------footer-----------------------*/
#footer
{
	clear: both;
	width: 945px;
	height: 41px;
	margin: 0 auto;

	
	font-size: 12px;
	background:  url("../images/line.gif")   no-repeat;
}

#footer	a
{
	color:#555;
}

	#bottom_left
	{
		float: left;
		clear: left;	
		padding-left: 30px;
		display: block;
		
	}


	#bottom_right
	{
		float: right;
		clear: right;
		padding-right: 30px;
		display: block;
		
		
		font-size: 8pt;
	}

		#bottom_right a
		{
			
			text-decoration: none;
		}
		
		#bottom_right a:hover
		{
			
			text-decoration: underline;
		}

/*--------buttons--------*/
.button
{
	float: left;
	
	width: 79px;
	/*height: 30px;*/
	margin-right: 20px;
	background: url("../images/btn01.gif") no-repeat;
	text-align: center;
}

.button a
{
	display: block;
	line-height: 23px;
	
	color: #000;	
	font-size: 8pt;
	
	/*background: url("../images/btn01.gif") no-repeat;*/
	
	text-decoration:none;
}

.button a:hover 
{ 
	display: block;
	line-height: 23px;
	
	color: #000;	
	font-size: 9pt;
	/*background: url("../images/btn01_hover.gif") no-repeat;*/
	
	text-decoration:none;
}