/* CSS Document */
/* figure-divs and their supporters */

div.figure {
padding: 10px; 
margin: 0.67em auto; /* needed to support centering of almost-full-width figures */
border: thin solid brown;
}

div.figure img { width: 100%; }

div.figure p { /* the default "legend" style, as opposed to "caption" */
font-family: verdana, arial, sans-serif;
font-size: smaller;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.25em auto 0 auto;
}
div.figure p.caption { text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width:90% padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }

/* end figure-divs */

span.lorem { color: silver; }


/* from http://www.tabbyweb.com/web_notes/nav_buttons.htm */
/*Rollovers - Text color change - example 2*/

#tabbyfaux a:link,
#tabbyfaux a:visited
  { 
  display: block;
  font-size: 13px; 
  text-decoration: none;
  color: #f8f8ff; 
  background: #990000; 
  padding: 2px;
  }
  
#tabbyfaux a:hover  
  { 
  background: #330099; 
  }
  
#tabbyfaux a:active
  { 
  background: #330099; 
  }


  /*Rollovers - Turn button on - example 2.5 - need separate style because of ID setting*/

#tabbyfauxon a:link,
#tabbyfauxon a:visited
  { 
  display: block;
  font-size: 13px; 
  text-decoration: none;
  color: white; 
  background: brown; 
  padding: 2px;
  }
  
#tabbyfauxon a:hover  
  { 
  background: green; 
  }
  
#tabbyfauxon a:active
  { 
  background: green; 
  }


h1 { text-align:center;}
h2 { text-align:center;}