/* CSS Document */

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

/* designa styles */
ul.vertical ul {
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	/*background-color:#DEE3E7;*/
	background-color:#C0C0C2;
}
ul.vertical a:link, ul.vertical a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	/*background:#DEE3E7;*/
	background:#C0C0C2;
	padding:2px 7px;
	/*font:normal normal bold 0.7em tahoma, verdana, sans-serif;*/
	font:normal normal bolder 0.7em  Verdana, Arial, Helvetica, sans-serif;
	/*color:#0068B1;*/
	color:#000000;
	text-decoration:none;
	letter-spacing:2px;
	list-style:square;
	border-bottom:1px dotted #00124C;
}
ul.vertical .BottomMenu a:link, ul.vertical .BottomMenu a:visited
{
	background:#C0C0C2 !important;
}
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:#FFF !important;
}
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a:active, ul.vertical a.rollover:link, ul.vertical a.rollover:visited {
	color:#E62021;
	background:#FFF;
}

/* browser hacks */
@media screen, projection {
	*html ul.vertical li {
		display:inline;
		f\loat:left;
		background:#DEE3E7;
	}
}
*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: #DEE3E7;*/
	background:#C0C0C2 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: #FFF 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) ? "#DEE3E7" : "#DEE3E7");*/
	background: expression(/hasmenu/.test(this.parentNode.className) ? "#C0C0C2 url(../images/Arrow2.gif) 98% 50% no-repeat" : "#C0C0C2 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) ? "#FFF url(../images/Arrow2Hover.gif) 98% 50% no-repeat" : "#FFF url(../images/Arrow2Hover.gif) 98% 50% no-repeat");
}