/* main css */

body {
   font-family: tahoma, verdana, arial, helvetica;
   font-size: 14px;
   line-height: 14px;  
   text-decoration: none;
   text-align: justify;
   color: #000000;
   margin-left: auto; 
   margin-right: auto; 
   background: #ffffff;}
   
pre, p, li{
   font-size: 14px; 
   font-family: tahoma, verdana, arial, helvetica;
   text-align: justify;
   background: transparent;
   line-height: 1.5;} 
h2 {
   font-size: 16px;
   font-family: tahoma, verdana, arial, helvetica;
   margin-bottom: 5px;
   color: #000000;
   background: transparent;
   font-weight: bold;}
h1 {
   font-size: 26px;
   font-family: georgia, verdana, arial, helvetica;
   margin-bottom: 15px;
   margin-bottom: 15px;
   color: #0074d9;
   background: transparent;
   text-indent: 20px}
a {
   font-size: 14px;
   text-decoration: none;
   font-family: tahoma, verdana, arial, helvetica;
   border-bottom: 1px #0074d9;
   font-weight: bold;
   color: #0074d9;}
                                  

a:visited { font-weight: bold; text-decoration: none; color: #0074d9;}

a:hover, a:active { text-decoration: none; color: #000000;}  

p {text-indent: 20px}

/* divs */
#navigation {
   position: absolute;
   top: 100px;
   left: 20px;
   width: 200px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;}  
   
#pubs{
position: absolute;
top: 600px;
left: 430px;
width: 650px;
font-size: 12px; 
font-family: tahoma, verdana, arial, helvetica;
text-align: justify;
background: transparent;} 
   
#bodytext {
   position: absolute;
   top: 90px;
   left: 430px;
   width: 500px;
   padding: 2px 2px 2px 2px;}
    
   #flickr {
    position: absolute;
    top: 300px;
    left: 20px;
    width: 575px;
    padding: 2px 2px 2px 2px;}

#title { 
   position: absolute;
   top: 0px;
   width:100%; 
   background-color: #ffffff;
   border-bottom: 1px #999999 dotted;}  
   
#sherwin { 
   position: absolute;
   top: 100px;
   left: 225px;}
   
  #mimulus { 
   position: absolute;
   top: 100px;
   left: 300px;
   font-size: 10px;}


#validation {
   position: absolute; 
   bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   width: 350px;
   padding: 2px 2px 2px 2px;}       
      
/* link list stuff */

#navigation ul {
   border-top: 1px dotted #999999;
   margin: 5px 5px 0px 5px; 
   padding: 0px 0px 0px 0px;}
   
#navigation li {
   display: block;
   background-repeat: no-repeat;
   background-position: 1px 6px;
   list-style-type: none;
   font-size: 12px;
   line-height: 14px;
   font-weight: normal; 
   font-style: normal;
   text-align: left;
   border-bottom: 1px dotted #999999;
   margin: 0px 0px 0px 0px;
   padding: 3px 15px 3px 15px;}

.photoborder img{
border: 1px solid #808080;
padding: 5px;
vertical-align: middle}

.photoborder:hover img{
border: 5px solid #e0e0e0;
padding: 1px;
}