#imageMenu {
	width: 170px;         /*overall image container width*/
	overflow: hidden;
	background-color: #000;
	border-style: none;
  	height: 490px;             /*overall container height: 708px for 7 pages*/
	float: left;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
/*	left: 24px; */
/*	position: fixed; */
	margin-top: 10px;
	padding: 0;
}


#imageMenu ul {
	list-style: none;
	display: block;
	height: 80px;
	margin: 0;
	padding: 0;
}

#imageMenu ul li {
	/*float: left;
	border-top-style: solid;
	border-top-width: 1px; */
	border-top:	2px solid black;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#imageMenu ul li a {

	/* change to 	text-indent: -1000px; if you want to use images in the menu instead of text*/
	background:	#FFFFFF none repeat scroll 0%;	border-right: 2px solid #fff;
	cursor:	pointer;
	display:	block;
	overflow:	hidden;
	width:	200px;				/*image width*/
	height: 80px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	font-weight: bold;
	font-size: 24px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: white;
	text-align: left;
/*	text-indent: 10px; Use text with nav */
	text-indent: -1000px; /*omit text from nav */
/* MSimantov: use images with text since text-shadow will not work in IE css. */
	text-shadow: 4px 1px 1px #000000; */
	text-decoration: none; 
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}




#imageMenu ul li.bk1 a {
	background: url(images/1.jpg) repeat scroll ;
}

#imageMenu ul li.bk2 a {
	background: url(images/2.jpg) repeat scroll ;
}

#imageMenu ul li.bk3 a {
	background: url(images/3.jpg) repeat scroll ;
}

#imageMenu ul li.bk4 a {
	background: url(images/4.jpg) repeat scroll ;
}

#imageMenu ul li.bk5 a {
	background: url(images/5.jpg) repeat scroll ;

}

#imageMenu ul li.bk6 a {
	background: url(images/6.jpg) repeat scroll ;
	border-right-style: none;
}