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

#navigation ol, ul {
	list-style: none;
	margin:0 auto;
	padding:0px;
	text-align:left;
}


#navigation {width:170px; height:301px;position:relative; z-index:100;margin-top:30px;/* border-right:1px solid #999; padding:10px 0px;*/ float:left; margin-left:30px; font-family:arial; font-size:12px;}
/* hack to correct IE5.5 faulty box model */
* html #navigation {width:200px; w\idth:144px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {/*width:145px;*/position:relative;/* padding:8px 10px;*/border-bottom: 1px solid #8e8286; background:url(images/menu-top.png) no-repeat 0px 0px; height:30px;}
/* style the links for the top level */
#navigation a, #navigation a:visited {text-decoration:none; display:block;/* height:47px; background:url(navigation.png) top left; text-indent:-9000px;background:url(../images/nav_bg.png) no-repeat 11px bottom; border-bottom:1px solid 
#000;*/
color:#ff0000; font-size:13px; font-weight:bold; 
/*width: 200px;*/
/*height: 40px;*/
line-height: 25px;
margin-top:3px;
padding-left: 10px;
margin-left: 20px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation a, * html #navigation a:visited {width:200px; w\idth:145px;}

/* style the second level background */
#navigation ul ul a.drop, #navigation ul ul a.drop:visited {background:#2d3d47}
/* style the second level hover */
#navigation ul ul a.drop:hover{background:#fff; color:#202c32;}
#navigation ul ul :hover > a.drop {background:#fff; color:#202c32;}
/* style the third level background */
#navigation ul ul ul a, #navigation ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
#navigation ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {visibility:hidden;position:absolute;top:-38px;left:50px;  padding:4px;/* height:96px; */ /*width:145px; */background:#f1f1f1; /*border-left:1px solid #999;*/ width:130px; z-index:101; border:solid 1px #999; padding-bottom:10px; }

#navigation ul ul li{
	background:none;
}

/* another hack for IE5.5 */

* html #navigation ul ul {top:-9px;t\op:-10px;}

/* position the third level flyout menu */
#navigation ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
#navigation ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited {background:none; color:#ff0000; height:auto; line-height:14px; text-indent:0px; display:block; padding:5px; text-decoration:none; font-size: 12px; font-weight: normal; margin-left: 5px;}
/* yet another hack for IE5.5 */
* html #navigation ul ul a, * html #navigation ul ul a:visited {width:145px;w\idth:145px;}

/* style the top level hover */
#navigation :hover > a, #navigation ul ul :hover > a {/*background:url(navigation.png) top left;*/}

/* top level image background placements */
#navigation a.link1:hover {background:/*url(../images/nav_over.png) no-repeat 0px 0px*/#F00; color:#FFF; /*background-position:-146px 0px;*/}
#navigation a.link2 {background:url(../images/nav_bg.png) no-repeat 11px bottom; /*background-position:0px -47px;*/}
/* DO NOT consolodate next 2 lines into one, this breaks IE6 */
#navigation a.link2:hover {background:#F00; color:#FFF;/*url(../images/nav_over.png) no-repeat 0px 0px;*/ /*background-position:-146px -47px;*/}
#navigation :hover > a.link2, #navigation ul ul :hover > a.link2  {background:#F00; color:#FFF;/*url(../images/nav_over.png) no-repeat 0px 0px; *//*background-position:-146px -47px;*/}

#navigation a.link3 {background:url(../images/nav_bg.png) no-repeat 11px bottom; /*background-position:0px -94px;*/}
#navigation a.link3:hover{background:/*url(../images/nav_over.png) no-repeat 0px 0px;*/ #F00> /*background-position:-146px -94px;*/}
#navigation :hover > a.link3, #navigation ul ul :hover > a.link3  {background:url(../images/nav_over.png) no-repeat 0px 0px; /*background-position:-146px -94px;*/}

#navigation a.link4 {background:url(../images/nav_bg.png) no-repeat 11px bottom; /*background-position:0px -141px;*/}
#navigation a.link4:hover {background:url(../images/nav_over.png) no-repeat 0px 0px; /*background-position:-146px -141px;*/}
#navigation :hover > a.link4, #navigation ul ul :hover > a.link4  {background:url(../images/nav_over.png) no-repeat 0px 0px; /*background-position:-146px -141px;*/}

#navigation a.link5 {background:url(../images/nav_bg.png) no-repeat 11px bottom;/*background-position:0px -188px;*/}
#navigation a.link5:hover {background:url(../images/nav_over.png) no-repeat 0px 0px; /*background-position:-146px -188px;*/}


#navigation a.link6 {background:url(../images/nav_bg.png) no-repeat 11px bottom;/*background-position:0px -235px;*/}
#navigation a.link6:hover {background:url(../images/nav_over.png) no-repeat 0px 0px; /*background-position:-146px -235px;*/}

#navigation a.link7 {background:url(../images/nav_bg.png) no-repeat 11px bottom;/*background-position:0px -282px;*/}
#navigation a.link7:hover {background:url(../images/nav_over.png) no-repeat 0px 0px; /*background-position:-146px -282px;*/}

#navigation a.link8 {background:url(../images/nav_bg.png) no-repeat 11px bottom;/*background-position:0px -329px;*/}
#navigation a.link8:hover {background:url(../images/nav_over.png) no-repeat 0px 0px; /*background-position:-146px -329px;*/}

#navigation a.link9 {background:url(../images/nav_bg.png) no-repeat 11px bottom;/*background-position:0px -375px; height:65px;*/}
#navigation a.link9:hover {background:url(../images/nav_over.png) no-repeat 0px 0px; /*background-position:-146px -375px;*/}

#navigation ul ul a:hover {background:#ff0000; color:#fff;}
/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul{ visibility:visible;}