/*Global style*/
#wrapper {
    height:400px;
    
}
#bottom-links {
    position:absolute;bottom:0;left:0;
}

/*Blinking header default style*/
h1.h_normal {
	
	background: #003366;
    color:#ff6000;padding:3px;
}
/*Blinking header style applied in intervals*/
h1.intervalHeader { 
	text-align : left;
	background: #ff6000;
	color : #003366;padding:3px;
}


/*Style for the "Rest your mouse over this..." text*/
div.mouseOver {
	font-style : times;
	font-size : 1em;
	font-weight : 200;
	color : #ff6000;
    margin-left:1em;margin-top:50px;
	
}
/*Style for the "Remove your mouse from this..." text*/
div.mouseOut {
	font-style : curier;
	font-size : 1.2em;
	font-weight :bolder;
	color : #003366; margin-left:1em;margin-top:50px;
}


/*Style for the middle text*/
div#z 
{
	position:absolute;
	left : 1.5em;
	top : 10em;
	font-size : 2em;
	font-weight : bolder;
    z-index:600;
	
}


/*Style to be visible when the elephant image is clicked*/
img.mouseClick {
	position : absolute;
	left : 2em;
	top : 20em;
	
	z-index : 1000;
}

/*Style to be visible when the elephant image isn't clicked*/
img.mouseNoClick {
	position : absolute;
	left : 1em;
	top : 20em;
	z-index : 500;
}