



<!--
.scroll-track-top {
				height:10px;
				width:10px;
				background-image: url('http://www.webreference.com/authoring/style/sheets/custom-scrollbar/images/track_top.png');
				background-color: #f00;
			}
			
			.scroll-track-bot {
				height:10px;
				width:10px;
				background-image: url('http://www.webreference.com/authoring/style/sheets/custom-scrollbar/images/track_bot.png');
				background-color: #0f0;
			}
			
			.scroll-track {
				background-image: url('http://www.webreference.com/authoring/style/sheets/custom-scrollbar/images/track_bg.png');
			}

			.scroll-handle {
				background-image: url('images/handle_mid.png');
				background-repeat: repeat;
				cursor:pointer;
			}
			
			.scroll-handle-top {
				height:8px;
				width:10px;
				background-image: url('images/handle_top.png');
				cursor:pointer;
			}
			
			.scroll-handle-bot {
				height:8px;
				width:10px;
				background-image: url('images/handle_bot.png');
				cursor:pointer;
			}


.style1 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style25a {
	font-size: 16px;
	font-weight: bold;
}
.style25 {
	font-size: 14px;
	font-weight: bold;
}
.stylehover {
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	height:34px;
	text-align:center;
	font-size:13px;
	line-height:34px;

	
}
.stylehover2 {
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	text-align:center;
	font-size:14px;
}

.stylehover2:hover {
	color: #FFFFFF;
	text-align:center;
	font-weight: bold;
	text-align:center;
	font-size:14px;
	text-decoration:underline;

}

.stylehoversub {
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	line-height:15px;
	text-align:center;
	font-size:12px;
}
.stylehoversub:hover {
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	line-height:15px;
	text-align:center;
	font-size:12px;
	text-decoration:underline;
}
.stylehoverdrop {
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	text-align:center;
	font-size:2px;
}
.stylehover:hover {
	background:url(images/silver_bt.jpg) center top repeat;
	text-align:center;
	color: #FFFFFF;
	height:34px;

}
.stylehover3 {
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	height:34px;
	text-align:center;
	font-size:13px;
	line-height:34px;

	
}
.stylehover3:hover {


}


-->








#navigation ul#nav2 {
	z-index: 5000;

}

#navigation ul#nav2 li {
	list-style:none;
	position: relative;
	float: left;
	text-align: center;
	line-height: 1em;
	width:165px;
}

#navigation ul#nav2 li a {
	display: block;
	padding: 9px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;

}

#navigation ul#nav2 li a span {
	padding: 0 15px 0 10px;
   /*	background: url(arrow.gif) no-repeat 100% 50%;  optional */
}

#navigation ul#nav2  li ul {
    display: block;
    position: absolute;
/* hidding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em;/* this makes it more accessible than display:none; */
    width: 162px;
    
   	background:url(images/darkgrey_bt.jpg) center top repeat;
}

#navigation ul#nav2  li:hover ul,
#navigation ul#nav2  li.over ul /* This is for Internet Explorer 6  */
{
    display: inline-block;
    left: 0;
    top: 100%;
    position: absolute;
    z-index: 3000;
    width: 146px;
}

#navigation ul#nav2  li ul li {
    width: 146px;
    height: auto;
   
    text-indent: 0;
    padding: 0;
}

#navigation ul#nav2  li:hover ul li a,
#navigation ul#nav2  li.over ul li a {
    display: block;


    width: 126px;/*this is to adjust if used some background image for dropdown */
    background: transparent;

    text-decoration: none;
    margin: 0;
  
    text-indent: 0;
    text-align: left;
    border: 0;
    white-space: nowrap;
}

#navigation ul#nav2 li ul li a:hover {
    color: #fff;
  
}

#navigation ul#nav2 li.active a,
#navigation ul#nav2 li a:hover,
#navigation ul#nav2 li:hover a,
#navigation ul#nav2 li.over a {
    background:url(images/silver_bt.jpg) center top repeat;

}






#navigation ul#nav4 {
	z-index: 5000;

}

#navigation ul#nav4 li {
	list-style:none;
	position: relative;
	float: left;
	text-align: center;
	line-height: 1em;
	width:80px;
}

#navigation ul#nav4 li a {
	display: block;
	padding: 9px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;

}

#navigation ul#nav4 li a span {
	padding: 0 15px 0 10px;
   /*	background: url(arrow.gif) no-repeat 100% 50%;  optional */
}

#navigation ul#nav4  li ul {
    display: block;
    position: absolute;
/* hidding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em;/* this makes it more accessible than display:none; */
    width: 162px;
    
   	background:url(images/darkgrey_bt.jpg) center top repeat;
}

#navigation ul#nav4  li:hover ul,
#navigation ul#nav4  li.over ul /* This is for Internet Explorer 6  */
{
    display: block;
    left: 0;
    top: 100%;
    position: absolute;
    z-index: 4000;
    width: 146px;
}

#navigation ul#nav4  li ul li {
    width: 146px;
    height: auto;
    background: transparent;
    text-indent: 0;
    padding: 0;
}

#navigation ul#nav4  li:hover ul li a,
#navigation ul#nav4  li.over ul li a {
    display: block;


    width: 126px;/*this is to adjust if used some background image for dropdown */
    background: transparent;

    text-decoration: none;
    margin: 0;
  
    text-indent: 0;
    text-align: left;
    border: 0;
    white-space: nowrap;
}

#navigation ul#nav4 li ul li a:hover {
    color: #fff;
  
}

#navigation ul#nav4 li.active a,
#navigation ul#nav4 li a:hover,
#navigation ul#nav4 li:hover a,
#navigation ul#nav4 li.over a {
    background:url(images/silver_bt.jpg) center top repeat;

}




#navigation ul#nav3 {
	z-index: 5000;

}

#navigation ul#nav3 li {
	list-style:none;
	position: relative;
	float: left;
	text-align: center;
	line-height: 1em;
	width:40px;
}

#navigation ul#nav3 li a {
	display: block;
	padding: 9px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;

}

#navigation ul#nav3 li a span {
	padding: 0 15px 0 10px;
   /*	background: url(arrow.gif) no-repeat 100% 50%;  optional */
}

#navigation ul#nav3  li ul {
    display: block;
    position: absolute;
/* hidding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em;/* this makes it more accessible than display:none; */
    width: 162px;
    
   	background:url(images/darkgrey_bt.jpg) center top repeat;
}

#navigation ul#nav3  li:hover ul,
#navigation ul#nav3  li.over ul /* This is for Internet Explorer 6  */
{
    display: block;
    left: 0;
    top: 100%;
    position: absolute;
    z-index: 4000;
    width: 146px;
}

#navigation ul#nav3  li ul li {
    width: 146px;
    height: auto;
    background: transparent;
    text-indent: 0;
    padding: 0;
}

#navigation ul#nav3  li:hover ul li a,
#navigation ul#nav23  li.over ul li a {
    display: block;


    width: 126px;/*this is to adjust if used some background image for dropdown */
    background: transparent;

    text-decoration: none;
    margin: 0;
  
    text-indent: 0;
    text-align: left;
    border: 0;
    white-space: nowrap;
}

#navigation ul#nav3 li ul li a:hover {
    color: #fff;
  
}

#navigation ul#nav3 li.active a,
#navigation ul#nav3 li a:hover,
#navigation ul#nav3 li:hover a,
#navigation ul#nav3 li.over a {
    background:url(images/silver_bt.jpg) center top repeat;

}