/* 6:12:07 removed the max-width and change the width of the float from PX to EM */
html{
	overflow:-moz-scrollbars-vertical;
}

/****
TJK_keyBoardDropDown
Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2
Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.
Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menus.asp
****/
#menu_wrapper {
	width:1024px;
	height:48px;
}

/* zeroing padding/margin for all elements */
#menulist_root,
#menulist_root * { 
	margin:0;padding:0;
}
/* "Master" UL (the whole Menu) */
#menulist_root {
	position:relative;
	background:#000 no-repeat 100% 50%;
	width:1024px;
	max-width:100%;
	/*float:left;*
	margin-bottom:3.5em;
	/*border-bottom:1px solid #666;*/
	z-index : 10000;
}
/* sub-menu ULs */
#menulist_root li ul {
	width:11em !important;/* leaves room for padding */
	cursor:pointer;
	position:absolute;
	height:auto;
	display:none;
	left:-10px;
	font-size:11px;
	padding:0px 0px 0px 0px;
	
	margin-top:20px;
	
/*	padding:17px 10px 10px 10px;
*/	background:url(/templates/iobi/images/clear.gif);/* trick to keep'em open */
}
/* All LIs */
#menulist_root li {
	position:relative;
	cursor:pointer !important;
	/*width:8.30em;*/
	/*max-width:16.5%;
	cursor:pointer;*/
	float:left;
	list-style-type:none;
	font-weight:bold;
	height:48px;
}
/* sub-menu LIs */
#menulist_root li ul li {
	top:17px;
	left:10px;
	/*width:10em*//*FF*/;
	padding:0;
	border:none;
	/*max-width:120%;
	/*border:1px solid #333;*/
			
	border-top:none;
	height:auto;
}

#menulist_root li ul li#menuitem_1_1 {
	margin-top:-20px;
}

#menulist_root li ul li#menuitem_2_1 {
	margin-top:-20px;
}

#menulist_root li ul li#menuitem_3_1 {
	margin-top:-20px;
}

#menulist_root li ul li#menuitem_4_1 {
	margin-top:-20px;
}

#menulist_root li ul li#menuitem_5_1 {
	margin-top:-20px;
}

#menulist_root li ul li#menuitem_6_1 {
	margin-top:-20px;
}

/* All anchors */

#menulist_root li a {
	position:relative;
	cursor:pointer;
	color:#666;
	/*border-left:1px solid #333;*/
	text-decoration:none;
	display:block;
	float:left;
	/*padding:0 .4em;*/
/*  uncomment the declaration below if you want to go "full width" */
	height:48px;
	line-height:20px;
	text-indent:-8000px;
}
/* sub-menu Anchors */
#menulist_root li ul li a {
	width:13em/*CHANGE THIS FOR WIDTH!!!*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	/*white-space:nowrap;
	/*line-height:2.7em;
	height:2.7em;*/
	font-weight:normal;
	/*border:1px solid #fff;*/
	color:#FFF;
	background-repeat:no-repeat;
	background-position:0px 0px !important;
	/*FIX !!!!*/
	text-indent:0px;
	padding:5px 0px 0px 30px;
	height:auto;
}
/* :hover and stuff */
#menulist_root li a:hover,
#menulist_root li a:focus,
#menulist_root li a:active {color:#000;}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#menulist_root ul a:hover,
#menulist_root ul a:focus,
#menulist_root ul a:active {color:#fff !important;background:#c30}

/* display and z-index for the sub-menus */
#menulist_root li:hover ul,
#menulist_root li.msieFix ul {display:block;z-index:100;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#menulist_root li#menuitem_1 {z-index:6; background-image:url(../menu/images/menu1.gif); width:186px;}
#menulist_root li#menuitem_2 {z-index:5; background-image:url(../menu/images/menu2.gif); width:188px;}
#menulist_root li#menuitem_3 {z-index:4; background-image:url(../menu/images/menu3.gif); width:139px;}
#menulist_root li#menuitem_4 {z-index:3; background-image:url(../menu/images/menu4.gif); width:176px;}
#menulist_root li#menuitem_5 {z-index:2; background-image:url(../menu/images/menu5.gif); width:162px;}
#menulist_root li#menuitem_6 {z-index:1; background-image:url(../menu/images/menu6.gif); width:173px;}

/* sets the link on the main manu	  */
#menuitem_1 a {z-index:6; background-image:url(../menu/images/menu1.gif); width:186px;}
#menuitem_2 a {z-index:5; background-image:url(../menu/images/menu2.gif); width:188px;}
#menuitem_3 a {z-index:4; background-image:url(../menu/images/menu3.gif); width:139px;}
#menuitem_4 a {z-index:3; background-image:url(../menu/images/menu4.gif); width:176px;}
#menuitem_5 a {z-index:2; background-image:url(../menu/images/menu5.gif); width:162px;}
#menuitem_6 a {z-index:1; background-image:url(../menu/images/menu6.gif); width:173px;}

/* Current location - class on Body must match LI's id */
.menuitem_1 #menulist_root li#menuitem_1 a,
.menuitem_2 #menulist_root li#menuitem_2 a,
.menuitem_3 #menulist_root li#menuitem_3 a,
.menuitem_4 #menulist_root li#menuitem_4 a,
.menuitem_5 #menulist_root li#menuitem_5 a,
.menuitem_6 #menulist_root li#menuitem_6 a {color:#FFF;}
/* Keeping current menu accessible to JAWS */
.menuitem_1 #menulist_root li#menuitem_1 ul,
.menuitem_2 #menulist_root li#menuitem_2 ul,
.menuitem_3 #menulist_root li#menuitem_3 ul,
.menuitem_4 #menulist_root li#menuitem_4 ul,
.menuitem_5 #menulist_root li#menuitem_5 ul,
.menuitem_6 #menulist_root li#menuitem_6 ul {display:block;top:-1000px}

/* background colors */
#menuitem_1,#menuitem_1 li a {background-image:url(../menu/images/submenu1_bkg.gif);}
#menuitem_2,#menuitem_2 li a {background-image:url(../menu/images/submenu2_bkg.gif);}
#menuitem_3,#menuitem_3 li a {background-image:url(../menu/images/submenu3_bkg.gif);}
#menuitem_4,#menuitem_4 li a {background-image:url(../menu/images/submenu4_bkg.gif);}
#menuitem_5,#menuitem_5 li a {background-image:url(../menu/images/submenu5_bkg.gif);}
#menuitem_6,#menuitem_6 li a {background-image:url(../menu/images/submenu6_bkg.gif);}

/* background hover colors */
#menuitem_1,#menuitem_1 li a:hover, #menuitem_1,#menuitem_1 li a:focus, #menuitem_1,#menuitem_1 li a:active {background:#8da685;background-image:url(../menu/images/submenu1_bkg_hover.gif);}
#menuitem_2,#menuitem_2 li a:hover, #menuitem_2,#menuitem_2 li a:focus, #menuitem_2,#menuitem_2 li a:active {background:#8da685;background-image:url(../menu/images/submenu2_bkg_hover.gif);}
#menuitem_3,#menuitem_3 li a:hover, #menuitem_3,#menuitem_3 li a:focus, #menuitem_3,#menuitem_3 li a:active {background:#8da685;background-image:url(../menu/images/submenu3_bkg_hover.gif);}
#menuitem_4,#menuitem_4 li a:hover, #menuitem_4,#menuitem_4 li a:focus, #menuitem_4,#menuitem_4 li a:active {background:#746b61;background-image:url(../menu/images/submenu4_bkg_hover.gif);}
#menuitem_5,#menuitem_5 li a:hover, #menuitem_5,#menuitem_5 li a:focus, #menuitem_5,#menuitem_5 li a:active {background:#746b61;background-image:url(../menu/images/submenu5_bkg_hover.gif);}
#menuitem_6,#menuitem_6 li a:hover, #menuitem_6,#menuitem_6 li a:focus, #menuitem_6,#menuitem_6 li a:active {background:#746b61;background-image:url(../menu/images/submenu6_bkg_hover.gif);}

/* "trigger" and "msieFix" classes */
#menulist_root li.msieFix a {}

/* last nested UL. keeping it in */
#menulist_root li#menuitem_1 ul {left:18px !important;}
#menulist_root li#menuitem_4 ul {left:39px !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.menuitem_1 #menulist_root li#menuitem_1 ul li a:focus,
.menuitem_1 #menulist_root li#menuitem_1 ul li a:active,
.menuitem_2 #menulist_root li#menuitem_2 ul li a:focus,
.menuitem_2 #menulist_root li#menuitem_2 ul li a:active,
.menuitem_3 #menulist_root li#menuitem_3 ul li a:focus,
.menuitem_3 #menulist_root li#menuitem_3 ul li a:active,
.menuitem_4 #menulist_root li#menuitem_4 ul li a:focus,
.menuitem_4 #menulist_root li#menuitem_4 ul li a:active,
.menuitem_5 #menulist_root li#menuitem_5 ul li a:focus,
.menuitem_5 #menulist_root li#menuitem_5 ul li a:active,
.menuitem_6 #menulist_root li#menuitem_6 ul li a:focus,
.menuitem_6 #menulist_root li#menuitem_6 ul li a:active {position:absolute !important;top:1028px !important;}

/**/

/*quick links*/

#top_right {
	color:#CCCC;
	float:left;
	padding-top:40px;
	width:203px;
	background:repeat-x url(../menu/images/quicklinks_header.jpg);
}

#top_right ul {
	margin:0px;
	padding:0;
}

#right #top_right li {
	margin-bottom:0px;
}


#quicklinks li{
	background:repeat-x url(../menu/images/quicklinks_item_bg.jpg);
	padding: 10px 5px 2px 25px;
	color:#8a8073;
}

#top_right span.bottom{
	background:repeat-x url(../menu/images/quicklinks_bottom.jpg);
	height:17px;
	width:203px;
	display:block;
}

#quicklinks li a {
	color:#8a8073;
}

#quicklinks li a:hover {
	color:#000;
}


/*li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
font-weight: normal;
text-align: left;
padding:3px;
}

li>ul {
top: auto;
left: auto;
}

li li {
display: list-item;
float: 0;
background-color: #cccccc;
border: 0;
padding: 0;
margin: 0;
}
*/