/* ================================================= */
/* Root = Horizontal, Secondary = Vertical           */
/* ================================================= */


ul#navmenu {
	margin: 0px 0px 1px 0px;
	border: 0 none;
	padding: 0;
	width: auto; /*For KHTML*/
	list-style: none;
	height: 24px;
}
ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 31px;
	z-index:200;
}
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	width: 220px; /* jsl */
	list-style: none;
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/ {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
ul#navmenu ul li {
	width: 160px;
	width: 220px; /* jsl */
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}
/* ================================================= */
/* Root Menu                                         */
/* ================================================= */

ul#navmenu a {
	border: 0px solid #e8f2db;
	border-right-color: #e8f2db;
	border-left-color: #e8f2db;
	border-bottom-color: #e8f2db;
	padding: 8px 20px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #a5a5a5;
	font: bold 11px/22px Arial, Tahoma, Helvetica, sans-serif;
	text-decoration: none;
	text-transform:uppercase;
	height: auto !important;
	height: 1%; /*For IE*/
}
ul#navmenu li.current a {
	color:#090;
	background:url(../images/menubg_hover.gif) bottom center repeat-x;
}
/* ================================================= */
/* Root Menu Hover Persistence                       */
/* ================================================= */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
	background:url(../images/menubg_hover.gif) bottom center repeat-x;
	color: #090;
}
#navmenu li ul {
	width:192px;
	width:220px; /* jsl */
	padding: 0 0 0 0;
}
#navmenu li ul li {
	background-color: #333;
	background: none;
}
#navmenu li ul li a {
	background: none;
	font: normal 10px/22px Tahoma, Helvetica, sans-serif;
	padding: 0px 15px;
	color:#949ca4;
	background-color: #666;
	display:block;
}
/* ================================================= */
/* 2nd Menu                                          */
/* ================================================= */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
	float: none;
	color:#666;
	background: none;
	background-color: #D6E1E4;
}
ul#navmenu ul{  /* jsl */
	background-color:#D6E1E4;	
}

/* ================================================= */
/* 2nd Menu Hover Persistence                        */
/* ================================================= */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
	color: #fff;
	background-color: #78C551;
}
/* ================================================= */
/* 3rd Menu                                          */
/* ================================================= */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {
	background: #333 URL(../images/bg.gif) top left repeat-x;
	color: #414141;
}
/* ================================================= */
/* 3rd Menu Hover Persistence                        */
/* ================================================= */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {
	background: #FFF URL(../images/bg.gif) top left repeat-x;
	color: #f64e40;
}
/* ================================================= */
/* 4th Menu                                          */
/* ================================================= */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #c2c9a8;
	color: #4c4f49;
}
/* ================================================= */
/* 4th Menu Hover                                    */
/* ================================================= */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #e8f2db;
	color: #4c4f49;
}
ul#navmenu ul ul, ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
}
/* ================================================= */
/* Do Not Move - Must Come Before display:block for Gecko */
/* ================================================= */

ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
	display: none;
}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
	display: block;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 940px; /*Width of Carousel Viewer itself*/
	height: 224px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 8px 0px 0px 8px; /*margin around each panel*/
	width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}