a:link
{
color: blue; 
}
a:visited 
{
color: brown; 
}
a{line-height: 170%}

body 
{
margin: 0em 7em;
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: blue; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif 
}

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

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

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

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

b
{color:black}

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

/* This is the top layer */

.layer1
{
padding: 7% 0% 11% 5%;

/* padding is the interior "margins"
this has a 1% space on the top, 3% on the right and left, and no space on the bottom
Add background color in hexadecimal notation or normal word */

background-image: url("../logo/logo3.jpeg");
background-color: white;
border-bottom: 1px black solid; 
width: 692px;
height: 32px;
/* I put a border on the bottom to approximate a horizontal rule.
This isn't necessary. */ 
}

.layer1
{
position: absolute;
left: 128px;

} 

/* HOME PAGE LAYERS */

/* left layer */

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

.layer2home
{
position: absolute;
left: 128px;
top: 215px;

} 

/* Center layer */

.layer3home 
{
margin: 0;
padding: 1em;
height: 2750px;
float: left;
width: 570px;
background-color: Wheat;
text-align: left;
}

.layer3home
{
position: absolute;
top: 215px;
left: 276px;
} 


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

.layer4home
{
position: absolute;
left: 126px;
top: 2934px;
} 


/* ABOUT PAGE */

/* left layer */

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

.layer2about
{
position: absolute;
left: 128px;
top: 215px;

} 


/* Center layer */

.layer3about 
{
margin: 0;
padding: 1em;
height: 1250px;
float: left;
width: 570px;
background-color: Wheat;
text-align: left;
}

.layer3about
{
position: absolute;
top: 215px;
left: 276px;
} 



.layer4about 
{
margin: 0;
padding: 1em;
height: 70px;
float: left;
width: 719px;
background-color: Peru;
text-align: left;
}

.layer4about
{
position: absolute;
left: 126px;
top: 1434px;
} 


/* MAIN - FOR ALL OTHER PAGES */

/* left layer */

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

.layer2main
{
position: absolute;
left: 128px;
top: 215px;

} 

/* Center layer */

.layer3main 
{
margin: 0;
padding: 1em;
height: 2050px;
float: left;
width: 570px;
background-color: Wheat;
text-align: left;
}

.layer3main
{
position: absolute;
top: 215px;
left: 276px;
} 


.layer4main 
{
margin: 0;
padding: 1em;
height: 70px;
float: left;
width: 719px;
background-color: Peru;
text-align: left;
}

.layer4main
{
position: absolute;
left: 126px;
top: 2234px;
} 

/* LAYERS END */



td 
{
padding-left: 0em;
padding-right: 0.5em;
padding-top: 0em;
padding-bottom: 0em;
}