/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0;
			width: 148px;
                        margin: 0;
                        border-left: 1px solid #000000;
                        border-right: 1px solid #222222;
		}
		.vertical li a{
			display: block;
			width: 144px;
			text-decoration: none;
			height: 15px;
                        padding: 5px 1px 0 3px;
                        font-size: 10px;
                        font-family : Tahoma,Verdana,Arial;
                        border-top: 0px;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.5em;
			margin-left: 152px;
		}

		/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding: 0;
                        margin: 0;
			display: block;
			height: 50px;
		}
		.horizontal li{
			float: left;
			display: inline;
		}
		.horizontal li a{
			text-decoration: none;
			height: 44px;
			float: left;
			display: block;
			width: 119px;
                        padding: 6px 4px 0 7px;
                        font-size: 11px;
		}
		.horizontal li a.unter{
			text-decoration: none;
			height: 17px;
			float: left;
			display: block;
			width: 126px;
                        padding: 5px 2px 0 2px;
                        vertical-align: middle;
                        font-size: 10px;
		}
		.horizontal li li a{
			border-top: none;
		}
		.horizontal li li a.unter{
			border-top: none;
		}
		.horizontal li ul{
			position: absolute; 
			margin-top: 51px;
			margin-left: -65px;
			width: 130px;
                        padding: 0;
			border: none;
			display: block;
			height: auto;
                        vertical-align: right;
		}
		.horizontal li li ul{
			position: absolute;
		}
		.horizontal li ul li a{
		width: 130px;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 2px;
		font-size: 66%;
		}
		.arrow a:hover span{
		padding-left: 3px;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .1em;
		}
		/*colors for menu*/
                .album li ul {
                        background-color: #000000;
                }
		.album li a{
                        background-image: url( '../menue2/buttonlk.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 9px;
                        font-weight: 900;
                        font: tahoma, verdana;
		}
		.album li a:hover{
                        background-image: url( '../menue2/buttonlkovr.gif' );
			color: #eeeeee;
		}
		.album li a.dance{
                        background-image: url( '../menue2/buttonlkda.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 9px;
                        font-weight: 900;
                        font: tahoma, verdana;
		}
		.album li a.dance:hover{
                        background-image: url( '../menue2/buttonlkovrda.gif' );
			color: #eeeeee;
		}
		.album li a.web{
                        background-image: url( '../menue2/buttonlkda.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 9px;
                        font-weight: 900;
                        font: tahoma, verdana;
		}
		.album li a.web:hover{
                        background-image: url( '../menue2/buttonlkovrwb.gif' );
			color: #eeeeee;
		}
		.album li a.rad{
                        background-image: url( '../menue2/buttonlkrad.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 9px;
                        font-weight: 900;
                        font: tahoma, verdana;
		}
		.album li a.rad:hover{
                        background-image: url( '../menue2/buttonlkovrrad.gif' );
			color: #eeeeee;
		}
		.album li a.rad2{
                        background-image: url( '../menue2/buttonlkrad2.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 9px;
                        font-weight: 900;
                        font: tahoma, verdana;
		}
		.album li a.rad2:hover{
                        background-image: url( '../menue2/buttonlkovrrad2.gif' );
			color: #eeeeee;
		}
		.album li a.eus{
                        background-image: url( '../menue2/buttonlkeus.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 9px;
                        font-weight: 900;
                        font: tahoma, verdana;
		}
		.album li a.eus:hover{
                        background-image: url( '../menue2/buttonlkovreu.gif' );
			color: #eeeeee;
		}
		.album li a.eu{
                        background-image: url( '../menue2/buttonlkeu.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 9px;
                        font-weight: 900;
                        font: tahoma, verdana;
		}
		.album li a.eu:hover{
                        background-image: url( '../menue2/buttonlkovreu.gif' );
			color: #eeeeee;
		}
		.album li a.day{
                        background-image: url( '../menue2/buttonlk.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 9px;
                        font-weight: 900;
                        font: tahoma, verdana;
		}
		.album li a.day:hover{
                        background-image: url( '../menue2/buttonlkovrday.gif' );
			color: #eeeeee;
		}
		.album li a.home{
                        background-image: url( '../menue2/buttonlkhome.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 9px;
                        font-weight: 900;
                        font: tahoma, verdana;
		}
		.album li a.home:hover{
                        background-image: url( '../menue2/buttonlkovr.gif' );
			color: #eeeeee;
		}
		.album li a.day2{
                        background-image: url( '../menue2/buttonlkday2.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 10px;
                        font-weight: 300;
                        font: tahoma, verdana;
		}
		.album li a.day2:hover{
                        background-image: url( '../menue2/buttonlkovrday2.gif' );
			color: #eeeeee;
		}
                .albumvid li ul {
                        background-color: #000000;
                }
		.albumvid li a{
                        background-image: url( '../menue2/buttonlkvid.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 9px;
                        font-weight: 900;
                        font: tahoma, verdana;
		}
		.albumvid li a:hover{
                        background-image: url( '../menue2/buttonlkovrvid.gif' );
			color: #eeeeee;
                }
		.albumvid li a.vids{
                        background-image: url( '../menue2/buttonlkovervid.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: black;
                        font-size: 10px;
                        font-weight: 300;
                        font: tahoma, verdana;
		}
		.albumvid li a.vids:hover{
                        background-image: url( '../menue2/buttonlkovrvid2.gif' );
			color: #eeeeee;
		}
		.albumtop li a{
                        background-image: url( '../menue2/button.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: #000000;
		}
		.albumtop li a:hover{
                        background-image: url( '../menue2/buttonovr.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: #eeeeee;
		}
		.albumtop li a.unter{
                        background-image: url( '../menue2/buttonuntr.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: #000000;
                        font-weight: 900;
		}
		.albumtop li a.unter:hover{
                        background-image: url( '../menue2/buttonuntrovr.gif' );
                        background-repeat: no-repeat;
                        overflow: hidden;
			color: #eeeeee;
                        font-weight: 900;
		}
		.albumtop ul{
                        border-color: #000033;
		}
                .albumtop li ul {
                        background-color: #000000;
                        color: #eeeeee;
                        border-left: 1px solid #000000;
                        border-right: 1px solid #222222;
                        border-bottom: 1px solid #222222;
                }
a.top10a {
         color: #000000;
}
a:hover.top10a {
         color: #DB3C07;
}