div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		black url(images/navBG.png) repeat-x 0 0 scroll;
}
div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		30px;
	width:			100px;
	line-height: 		30px;
	text-align: 		center;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
	font-family:Arial; font-size: 7pt; font-weight: bold; text-transform: uppercase;
}


div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/navHover.png) repeat-x 0 0 scroll;
}


div.bot {
	position: 		relative;
	float:			left;
	background:		black url(images/bot1.jpg) repeat-x 0 0 scroll;
}
div.bot a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		336px;
	width:			245px;
	text-align: 		center;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
	font-family:Arial; font-size: 7pt; font-weight: bold; text-transform: uppercase;
}

div.bot div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/bot1a.jpg) repeat-x 0 0 scroll;
}

div.bot2 {
	position: 		relative;
	float:			left;
	background:		black url(images/bot2.jpg) repeat-x 0 0 scroll;
}
div.bot2 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		336px;
	width:			245px;
	text-align: 		center;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
	font-family:Arial; font-size: 7pt; font-weight: bold; text-transform: uppercase;
}

div.bot2 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/bot2a.jpg) repeat-x 0 0 scroll;
}

div.bot3 {
	position: 		relative;
	float:			left;
	background:		black url(images/bot3.jpg) repeat-x 0 0 scroll;
}
div.bot3 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		336px;
	width:			245px;
	text-align: 		center;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
	font-family:Arial; font-size: 7pt; font-weight: bold; text-transform: uppercase;
}

div.bot3 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/bot3a.jpg) repeat-x 0 0 scroll;
}

div.lateral1 {
	position: 		relative;
	float:			left;
	background:		black url(images/bot4.jpg) repeat-x 0 0 scroll;
}
div.lateral1 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		130px;
	width:			179px;
	text-align: 		center;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
	font-family:Arial; font-size: 7pt; font-weight: bold; text-transform: uppercase;
}

div.lateral1 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/bot4a.jpg) repeat-x 0 0 scroll;
}

div.lateral2 {
	position: 		relative;
	float:			left;
	background:		black url(images/bot5.jpg) repeat-x 0 0 scroll;
}
div.lateral2 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		130px;
	width:			179px;
	text-align: 		center;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
	font-family:Arial; font-size: 7pt; font-weight: bold; text-transform: uppercase;
}

div.lateral2 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/bot5a.jpg) repeat-x 0 0 scroll;
}

div.lateral3 {
	position: 		relative;
	float:			left;
	background:		black url(images/bot6.jpg) repeat-x 0 0 scroll;
}
div.lateral3 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		130px;
	width:			179px;
	text-align: 		center;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
	font-family:Arial; font-size: 7pt; font-weight: bold; text-transform: uppercase;
}

div.lateral3 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/bot6a.jpg) repeat-x 0 0 scroll;
}
