#top-menu {
position:relative;
height: 36px;
width: 970px;
margin: 0px auto;
}
/* SLIDEMENU --- BEGIN */
.jqueryslidemenu {
position: relative;
width: 970px;
margin: 0px auto;
}

		.jqueryslidemenu ul {
		margin: 0px ;
		padding: 0px;
		list-style-type: none;
		}
		/*Top level list items*/
		.jqueryslidemenu ul li {
		position: relative;
		display: inline;
		float: left;
		}
		/*Top level menu link items style*/
		.jqueryslidemenu ul li a {
		display: block;
	    background: url(/esf/static/img/menu-btn.png) no-repeat right;
		padding: 7px 0px;
		text-align: center;
		width: 121px;
		margin: 0px;
		font: normal 17px Bauhaus 93;
		color: rgb(30,30,30);
		}

		* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
		display: inline-block;
		}
		.jqueryslidemenu ul li a:hover {
		color: rgb(0,0,0);
		background: url(/esf/static/img/menu-btn-h.png) no-repeat right;
		}
				/*1st sub level menu*/
				.jqueryslidemenu ul li ul {
				position: absolute;
				left: 0;
				display: block;
				visibility: hidden;
	
				}
				/* Sub level menu links style */
				.jqueryslidemenu ul li ul li a {
				width: 120px; /*width of sub menus*/
				padding: 5px 20px 5px 20px ;
				margin: 0px;
				background: rgb(0,4,10); filter: alpha(opacity=70); opacity:0.7; -moz-opacity: 0.7;
				border-right: none;
				}
				.jqueryslidemenu ul li ul li a:hover { /*sub menus hover style*/
				background: rgb(50,54,60);
				color: Aqua;
				}
				/*Sub level menu list items (undo style from Top level List Items)*/
				.jqueryslidemenu ul li ul li {
				display: list-item;
				float: none;
				}
						/*All subsequent sub menu levels vertical offset after 1st level sub menu */
						.jqueryslidemenu ul li ul li ul {
						top: 0;
						}


			/* ######### CSS classes applied to down and right arrow images  ######### */
			.downarrowclass{ position: absolute; top: 21px; right: 10px; }
			.rightarrowclass{ position: absolute; top: 6px; right: 5px; }
/* END */



/* *** BEGIN *** */
#two_buttons {
position:relative;
top: 95px;
width: 700px;
margin: 0px auto 0px auto ;
height: 70px;
z-index:50;
}
	#read {
	position:absolute;
	left: 215px;
	width: 134px; 
	height: 70px; 
	background: url(/esf/static/img/read.gif) no-repeat; z-index:60;}
	#play {
	position:absolute;
	right: 215px;
	width: 134px; 
	height: 70px; 
	background: url(/esf/static/img/play.gif) no-repeat; z-index:60;}
	#read:hover {
	background: url(/esf/static/img/read.gif) no-repeat; filter:alpha(opacity=30); opacity:0.3;  -moz-opacity:0.3; }
	#play:hover {
	background: url(/esf/static/img/play.gif) no-repeat; filter:alpha(opacity=30); opacity:0.3;  -moz-opacity:0.3; }
/* end */