#interContainer{
position:absolute;
width: 970px; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 2px;
padding-top: 0;
/*background-color: #000000;/*/
border: 0px solid #000000;
visibility: hidden;
z-index: 6;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
text-align: right;
visibility: hidden;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/
border: 4px solid black;
background-color: black;
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(blackdot.gif);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

a#rollover_flecha {
	display:block;
	width:73px;
	height:30px; 
	text-indent:-9999px;
	background:url(../img/flecha.gif) top left no-repeat;
}
a#rollover_flecha:hover {
	background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}
a#rollover_flecha_sota {
	display:block;
	width:65px;
	height:35px; 
	text-indent:-9999px;
	background:url(../img/flecha_sota.gif) top left no-repeat;
}
a#rollover_flecha_sota:hover {
	background-position:0 -35px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#rollover_flecha_sobre {
	display:block;
	width:65px;
	height:35px; 
	text-indent:-9999px;
	background:url(../img/flecha_sobre.gif) top left no-repeat;
}
a#rollover_flecha_sobre:hover {
	background-position:0 -35px;/* con esto cambiamos la porcion de imagen que se muestra */
}


a#rollover_flecha_h {
	display:block;
	width:73px;
	height:30px; 
	text-indent:-9999px;
	background:url(../img/flecha_sota_h.gif) top left no-repeat;
}
a#rollover_flecha_h:hover {
	background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}