/* SWIM2.0 :: Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/ 
****************************************************************
*/

ul.vertical, ul.vertical li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
}

ul.vertical {
	position:relative;
	z-index:1000;
	cursor:default;
	width: 150px;
	margin-left: 6px;
	left: 0px;
	top: 0px;
}

ul.vertical li {
	position:relative;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	width: 146px;
	margin:-1px 0px 0px -3px;
}

ul.vertical li:hover, ul.vertical li.category:hover > a {
	color: #f00;
}

ul.vertical li.category {
	background: url('/images/arrow.gif') no-repeat right;
}

ul.vertical li.category:hover {
	background: url('/images/red-arrow.gif') no-repeat right;
}

ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	width: 220px;
	margin:-0.5em 0 0 0;
	top:-100em;
	left:144px;
	padding:1px 0 0 0;
	background-color: #A5DEFF;
	border: 2px solid #009CFF;
}
	
ul.vertical ul li {
/*	width: 150px;*/
	white-space: nowrap;
	margin:-3px 0px 0px 0px;
}
	
ul.vertical ul li.info {
	background-color: #009CFF;
	color: #fff;
	margin: -1px 0 0 0;
	padding: 10 px;
	font-size: 14px;
	cursor: default;
	width: 100%;
}

ul.vertical ul li.info a.info {
	background-color: #009CFF;
	color: #fff;
	width:auto;
	display: inline;
	font-size: 14px;
	margin:0px;
	padding:0px;
	cursor:pointer;
}
ul.vertical ul li.info a.info:hover {
	color: #f00;
}

ul.vertical ul ul {
	margin:-0.5em 0 0 9em;
}

@media Screen, Projection { 
	ul.vertical li:hover > ul { top:0; }
}

ul.vertical a, ul.vertical a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	padding:5px 7px;
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
/*	letter-spacing:1px;*/
}
	
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	color:#F00;
}



@media screen, projection {
	* html ul.vertical li {
/*		display:inline; */
		f\loat:left; 
/*		background:#ffffff; */
	}
}
* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }