img { behavior: url(iepngfix.htc) }    /*  ie6 png fix */


body{
background-color:#616F6F;;
background-image: url(gradient.jpg);
background-repeat: repeat-x;
margin-top: 0;
font-family: arial, "lucida console", sans-serif;
font-size: small;
font-size: 13px;

}

#border{
margin: auto;
margin-top:5px;
width: 906px;
background-color: #3B3E37;
padding-top: 2px;
padding-bottom: 2px;
}


#outer{
margin: auto;
width: 900px;
background-color: white;
overflow:hidden;
background-image: url(images/surfer2.jpg);
background-repeat: repeat-x;
padding-bottom:0px;

}


#logocontainer{
margin-top: 10px;
margin-left: 17px;
width: 890px;
background-color: transparent;
overflow:hidden;
height:120px;
}

img.surf{
margin-top:8px;
}

img.surf:hover{
margin-top:3px;
}

.imagethumb{
margin:5px;
padding:5px;
text-align: left;
border-width:1px;
border-style:solid;
border-color: black;
float:left;

}

.imagethumb:hover{
margin:5px;
padding:5px;
text-align: left;
border-width:1px;
border-style:solid;
border-color:gray;
float:left;

}

#content{

margin: auto;
width: 840px;

}

.splitter{
width: 840px;
height: 20px;
}

#topright{
float:right;
width: 275px;
margin-top:10px;
margin-right: 40px;

color:#949599;
text-align: left;
}

#topleft{
float:left;
width: 290px;
margin-top:10px;
margin-left: 10px;
color:#949599;
text-align: left;
}


#leftcontent{
width: 380px;
background-color: white;
background-image: url(images/handslight400.jpg);
background-repeat: no-repeat;

float:left;
}

#rightcontent{
float:right;
width: 400px;

}


#footer{
width: 904px;
margin: auto;
margin-top:4px;
background-color: #616F6F;
padding:0;
height: 20px;
color:#949599;
font-size: 9px;
text-align:left;	/* For IE5 */

}

#footer a{
  color:#949599;
  text-decoration: none;
}

#footer a:hover{
  color:red;
  text-decoration: none;
}

#footer td{
font-size: 9px;		/* For IE5 */
}

table.addressfooter{
width: 900px;
background-image: url(images/footer-border.png);
padding:10px 10px 10px 10px;
font-size: 80%;
}

table.addressfooter td{
vertical-align: middle;
}


a.email{
text-decoration: none;
color:#949599;
}

a.email:hover{
color:BLACK;
}

h1,h2,h3,h4,h5{
display: inline;
}

h1{
font-family: arial, "lucida console", sans-serif;
font-size: 18px;
color:black;
}

h2{
font-family: arial, "lucida console", sans-serif;
font-size: small;
font-size: 14px;
color:#19AAD6;
color:black;
}


.imageannotate{
font-family: arial, "lucida console", sans-serif;
font-size: small;
font-size: 11px;
margin: 0px;
padding:0px;
color:#949599;
}




/* For rounded boxes */

.roundtop250{
padding: 5px;
padding-top: 20px;
padding-left:15px;
margin: 0px;
margin-top:8px;
margin-left:35px;
margin-bottom:0px;
background-image: url(images/boxleft250.png);
background-position: top left;
background-repeat: no-repeat;


}

.roundbottom250{

background-image: url(images/boxleft250.png);
background-position: bottom left;
height: 20px;
margin-left:35px;
width:250px;
background-repeat: no-repeat;

}


.roundtop250inner{
padding: 5px;
padding-top: 0px;
padding-left:5px;
margin: 0px;
margin-top:5px;
margin-left:0px;
margin-bottom:0px;
width:200px;
font-size: .9em;
}



.roundtop280{
padding: 5px;
padding-top: 20px;
padding-left:15px;
margin: 0px;
margin-top:8px;
margin-left:20px;
margin-bottom:0px;
background-image: url(images/boxleft280.png);
background-position: top left;
background-repeat: no-repeat;


}

.roundbottom280{

background-image: url(images/boxleft280.png);
background-position: bottom left;
height: 20px;
margin-left:20px;
width:390px;
background-repeat: no-repeat;

}



.roundbottom{

background-image: url(images/box.png);
background-position: bottom left;
height: 20px;
margin-left:0px;
width:390px;
}

.roundtop{
padding: 5px;
padding-top: 20px;
padding-left:15px;
padding-right:35px;
margin: 0px;
margin-top:8px;
margin-bottom:0px;
background-image: url(images/box.png);
background-position: top left;
background-repeat: no-repeat;


}

.roundbottomleft{

background-image: url(images/boxlefticon.png);
background-image: url(images/boxlefticonblue.png);

background-position: bottom left;
background-repeat: no-repeat;
height: 20px;
margin-left:0px;
width:370px;
}

.roundtopleft{
width:350px;

padding: 5px;
padding-top: 20px;
padding-left:15px;
padding-right:17px;
margin: 0px;
margin-top:8px;
margin-bottom:0px;
background-image: url(images/boxlefticon.png);
background-image: url(images/boxlefticonblue.png);

background-position: top left;
background-repeat: no-repeat;

}

/* For quote boxes */

.quote{
font-family: arial, "lucida console", sans-serif;
font-size: small;
font-size: 11px;
margin-top: 20px;
margin-left: 10px;
margin-right: 25px;
}

.quotetext{
font-size: 9px;

}


table.hours{
margin-left: 30px;
margin-top: 20px;
}



.indentleft{
padding-left:100px;
}

.leftboxpara{
width:335px;
font-family: arial, "lucida console", sans-serif;
font-size: small;
font-size: 11px;
}

.leftboxpara2{
font-family: arial, "lucida console", sans-serif;
}


.rightboxpara{
width:400px;
font-family: arial, "lucida console", sans-serif;
font-size: small;
font-size: 11px;
}


a.paralink{
text-decoration: none;
font-weight: bold;
color:black;
}

a.paralink:hover{
color:#84D7F9;
}

.mysites{
text-align: center;
padding-right:25px;
}

a.mysites{
text-decoration: none;
color: #3D3F3A;
font-size: 11px;
font-weight: bold;
}

a.mysites:hover{
color:#616F6F;
}

img.bottombanner{
margin:auto;
padding-left:3px;

}

img.imagelink{
border-color:white; 
border-width: 2px;
border-style: solid;

}

img.imagelink:hover{
border-color:#84D7F9; 
border-width: 2px;
border-style: solid;

}

a.linkslinks{
border-color:transparent; 
border-width: 1px;
border-style: solid;
text-decoration: none;
font-weight: bold;
color:black;

}

a.linkslinks:hover{
border-color:#19AAD6; 
border-width: 1px;
border-style: solid;
color:#19AAD6;
}


a.unpaidsponsor{
text-decoration: none;
color: #3D3F3A;
font-size: 13px;
font-weight: bold;
}

a.unpaidsponsor:hover{
text-decoration: none;
color: #C0C0C0;
font-weight: bold;
}



p.frontpage{
font-size: .8em;
line-height: 12px;
text-align: justify;
}


p.webdesign{
text-align: justify;
padding-left:10px;
}

p.historic{
font-family: serif,helvetica, arial;
font-size:.9em;
width:200px;
font-weight: bold;
}

img.sample{
border-width: 0px;
padding: 10px;
}

#thirdscontainer{
width: 890px;


}

#leftcontentthirds{
width: 550px;
background-color: white;
background-image: url(images/handslight400.jpg);
background-repeat: no-repeat;

float:left;
_overflow:hidden;	 /*  ie6  fix */
}

#rightcontentthirds{
float:right;

width: 320px;
margin-right:10px;

}



.leftthirdslefthalfbox{
float: left;

width: 230px;
height: 300px;
margin-left:20px;
border-style: solid;
border-width: 0px;
border-color: #616F6F;
border-bottom-width:1px;
background-color: transparent;
background-image: url(images/roundfilled.png);
background-repeat: no-repeat;
background-position: top left;
padding-top:20px;
padding-left:10px;

}






.indent1{
padding-left:15px;
}




input.transcriptionssearchbox{
width: 100px;
margin-bottom: 5px;
background-color: #FFFFCC;
display: inline;
}

.submitbutton{
display: inline;

}

#searchbox{
width:210px;
background-color: white;
text-align: center;
padding:5px;
margin-bottom: 5px;
}

a.pop{
text-decoration: none;

}

a.pop span{
display:none;
float: right;
}

a.pop:hover span{
display:block;
}

a.blank{
text-decoration: none;
color: black;
}

a.blank:hover{
color:#616F6F;
}

.horiz{
width: 850px;
height: 1px;
float:right;
background-color: #616F6F;
margin:auto;
}