@charset "utf-8";
/* CSS Document */

/* Main navigation bar styles */
#navi{padding:0px;font-family:Verdana, Geneva, sans-serif;font-size:12px;font-weight:bold;width:572px;padding:0;margin:0 0 0 4px;background:url(../images/navi_bk.gif) repeat-x;line-height:40px;height:40px;}
#navi img{border:0;height:40px;vertical-align:bottom;}

#navi ul { padding:0; margin:0; list-style-type:none;} 
#navi ul li {float:left;position:relative; z-index:100; margin:0;padding:0;height:40px;display:block;}
#navi a:link, #navi a:visited{color:#fff;display:block;float:left; padding:0;}
#navi a:hover{color:#fff;background:url(../images/navi_on.gif) repeat-x;}
/* float the top list items to make it horizontal */ 

#navi .navi_on:link, #navi .navi_on:visited{background:url(../images/navi_on.gif) repeat-x;}

#navi .item0 a{width:69px;text-align:center;}
#navi .item1 a{width:90px;text-align:center;}
#navi .item2 a{width:179px;text-align:center;}
#navi .item3 a{width:150px;text-align:center;}
#navi .item4 a{width:79px;text-align:center;}

/* First level dropdown styles */
/* hide the sub levels and give them a positon absolute so that they take up no room */ 
#navi ul ul { width:150px; visibility:hidden; position:absolute; height:0; top:40px; left:0px; background:#222;} 
#navi ul ul li {display:block; width:150px; height:auto; position:relative; line-height:16px; border:none;margin:0;padding:0px;}
/* rollover styles */
#navi ul ul a:link,#navi ul ul a:visited { display:block; width:140px; background:#999; height:100%; line-height:16px; color:#FFF; font-weight:normal; padding:7px 5px; margin:0; border:solid #7f7f7f; border-width:0 0 1px 0;font-size:11px;text-align:left;} 
#navi ul ul a:hover {color:#FFF; background:#333;} 
#navi ul ul :hover > a {color:#FFF; background:#333;}
* html #navi ul ul a {width:160px; w\idth:150px;}

#navi .item1 ul a:link,#navi .item1 ul a:visited{
	width:240px;
}


/* style the table so that it takes no part in the layout - required for IE to work */ 
#navi table {position:absolute; left:0; top:0; font-size:10px;}
 
/* Style the second level flyouts level background and rollovers */ 
#navi ul ul ul{left:140px; top:0; width:160px;}

/* position the third level flyout menu */ 
#navi ul ul ul a {background:#007ac3} 
#navi ul ul ul a:hover {background:#000;} 
#navi ul ul ul :hover > a {background:#000;}

/* Style the third level flyouts level background and rollovers */ 
#navi ul ul ul ul {left:140px; top:0; width:160px;}

/* position the third level flyout menu */ 
#navi ul ul ul ul a {background:#000;} 
#navi ul ul ul ul a:hover {background:#007ac3;} 
#navi ul ul ul ul :hover > a {background:#007ac3;}

/* Styles for the right side drop down */ 
.right ul ul { left:-105px;} 
.right ul ul ul{left:-175px; top:0; width:160px; border:solid #8F855B; border-width:1px 0 0 0 }

/* make the second level visible when hover on first level list OR link */ 
#navi ul :hover ul{visibility:visible; height:auto; padding-bottom:0; background:transparent url(../images/trans.gif);}

/* keep the third level hidden when you hover on first level list OR link */ 
#navi ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */ 
#navi ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */ 
#navi ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */ 
#navi ul :hover ul :hover ul :hover ul {visibility:visible;}