/* 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 0 0 -3px;
	padding:1px;
	list-style-type:none;
	font-size:100%;
	}

ul.vertical {
	position:absolute;
	z-index:1000;
	cursor:default;
	padding:0px;
	width:12em;
	}
	
/* this is the main menu */

ul.vertical li {
	position:relative;
	text-align:left;
	cursor:default;
	width:164px;
	padding:1px;
	margin:0px 0 0 5px;
	background: #000000;
	}

/* this is the sub menu */

ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	width:9em;
	margin:0px 0 0 9.5em; /* position of submenu i.e. T L B R */
	top:-100em;
	left: 0px;
	padding:0px;
	background-color: none;
	}
	
ul.vertical ul li {
	width:14em;	/* submenu width */
	}

ul.vertical ul ul {
	cursor:default;
	position:absolute;
	width:3em;
	z-index:1020;
	margin:0px 0 0 6.5em; /* was 6.5 em */

	}
	
ul.vertical ul ul li  {
	width: 5em;	/* sub-sub-menu width */
	margin: 0px 0 0 2.5em; /* position of sub-sub menu */
	}


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


ul.vertical a, ul.vertical a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	list-style-type: square;
	display: block;
	text-decoration: none;
	background: #000000;
	padding:2px;
	border-top: 1px solid #333333; /* black style for menus */
	border-right: 1px solid #000000;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #000000;
	}
	
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	display: block;
	color: #FFFFFF;
	background: #4a6184;
	cursor: pointer;
	text-decoration: none;
	border-top: 1px solid #c2c9d6; /* blue style for highlights */
	border-right: 1px solid #314058;
	border-bottom: 1px solid #314058;
	border-left: 1px solid #c2c9d6;
	}



 @media screen, projection {
	* html ul.vertical li {
		display:inline; 
		f\loat:left; 
		background: #000000;
		}
	}

* 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; }