body{
margin: auto;
padding: 1em 0;  
width: 90%;  
font-size: 1em;
line-height: 1.2;
h1: 1.75em;
h2: 1.50em;
h3: 1.25em;
h4: 1.1em
font-family: georgia,"times new roman", times, serif;
color: #000000;
background-color: #008b8b;
background-image: none;
}

h1, h2, h3, h4{color: #008b8b;
padding: 0;
margin: 0;
}


a:link{color: #008b8b; }
a:visited{color: #669900; }
a:hover{color: #00ffcc; 
background-color: #ffff99;

}


img {
margin:0;
padding:0;
border:0;
}

.mainbox{
margin: auto;
float: left;
width: 98%;
padding: 0.5em;
background-color: #ffffff;
color:#000000;
 
}

.topdiv{
float:left;
width:98%; 
margin: 0.4% 0.4% 0 0.4%;
padding: 0.4%;

}


.pageheader{
float:left;
width:98%;
margin 0 1%;
padding: 0 1%;

}

.logo{
float: left;
}

.button{
padding: 0.2em
}

.headerphoto{ 
float: right;
}

.subsinline {
clear: both;
width: 99%;
margin: 0;
padding: 0;
letter-spacing: 0.1em;
line-height: 1em;
text-align: center;

}

.subsinline ul li{
display:inline;
margin: 0 0 0 4%;
padding:0;

}

.bigp {
width: 95%;
background-color: #f0f8ff;
border: 1px dashed #008b8b;
padding: 0.5em;
margin-top: 0.5em;
margin-left: 1%;
margin-right: 1%;
line-height: 1.2;

}


.pagename {
width: 21em;
text-align: center;
border: 1px dashed #008b8b;
background-color: #f0f8ff;
margin: 0 5% 0 5%;
letter-spacing:0.1em; 
color: #008b8b;
padding:0;

}

ul .infolist{
list-style-type:disc;
list-style-position: outside;
padding-left:1em;
margin-left:1em;
}

ul.soundlist{
list-style-type:none;
}
ul.nameslist{
list-style-type:none;
}
.inline li{
display: inline;
}

.mediump {
width:12em;
background-color: #ffffe0;
border: 1px dotted #008b8b;
padding: 0.5em;
margin: 0.5em;
}

.nav{margin-right:0.5em;}

.nav p {
width: 6em;
padding: 0.3em;
margin: 0.5em;
background-color:#ffffe0;
border: 2px dotted #008b8b;
font-size:1.25em;
clear:left;
}

.picturerow{
border: 2px dotted #008b8b;
background-color: #66ffcc;
padding: 5px;
}

.picturerow img{
float:left;
padding:0; 
margin: 3px;
border: 0;
background-color: #ffffe0;
}

.picturerow p{
clear:left;
width:320px;
background-color: #ffffe0;
border: 1px dotted #008b8b;
padding: 0.5em;
margin: 0.5em;
}

.reverse{
background-color: #008b8b;
color: #ffffe0;
border: 1px dotted #ffffe0;
}

.left{
float: left;
}

.right{
float: right;
}
.clearl{
clear:left;
}
.clearr{
clear:right;
}

.clearb{
clear: both;
}

.smallp{
width: 7em;
padding: 0.2em;
margin: 0.5em;
background-color: #ffffe0;
border: 1px dotted #008b8b;
}

.biggishp{
width: 20em;
padding: 0.5em;
margin: 0.5em;
background-color: #ffffe0;
border: 1px dotted #008b8b;
}

.doc{
padding: 0.8em;
background-color:#66ffcc;
border: 2px dashed #008b8b;
margin: 0.5em;
}

.sicon{
border: 0;
margin: 5px 5px 0px 5px;
padding: 0;
}

.pic{
padding:5px;
margin: 5px;

}

.weather{
width: 160px;
height: 112px;
padding: 3px;
margin: 3px;
background-color: #ffffe0;
border: 1px dotted #008b8b;

}

strong { color: #008b8b;}
 
.smallpverticalright p{clear: left;}
.smallpverticalright{
float: right;
}
.smallpverticalleft p{clear: left;}
.smallpverticalleft{
float: left;
}
.smallphorizontal{
margin-top:1em;
margin-bottom:1em;
margin-left: 2%;
padding-left: 2%;
border-top: 0px dotted #008b8b;
width:95%; 

}

.smallphorizontal p{
float:left;
width: 6em;
padding: 0.5em 0.5em;
margin-left: 0.5em;
}
.center{
align: center;}

.contact{
float:right;
width: 18em;
margin-top:0.5em;
margin-right: 5%;
background-color: #f0f8ff;
font-size: 1.5em;
letter-spacing: 0.1em; 
color: #008b8b;
text-align: center;
padding: 0em 0.5em 0.1em 0.5em;
border: 1px dotted #008b8b;
}