body {
margin-top: 0em;
margin-bottom: 0em;
font-size: .95em; 
}

#container {
width: 775px;
margin-right: auto;
margin-left: auto;
margin-top: 0em; 
margin-bottom: 0em;
padding: 0em;
}
/*header, main, side, and footer are all inside the container*/

#header {
float: left; 
width: 745px;
border-bottom: 2px #336600 solid; 
margin-left: 25px; 
}

#header2 {
float: left; 
width: 745px;
/*margin-left: 25px; */ /*I'm not sure why this works without a left margin; it was the only way I could figure to get the links not to look as if they were aligned right*/
margin-bottom: -10px;
}


#side {
width: 180px;
float: left;
margin-left: 25px;
/*padding-right: 10px;*/
}

#main {
width: 520px; 
float: right;
/*padding-left: 30px;
padding-right: 15px; */
}

#footer {
clear: both;
border-top: 1.5px #000000 solid;
padding-top: .75em;
margin-left: 30px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .75em;
padding-bottom: 2em;
color: #ff0000;
text-align: center;
}

img#logo {
width: 100px;
margin-top: 5px;
margin-bottom: 3px; 
margin-right: 1em;
margin-left: 1em;
float: left;}

img#field1 {
width: 200px; 
float: left;
margin-top: .5em;
margin-bottom: .5em;
margin-right: 2em;
}

img#islesboro { width: 500px;   margin-top: .5em; }

img#Frye2 { margin-top: .5em; }

img#Frye3 { margin-bottom: .5em; }

img#Frye4 { width: 550px; margin-top: .5em; }

img#Danny1 { margin-top: .5em; border-color: #336600; border-style: solid; border-width: .5px;}

img#Danny4 { margin-top: .5em; border-color: #336600; border-style: solid; border-width: .5px;}



img.sider {
width: 200px;
margin-top: 12.5px;
border-width: 1px; border-style: solid; border-color: #003300;
}

img.sider2   /*like "sider" but narrower*/  {
width: 120px; float: right;
margin-top: 12.5px;
border-width: 1px; border-style: solid; border-color: #003300;
}

img.sider4   /*like "sider" but narrower*/  {
width: 150px; float: right;
margin-top: 12.5px;
border-width: 1px; border-style: solid; border-color: #003300;
}

img.sider3   /*just for the logo at the bottom of the column*/  {
width: 80px; 
margin-top: 12.5px;
margin-bottom: 2px;
margin-left: 50px;

img.sider5 /*trying for Danny photo*/
width: 80 px;
float: left;
margin-top: 12.5px;
border-width: 1px; border-style: solid; border-color: #003300;
}




h1 {
float:left;
font-family: Verdana, Helvetica, Arial, sans-serif; 
/*color: #003300;*/
font-size: 24pt;
margin-top: 22px;
margin-bottom: -.5px;
}

span#smaller {font-size: 14pt; }

h2 {
font-family: Verdana, Helvetica, Arial, sans-serif; /*color: #003300;*/
font-size: 15pt; 
margin-bottom: -.5px;
}

h3 {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 15px;
padding-top: .35em;
/*color: #003300;*/
}

h4 {font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 1em;
color: #000000;  }

p {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: .9em;
line-height: 1.35em;
text-align: left; 
}



li {padding-bottom: .25em; font-size: .9em;}

.credit {
font-size: .75em;
margin-top: -1px;}

.nav {
font-family: Verdana, Helvetica, Arial, sans-serif;
padding-top: .35em;
padding-bottom: .35em;

}

ul.navtop /*this is for the nav buttons at the top of the page*/
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .85em;
list-style-type: none;
}

ul.navtop li {
display: inline;
}

/*this is for the nav buttons within the page that go back to the top of the page. it is the same as ul.navtop except it will work on items that are just in a "p" instead of an "li" -- and for having a little extra space above it */
p.top {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .85em;
margin-top: 2em; margin-bottom: 2em;
}

a:link { 
 color: #669900; 
}

ul.navtop li a {
padding: 2px 12px;
margin-right: 10px; 
color: black;
border: 1px solid #FF9900;
text-decoration: none;}


p.top a {
padding: 2px 12px;
margin-right: 10px; 
color: black;
border: 1px solid #FF9900;
text-decoration: none;}


a:visited {
color: #003300; 
}

a:hover {
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold; 
background-color: #FF9900;
}

a:active {
font-weight: bold;  
background-color: #ffff00;
color: #cc0000; 
}