body  {
  font-family: Verdana, Helvetica, Arial, sans-serif;
     }     

a:link  {  color:  #333399;  }
a:link.offsite  {  color:  #993399;  }
a:visited, a:active  {  color:  #333366;  }

.offsite  {  color:  #993399;  }
.red  {  color:  #CC3333;  }
     
p, td, ul, ol, li, dl, dt, dd, blockquote  {
  font-family: Verdana, Helvetica, Arial, sans-serif;
     }

h1, h2, h3, h4, h5, h6  {
	font-family: "Garamond condensed", "Times New Roman", Georgia, serif;
	font-style:  italic;
	letter-spacing:  -.04em;
	font-weight:  800;
	color:  #333399;
	clear:  right;
     }   
     
h1 { font-size: 2.0em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.4em; }  

.right  {  margin-left:  4px;  }
.left  {  margin-right:  4px;  }

ul.nav  {
    margin-left: 0;
    padding-left:  0;
    } 
    
li.blue, li.mainnav, li.subnav, li.dogname  { 
    font-family: "Garamond condensed", "Times New Roman", Georgia, serif; 
    font-size:  1.2em;
    font-style:  italic;
    text-indent:  0;
    list-style-type:  none;
    display:  block; 
    white-space:  nowrap;
    }   
    
li.mainnav  {  font-weight:  bold;  }  
    
li.blue  {
    font-weight:  bold;
    color:  #333399;
    }       
    
li.subnav  {
    text-indent:  1em; 
    }        
    
li.dogname  {
    text-indent:  2em;
    }      
      
.center  {
text-align:  center;
	}
     
.punnett  {  
	margin-left:  4px;
	clear:  right;  
	}  
     
.right  {  margin-left:  4px;  }
.left  {  margin-right:  4px;  }

strong  { font-weight:  bold;  }
em  { font-style:  italic;  }

.g  {
    font-size:  10px;
    font-weight:  bold;
    }

ul#contact  {  
    position:  relative;
    top: 5em;
    bottom: 0px;  
     }
     
div#copyright  {
    font-size:  smaller;
    font-style:  italic;
    }
    
h2#intro  {  
  margin-top:  5px; 
  margin-bottom:  5px;  
  }