#menu a {font-family: "Gill Sans MT", tahoma, "trebuchet ms", helvetica, arial; font-weight: lighter; }

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0; font-size:76%;}
ul.menu a {font-family: tahoma, helvetica, arial;display:block; color:#000; text-decoration:none; }
ul.menu li {position:relative; float:left; margin-right:2px; margin-top:1px; text-align: center;}
ul.menu li:hover {background:#63556C url(../images/menu-bg-on.jpg) repeat-x; margin-top:1px;  }
ul.menu li.selected {background:#63556C url(../images/menu-bg-on.jpg) repeat-x; #63556C; margin-top:1px;  }
ul.menu ul {position:absolute; top:58px; left:-10px; background:#756D79; display:none; opacity:0; list-style:none}
ul.menu ul li { position:relative; border:1px solid #B0AAB5; border-top:none; width:148px; margin:0; line-height: 180%;
}

ul.menu li.between {height:53px; margin-top: 3px; width: 3px; background: url(../images/menu-sep.jpg); }

ul.menu ul li a {margin-top:0px; display:block; padding:10px 5px 10px 10px; background-color:#63556C; font-size: 10px; text-align: left;}
ul.menu ul li a:hover {background:#312936 url(../images/menu-bg-on.jpg) repeat-x; margin-top:0px; }
ul.menu ul ul {left:138px; top:-1px; }

ul.menu .menulink {padding:20px 3px 20px 3px; font-weight:bold; background:url(images/header.gif); width:144px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}

ul.menu .menulink-about {padding:20px 3px 20px 3px; font-weight:bold; background:url(images/header.gif); width:90px}
ul.menu .menulink-about:hover, ul.menu .menuhover {background:url(images/header_over.gif)}

ul.menu .menulink-contact {padding:20px 3px 20px 3px; font-weight:bold; background:url(images/header.gif); width:120px}
ul.menu .menulink-contact:hover, ul.menu .menuhover {background:url(images/header_over.gif)}

ul.menu .menulink-events {padding:20px 3px 20px 3px; font-weight:bold; background:url(images/header.gif); width:80px}
ul.menu .menulink-events:hover, ul.menu .menuhover {background:url(images/header_over.gif)}

ul.menu .menulink-blog {padding:20px 3px 20px 3px; font-weight:bold; background:url(images/header.gif); width:60px}
ul.menu .menulink-blog:hover, ul.menu .menuhover {background:url(images/header_over.gif)}

ul.menu .sub {background:#63556C url(../images/arrow.gif) 136px 5px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

.sub1 li			{font-size:9px;  }
ul.sub1 li:hover	{font-size:9px; margin-top:0px; }

#submenu		{ float:left; margin: 20px 0px 10px 10px; width: 212px; background: url(../images/s-menu-bg.jpg) repeat-y; }
#submenu ul		{ margin-top:10px;  }
#submenu li		{ list-style: none; display:block; width: 150px; border-bottom: #ccc 1px dotted; margin-bottom: 10px;	
line-height: 180%;
 }
#submenu a		{ display:block; width: 150px; color:#fff;}
#submenu a:hover{ text-decoration:none; color:#1D001C; width: 140px; padding-left:10px; }
#submenu a.selected{ text-decoration:none; background-color:#f0f0f0; color:#1D001C; width: 140px; padding-left:10px; }
#submenu-top	{ width: 212px; height: 58px; background: url(../images/s-menu-top.jpg) top left no-repeat; }
#submenu-bot	{ width: 212px; height: 18px; background: url(../images/s-menu-bot.jpg) bottom left no-repeat; }

ul #subsub	{margin-left:20px;width: 120px; margin-bottom:10px;}
#subsub li	{margin-top:0px; width: 130px; border-bottom: #ccc 0px dotted; margin-bottom:0; }
#subsub a:hover	{color:#fff; text-decoration:underline; padding:0;}