body,div , ul ,p,h1,h2,h3{
	font-family: Arial,;
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.clear{ clear: both;}
img{ border:0px;}
/*--Top Start--*/
#top{
    width:869px;
	margin:0 auto;
	height:80px;
	overflow:hidden;}
#logo{
    width:304px;
	height:50px;
	margin-top:25px;
	margin-left:30px;
	_margin-left:20px;
	float:left; }	
/*Top Service Start*/
#top_service{
    background:url(../images/index_02.gif) no-repeat;
	width:440px;
	height:32px;
	line-height:27px;
	padding-left:30px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	float:right;
	}
#top_service a{
    color:#000000;
	font-size:12px;}
#top_service a:hover{
    color:#666666;}
/*Top Service End*/
/*--Top End--*/
/*--Nav Start--*/

/* remove all the bullets, borders and padding from the default list styling */
#nav{
    background:url(../images/index_10.gif) no-repeat;
    width:840px;
	height:32px;
	margin:0 auto;
	overflow:hidden;
}
#nav ul {
	height:32px;
	margin-left:20px;
	list-style:none;
	position:absolute;
	z-index:150;
   }

/* style the sub-level lists */
#nav ul ul {visibility:hidden;position:absolute;height:0;top:33px;width:150px;list-style:none;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav ul li {
    float:left;
	height:32px;
	line-height:32px;
	display:block;
	text-align:center;}

/* style the sub level list items */
#nav ul ul li {display:block;width:150px;height:auto;}

/* style the links for the top level */
#nav a, #nav a:visited {display:block;float:left;height:100%; width:98px; font-size:14px; font-weight:bold; text-decoration:none;color:#fff;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html #nav a, * html #nav a:visited {width:11em; w\idth:7em;}

/* style the sub level links */
#nav ul ul a, #nav ul ul a:visited {display:block;background:#050505; color:#fff;width:150px;height:100%;line-height:25px;  border-bottom:1px solid #666666; text-align:center; font-size:12px; font-weight:normal;}
* html #nav ul ul a, * html #nav ul ul a:visited  {width:14em; w\idth:12em;}
/* style the table so that it takes no part in the layout - required for IE to work */
#nav table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
/* first */
* html #nav a:hover {color:#FFCC00;position:relative; z-index:100;}
#nav li:hover {position:relative;}
#nav :hover > a {color:#FFCC00;}
/* second */
* html #nav ul ul a:hover{color:#fff;background:#404040; position:relative; z-index:110;height:100%; border:1px solid #000; border-width:0 1px;}
#nav ul ul li:hover {position:relative;}
#nav ul ul :hover > a {color:#fff;background:#404040;;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {visibility:hidden;position:absolute;height:0;top:33px; left:0; width:140px;}

/* make the second level visible when hover on first level list OR link */
#nav ul :hover ul{visibility:visible; position:absolute; top:32px;right:20px; z-index:80; height:auto;  background:#333333; }

	
/*--Nav End--*/
#banner{
    width:869px;
	margin:0 auto;}/*Banner*

/*Footer Start*/
#footer{
    background:url(../images/index_45.gif) no-repeat;
	width:869px;
	height:70px;
	padding-top:23px;
	margin:0 auto;
	margin-top:10px;
	_margin-top:5px;
	}
#footer p{
    margin-left:20px;
	font-size:11px;
	color:#999999;}	
/*Footer End*/