/* CSS Document */

/* structural styles and offsets */
ul.vertical, ul.vertical li, ul.vertical ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:12.5px;
}
ul.vertical {
	position:relative;
	z-index:1000;
	cursor:default;
	width:190px;
	margin: 0px 0 0 0px;
}
*html ul.vertical {
	width:190px;
}
ul.vertical li {
	position:relative;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	width:190px;
	margin: 0px 0 0 0px;
}
*html ul.vertical li {
	width:190px;
}
ul.vertical ul {
	z-index:1020;
	cursor:default;
	width:230px;
	margin:0px 0 0 175px;
	position:absolute;
	left:-100em;
	top:0;
}
ul.vertical ul li {
	width:230px;
}
ul.vertical ul ul {
	margin:-1px 0 0 230px;
	z-index:1030;
}
ul.vertical ul ul ul {
	margin:-1px 0 0 230px;
	z-index:1040;
}

/* designa styles */
ul.vertical ul {
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	background-color:#f4f4f5;
}
ul.vertical a:link, ul.vertical a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background:#000000;
	padding:3px 7px;
	color:#000000;
	text-decoration:none;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	list-style:square;
	border-bottom:1px dotted #CCCCCC;
	font-weight: bold;
	width:163px;
	background: #ececec url(../../Images/LeftMenuBGs4.gif) top left no-repeat !important;
	padding-left:20px;
}
*html ul.vertical a:link, ul.vertical a:visited {
	padding-right:10px;
	width:190px;
}
ul.vertical #BottomMenu a:link, ul.vertical #BottomMenu a:visited
{
	background:#ececec url(../../Images/LeftMenuBGs4.gif) top left no-repeat !important;
	border-bottom:none;
}
ul.vertical #BottomMenu a:hover, ul.vertical #BottomMenu a:focus, ul.vertical #BottomMenu a:active, ul.vertical #BottomMenu a.rollover:link, ul.vertical #BottomMenu a.rollover:visited
{
	background:#000000 url(../../Images/LeftMenuBGs4.gif) left -130px no-repeat !important;
}
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a:active, ul.vertical a.rollover:link, ul.vertical a.rollover:visited {
	color:#eec228;
	background:#000000 url(../../Images/LeftMenuBGs4.gif) left -130px no-repeat !important;
}
ul.vertical .InCat a:link, ul.vertical .InCat a:visited{
	color:#eec228;
	background:#000000 url(../../Images/LeftMenuBGs4.gif) left -130px no-repeat !important;
}

/* browser hacks */
@media screen, projection {
	*html ul.vertical li {
		display:inline;
		f\loat:left;
		background:#000000;
	}
}
*html ul.vertical li { position:static; }
*html ul.vertical a:link, *html ul.vertical a:visited { position:relative; }

/* submenu indicator arrows */
ul.vertical li.hasmenu > a:link, ul.vertical li.hasmenu > a:visited { 
	background:#000000 url(../images/Arrow2.gif) 98% 50% no-repeat;
}

ul.vertical li.hasmenu > a:hover, ul.vertical li.hasmenu > a:focus, ul.vertical li.hasmenu > a:active, ul.vertical li.hasmenu > a.rollover:link, ul.vertical li.hasmenu > a.rollover:visited { 
	background: #000000 url(../images/Arrow2Hover.gif) 98% 50% no-repeat;
}

*html ul.vertical li.hasmenu a:link, *html ul.vertical li.hasmenu a:visited {
	background: expression(/hasmenu/.test(this.parentNode.className) ? "#000000 url(../images/Arrow2.gif) 98% 50% no-repeat" : "#000000 url(../images/Arrow2.gif) 98% 50% no-repeat");
}

*html ul.vertical li.hasmenu a:hover, *html ul.vertical li.hasmenu a:active, *html ul.vertical li.hasmenu a.rollover:link, *html ul.vertical li.hasmenu a.rollover:visited {
	background: expression(/hasmenu/.test(this.parentNode.className) ? "#000000 url(../images/Arrow2Hover.gif) 98% 50% no-repeat" : "#000000 url(../images/Arrow2Hover.gif) 98% 50% no-repeat");
}