.cssnav {
	position: relative;
	font-family: "Book Antiqua", "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size:16px;
	background-image: url(../mjImages/mjFWImages/ccNavover.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 162px;
	height: 37px;
	margin: 0;
	padding: 0;
	border: 0px;

}

.cssnav a {
	display: block;
	color: #FFFFFF;
	font-size:16px;
	width: 162px;
	height: 37px;
	float: left;
	text-decoration: none;
	border: 0px;
	font-family: "Book Antiqua", "Comic Sans MS", Verdana, Arial, sans-serif;

}


.cssnav img {
width: 162px;
height: 37px;
border: 0;

}


* html a:hover {
visibility:visible
}

.cssnav a:hover img{
visibility:hidden
}

.cssnav span {
	position: absolute;
	left: 8px;/* 15 */
	top: 3px; /*20 */
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	border:0px;
}


/*this page navs*/


.cssnavThis {
	position: relative;
	font-family: "Book Antiqua", "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	background-image: url(../mjImages/mjFWImages/ccNavdown.jpg);/*same background (ie dont worry about overdown as only text to change*/
	background-repeat: no-repeat;
	display: block;
	width: 162px;
	height: 37px;
	
}

* html .cssnavThis {
	font-size:16px;
}	/* IE fix if need to keep smaller text*/

.cssnavThis a {
display: block;
color: #FFFFFF;
width: 162px;
height: 37px;
display: block;
float: left;
text-decoration: none;
font-family: "Book Antiqua", "Comic Sans MS", Verdana, Arial, sans-serif;

	
}

.cssnavThis img {
width: 162px;
height: 37px;
border: 0;
}

.cssnavThis a:hover img{
/*visibility:hidden*/  /*don't hide for This as show same image all the time*/ 
}

.cssnavThis span {
	position: absolute;
	left: 8px;
	top: 3px;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
}