a:link
{
color: blue; 
}
a:visited 
{
color: brown; 
}
body 
{
margin: 0em 1em;
color: black;
font-size: 0.95em;
font-family: "Arial", sans-serif 
}
body
{
background-image:url('../backgrounds/chalk.jpeg')
}
p 
{
color: black;
font-size: 1em; 
background-color: transparent 
}
.indent 
{
color: black;
font-size: 0.95em; 
text-indent: 1em;
font-family: "Arial", sans-serif 
}
.emphBlueBold 
{
color: blue;
font-weight: bold
}
p.emphRedBold 
{
color: brown
}
i.emphRedBold 
{
color: navy;
}
h1 
{
font-size: 1.5em;
font-weight: bold;
color: Brown; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif 
}

h2 
{
font-size: 1.8em;
font-weight: bold;
color: white; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
}

h3 
{
font-size: 1.3em;
font-weight: bold;
color: blue; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif 
}

h4 
{
font-size: 1.2em;
font-weight: bold;
color: black; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif 
}

h5 
{
font-size: 0.5em;
font-weight: lighter;
font-family: "Verdana", "Arial", "Helvetica", sans-serif 
}

b
{color:Brown}

.box
{
padding: 0px; 
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: both;
}




.layer1
{
height: 70px; 
float: left;
/* Push it to the left/ use right to push to right */
width: 940px;
padding: 1.5% 2% 1% 1%;
background-image: url("grainblue.jpeg");
background-color: Tomato;
position: absolute;
} 

.layer1
{
position: absolute;
left: 15px;
top: 8px;

} 



/* I put a border on the bottom to approximate a horizontal rule.
This isn't necessary. */ }

/* This is the left layer */

.layer2
{
height: 2700px;
float: left;
/* Push it to the left/ use right to push to right */
width: 145px;
padding: 1.5% 2% 1% 1%;
background-image: url("grainblue.jpeg");
background-color: cyan;
position: absolute;
} 

.layer2
{
position: absolute;
left: 15px;
top: 130px;

} 



.layer3home 
{
margin: 0;
padding: 1em;
height: 6000px;
float: left;
width: 650px;
background-color: ghostwhite;
text-align: left;
}

.layer3home
{
position: absolute;
top: 130px;
left: 190px;
} 


.layer3content 
{
margin: 0;
padding: 1em;
height: 2700px;
float: left;
width: 650px;
background-color: ghostwhite;
text-align: left;
}

.layer3content
{
position: absolute;
top: 130px;
left: 190px;
} 




.layer4home 
{
margin: 0;
padding: 1em;
height: 70px;
float: left;
width: 825px;
background-color: lightcyan;
text-align: left;
}

.layer4home
{
position: absolute;
top: 6100px;
} 



.layer4content
{
margin: 0;
padding: 1em;
height: 70px;
float: left;
width: 825px;
background-color: lightcyan;
text-align: left;
}

.layer4content
{
position: absolute;
top: 2800px;
}