/* 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:absolute;
	z-index:1000;
	cursor:default;
	width:8.5em;
	left:1.2em;
	top:0em;
margin-top: 1px;
	}

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

ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	width:8.7em;
	margin:0 0 0 8.5em;
	top:-100em;
	left:-1px;
	padding:1px 0 0 0;
	}
	
ul.vertical ul li {
	width:8.7em;
	}

ul.vertical ul ul {
	margin:0.05em 0 0 8.7em;
	}

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

ul.vertical a, ul.vertical a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background: #fbf9ef;
	border:1px solid gray;
	padding:0.5em 1.6em 0.5em 0.5em;
	font:normal normal bold 0.6em tahoma, verdana, sans-serif;
	color: navy/*#008000*/;
	text-decoration:none;
	letter-spacing:1px;
	}

ul.vertical a.submenu {
	background: #fbf9ef url(submenu.gif) 99%/*95%*/ 50% no-repeat;
	} /*GNS adding Meyer's arrow system */
	
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	background:#f2f2f2;
	color:blue;
	}

ul.vertical a.submenu:hover {
	background: #f2f2f2 url(submenuh.gif) 99%/*95%*/ 50% no-repeat;
	} /*GNS adding Meyer's arrow system */

ul.vertical a.spacer {
	background: #ffffff;
/*\*/
	border-color:gray transparent !important;/* For competent browsers*/
border-color:gray white;/*have to use white, because IE doesnt understand transparent. The world's thicko browser - the snag is it takes off one pixel of the border in the block above, bottom left corner. Safari goes lighter gray on both corners*/
line-height: .1em;/*this is how the spacer height is controlled*/
	}


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


	body#homep #homepage a,
	body#ballp #ballpage a,
	body#book07p #book07page a,
	body#bpart07p #bpart07page a,
	body#cats08p #cats08page a,
	body#contactp #contactpage a,
	body#enter08p #enter08page a,
	body#gallp #gallpage a,
	body#gall07p #gall07page a,
	body#histp #histpage a,
	body#juryp #jurypage a,
	body#jury08p #jury08page a,
	body#logop #logopage a,
	body#prog07p #prog07page a,
	body#rules07p #rules07page a,
	body#wins05p #wins05page a,
	body#wins06p #wins06page a,
	body#wins07p #wins07page a,
	body#wins6p #wins6page a {
		text-decoration: none;
   		color: blue;
background: #ebf5fc;
		font-weight: bold;
		}