.clearBoth {
clear: both;
width: 0;
}

.hidden {
display: none;
}

.error {
color: red;
}

body, html {
font-family: Franklin Gothic Medium, Gill Sans MT, Gill Sans, Arial, sans-serif;
font-size: 12px;
text-align: center;
color: #000000;
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}

a {
text-decoration: none;
color: #246976;
}

a:hover {
/*text-decoration: underline;*/
color: #308d9e;
}

img {
border-style: none;
}

#frame {
position: relative;
display: block;
margin: auto;
width: 765px;
text-align: left;
height: 100%;
}

#content {
position: relative;
height: 75%;
overflow-y: auto;
}

#pageLogo {
padding: 15px 4px 0 4px;
background-repeat: no-repeat;
}

#nav {
font-family: Gothic Medium, Gill Sans MT, Gill Sans, Arial, sans-serif;
position: relative;
padding: 4px;
margin-left: 33px;
margin-top: 2px;
height: 100px;
}

#nav a {
display: block;
color: #000000;
height: 100px;
width: 100px;
float: left;
font-size: 16px;
font-weight: bold;
text-align: center;
background-repeat: no-repeat;
margin: 0 2px;
}

#nav a#homeLink {
background-image: url(../images/home-bg.gif);
padding-top: 75px;
height: 25px;
width: 83px;
}

#nav a#homeLink:hover {
background-image: url(../images/home-bg-hover.gif);
}

#nav a#contactLink {
background-image: url(../images/contact-bg.gif);
padding-top: 68px;
height: 32px;
width: 92px;
}
#nav a#contactLink:hover {
background-image: url(../images/contact-bg-hover.gif);
}

#nav a#whatWeDoLink {
background-image: url(../images/what-we-do-bg.gif);
padding-top: 30px;
height: 70px;
width: 87px;
}
#nav a#whatWeDoLink:hover {
background-image: url(../images/what-we-do-bg-hover.gif);
}

#nav a#peopleLink {
background-image: url(../images/people-bg.gif);
width: 65px;
}
#nav a#peopleLink:hover {
background-image: url(../images/people-bg-hover.gif);
}

#nav a#projectsLink {
background-image: url(../images/projects-bg.gif);
padding-top: 30px;
height: 70px;
}
#nav a#projectsLink:hover {
background-image: url(../images/projects-bg-hover.gif);
}

#nav a#getInvolvedLink {
background-image: url(../images/get-involved-bg.gif);
padding-top: 70px;
height: 30px;
width: 95px;
}
#nav a#getInvolvedLink:hover {
background-image: url(../images/get-involved-bg-hover.gif);
}

#nav a#ecoArtDirectoryLink {
background-image: url(../images/eco-art-directory-bg.gif);
width: 80px;
}
#nav a#ecoArtDirectoryLink span {
display: block;
height: 60px;
}
#nav a#ecoArtDirectoryLink:hover {
background-image: url(../images/eco-art-directory-bg-hover.gif);
}

#nav a#picturesLink {
background-image: url(../images/pictures-bg.gif);
width: 123px;
}
#nav a#picturesLink:hover {
background-image: url(../images/pictures-bg-hover.gif);
}


#nav a#plattFieldsParkLink {
background-image: url(../images/platt-fields-park-bg.gif);
width: 108px;
}
#nav a#plattFieldsParkLink:hover {
background-image: url(../images/platt-fields-park-bg-hover.gif);
}


#footer {
text-align: center;
color: green;
}

#footer a {
color: green;
}

#footer a:hover {
text-decoration: underline;
}