body {
		 text-align: center;
		 min-width: 800px;
		 font-family: thames;
		 font-size: 14pt;
		 color: #333000;
		 background-color: #fffe92;
		 background-image: url(backgradient.jpg);
		 background-repeat: repeat-x;
		}
		
#outside {
		background-color: #87782a; 
		width:800px;
		height: auto;
		margin:0px auto;
		padding:6px;
		background-image: url(joinimages/joinback.jpg);
    background-position: 6px 98px;
		background-repeat: no-repeat;
		border:0px dashed brown;
		overflow: visible;
		}
	
#title {
		border:3px solid #ffff99;
		height:90px;
		background-image: url(titleback2.jpg);
		overflow: auto;
		margin-left: 0px;
		margin-right:0px;
		}

#menu {
		border: 0px solid gray;
		height: 26px;
		padding-top:15px;
		padding-bottom:10px;
		clear: both;
		margin-left: 82px;
		margin-right: auto;
		margin-bottom: 8px;
		overflow: visible;
		text-align: center;
		}
		
#menu div {
    float:left;
		padding-left: 10px;
		padding-right: 10px;
		}		
		
#content {
		margin-top:5px;
		text-align: center;
		}

#content div {
		font-family: "Verdana", arial, sans-serif;
		font-weight: normal;
		font-size: 10.5pt;
		letter-spacing: 0px;
		word-spacing: 0px;
		line-height: 25px;
		color: #403100;
		}
		
#acontent {
    clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		padding-bottom: 8px;
		background-color: #ffff99;
		border: 3px solid #3d2500;
		width: 650px;
		text-align: left;
			}
			
#frame1 {
		float: left;
    border: 1px solid black;
		margin-top: 10px;
		margin-left: 6px;
		margin-right: 10px;
		background-color: #997e38;
		padding: 6px;
			}
	
#portrait1 {
  	border: 1px solid black;
		width: 78px;
		height: 96px;
		background-image: url(joinimages/gage.jpg);
		background-position: center;
		background-repeat: no-repeat;
		}	
		
#costbenefit {
		margin: 10px 10px 10px 20px;
		color: #fcffce;
		}	
		
#pushlist {
    padding-left: 75px;
		}				
		
#ccontent {
    clear: both;
		margin-top: 20px;
    margin-left: auto;
		margin-right: auto;
	  padding-bottom: 8px;
		background-color: #ffff99;
		border: 3px solid #3d2500;
		width: 700px;
		text-align: left;
			}
			
#frame3 {
		float: left;
    border: 1px solid black;
		margin-top: 10px;
		margin-left: 6px;
		margin-right: 10px;
		background-color: #997e38;
		padding: 6px;
		}
	
#portrait2 {
    border: 1px solid black;
		width: 78px;
		height: 104px;
		background-image: url(joinimages/sailboat.jpg);
		background-position: center;
		background-repeat: no-repeat;
		}	
		
#volunteer {
		margin: 20px 10px 10px 20px;
		text-align: left;
		}	

		
#footer {
		color: #403100;
		text-align: center;
		font-size: 10pt;
		font-family: arial;
		margin-top: 20px;
		width:750px;
		height: 35px;
		overflow: visible;
		}

#bottom {
		clear: both;
		position-top: 0px;
		height: 10px;
		}

	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
color: #ffff99;
font-weight: bold;
}

a.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration: underline;
color: #412b00;
font-weight: bold;
}

/*these are classes to define the main text*/

.head {
			 	font-weight: bold;
				font-size: 24pt;
				font-family: "ohio script", arial, sans-serif;
				}
				
.subtitle {
        font-weight: bold;
				font-style: italic;
				text-align: center;
				}
				
p.infoleft {
        text-align: left;
				margin-top: 5px;
				}
				
p.infocenter {
        text-align: center;
				margin-top: 5px;
				}

span.colorit {
        color: #f2652e;
				}
				
a.toinfo {
        color: black;
				font-weight: bold;
				text-decoration: none;
				}

a.toinfo:hover {
				color: #483e1b;
				font-weight: bold;
				text-decoration: underline;
  			}				

a.endlinks {
				text-decoration: none;
				color: #412b00;
				font-weight: bold;
				}
				
a.endlinks:hover {
        text-decoration: underline;
				}