<!-- Style Specifications Section -->
<!-- This design works on browsers IE4+ and Netscape 6.0+ or any browser that supports CCS-P specifications -->
<!-- Define Body Style using cross background backed with white for non compliant browsers -->
body {
	background-image: url("bluelines.gif");
   scrollbar-base-color: transparent; 
	scrollbar-face-color: white; 
	scrollbar-track-color: transparent; 
	scrollbar-arrow-color: orange;
	scrollbar-highlight-color: #0000CC; 
	scrollbar-3dlight-color: yellow; 
	scrollbar-shadow-color: black;
	scrollbar-darkshadow-color: blue;
	text-decoration: none; 
}
div#mainblock {
	background: url("cross.gif");
	border: thick double black; 
	scrollbar-base-color: transparent; 
	scrollbar-face-color: white; 
	scrollbar-track-color: transparent; 
	scrollbar-arrow-color: orange;
	scrollbar-highlight-color: #0000CC; 
	scrollbar-3dlight-color: yellow; 
	scrollbar-shadow-color: black;
	scrollbar-darkshadow-color: blue
}
<!-- Define Link style -->
a:hover { 	color:#FF9900;
}
<!-- Define Menu style Top -->
div#menu { 
font-family: impact;
float : top;
top: 0px;
border: 2px outset ##0066FF;
background-image: url("letusteach.jpg");
padding: 5px 100px 5px 100px; 
} 
div#menu a { 
border: 2px outset ##0066FF;
filter:alpha(opacity=40);
background: transparent url("specks.jpg");
text-decoration: none; 
padding: 4px;
} 
div#menu a:hover
{
border: 2px inset ##0066FF;
background: transparent url("specks.jpg");
}
<!-- Define Menu style bottom -->
div#menu2 { 
background: #F0F8FF 1px 50% url("specks2.jpg") repeat-y;  
font-family: impact;
float: bottom;
z-index:5; 
} 
div#menu2 a { 
border: none;
background-color: transparent;
float: both;
text-decoration: none; 
} 
<!-- Define main block -->
div#block1 {
height: 55%;; 
text-decoration: none; 
z-index:0;
}
<!-- Define Paragraph Style -->
p
{
border: 2px outset #DDDDDD;
text-decoration: none; 
background: #F0F8FF 1px url("specks2.jpg") repeat-y  40%; 
z-index:11;
float : left;
margin : 10px;
}
div#text {
	position: absolute;
	filter:alpha(opacity=70);
   	border: outset black; 
	background: transparent url("specks.jpg");
	top: 200px;
   	left: 300px;
	z-index: 0;
	width: 50%;
	height: 50%:	
}
div#text a:hover{
	background-image: url(specks.gif);
}
<!-- Define Menu style Top -->
div#menub { 
font-family: impact;
float : top;
top: 0px; 
} 
div#menub a { 
border: 2px outset ##0066FF;
filter:alpha(opacity=40);
background: transparent url("specks.jpg");
text-decoration: none; 
padding: 4px;
} 
div#menub a:hover
{
border: 2px inset ##0066FF;
background-image: transparent url("specks.jpg");
}