.cssnav {
	position: relative;
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size:20px;
	background-image: url(../alt1Files/gc-cssNav_over.jpg);
	background-position: 2px 1px;
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 180px;
	height: 75px;
	margin: 0;
	padding: 0;
	border: 0px;
}

.cssnav a {
display: block;
/*color: #000000;*/
font-size:20px;
width: 180px;
height: 75px;
float: left;
text-decoration: none;
border: 0px;
}


.cssnav img {
width: 180px;
height: 75px;
border: 0;

}


* html a:hover {
visibility:visible
}

.cssnav a:hover img{
visibility:hidden
}

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


/*this page navs*/


.cssnavThis {
	position: relative;
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	background-image: url(../alt1Files/gc-cssNav_down.jpg);/*same background (ie dont worry about overdown as only text to change*/
	background-repeat: no-repeat;
	display: block;
	width: 180px;
	height: 75px;
	
}

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

.cssnavThis a {
display: block;
/*color: #000000;*/
width: 180px;
height: 75px;
display: block;
float: left;
text-decoration: none;
}

.cssnavThis img {
width: 180px;
height: 75px;
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: 15px;
	top: 20px;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
}

/* extended nav for about etc*/
.cssnavThisExt {
	position: relative;
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	background-image: url(../alt1Files/gc-cssNav_down.jpg);/*same background (ie dont worry about overdown as only teext to change*/
	display: block;
	width: 180px;
	height: 75px;
	
}

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

.cssnavThisExt a {
float: left;
text-decoration: none;
}

.cssnavThisExt img {
width: 180px;
height: 75px;
border: 0;
}



.cssnavThisExt ul {
font-size:18px;
font-weight:normal;
text-align:left;
color:#FFFFFF;
margin: 0;
padding: 0;
}

.cssnavThisExt ul a:hover{
font-size:18px;
font-weight:bold;
}

.cssnavThisExt li {
font-size:14px;
font-weight:normal;
float: left;
list-style-type: none;
margin: 0 0 .5em 1em;
padding: 0;
white-space: nowrap;
}
.cssnavThisExt li a:hover {
font-size:14px;
font-weight:bold;
}