ul#topnav {
	margin: 0; 
	padding: 0;
	float:left;
	list-style: none;
	font-size: 1.1em;
	width:240px;
	height:40px;
	margin-left:1px;
		
	
}

ul#topnav a.products {
	height:40px;

}


ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;	
}

ul#topnav li a {
	background-position: left bottom;
	float: left; 
	height:124px;
	display:block	
	
}



ul#topnav li a:hover {
	 background-position: 10px bottom;
	  background: url(../images/but-Over.jpg) no-repeat;
	
}

 
ul#topnav li .sub {
	position: absolute;	
	top: 40px; 
	left: 0;
	background: #D9E0B7;
	padding: 5px 5px 5px;
	float: left;
	display: none;
	height:140px;
	

}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 475px;
	float: left;
}
ul#topnav .sub ul li {
	width: 180px;
	color: #25480E;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 0px 0;
	background-image: none;
	color: #25480E;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 2px 0px 0px 15px;
	display: block;
	text-decoration: none;
	color: #666666;	
}
ul#topnav .sub ul li a:hover {color: black; color:#999999; background:none}



/*  NAAV1 */

ul#topnav1 {
	margin: 0; padding: 0;
	margin-left:4px;
	float:left;
	list-style: none;
	font-size: 1.1em;
	width:240px;
	height:40px;	
}

ul#topnav1 li {
	float: left;
	margin: 0; padding: 0;
	position: relative;	
}

ul#topnav1 li a {
	background-position: left bottom;
	float: left; 
	height:124px;
	display:block	
}

ul#topnav1 a.products {
	height:41px;

}


ul#topnav1 li a:hover {
	 background-position: 10px bottom;
	 background: url(../images/facilities-over.jpg) no-repeat;		
}



 
ul#topnav1 li .sub {
	position: absolute;	
	top: 41px; 
	height:140px;
	left: -245px;
	background: #D9E0B7;
	background-repeat:no-repeat;
	padding: 5px 5px 5px;
	float: left;
	display: none;
	
}
ul#topnav1 li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topnav1 li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 475px;
	float: left;
}
ul#topnav1 .sub ul li {
	width: 180px;
	color: #25480E;
	
}
ul#topnav1 .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav1 .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #CD0067;
}
ul#topnav1 .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 2px 0px 0px 15px;
	display: block;
	text-decoration: none;
	color: #666666;	
}
ul#topnav1 .sub ul li a:hover {color: black; color:#999999; background:none}


#carousel {
	position:relative;
	top:0px;
	z-index:222;
	height:280px;
	width:730px;
	margin:0 auto;
	overflow:hidden;
	margin-left:255px;
	padding-top:4px;
	_padding-top:2px;

}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:730px;
	height:278px;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	margin-left:-4px;
	padding:0;	
	width:2202px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:730px;
	height:287px;	
	float:left;
}

#slides li img {
	padding:4px;
	padding-top:0px;
}