/*    css rules for the biographies pages from the main index page.   */

body   {
      font-family: Constantia, Times New Roman, Georgia, serif;
      font-size: 12pt;
	  width: 1040px;
      margin: 0px;
      padding: 0px;  
}
body p, body li {
      font-family: Calibri, Arial, sans-serif;
}

/*    rules for the outer containing div  */

#outerContainer  {
   padding: 0 0 0 0;
   margin: 0 0 0 0; 
   width: 1024px;
   height: 600px;
   background-color: white;
}
img   {
      border: none;
}
h3  {
   margin: 40px 0 60px 0;
}
h4.navTop  {
   margin-left: 200px;
}
h4.navTop a:link {
   color: purple;
}
h4.navTop a:visited {
   color: purple;
}
h4.navTop a:hover {
   color: blue;
}
h4.navTop a:active {
   color: red;
}
#mainContent {
   margin: 0 0 0 0;
   padding: 20px 0 0 0; 
   width: 800px;
   background-color: white;
   background-repeat: no-repeat;
   background-position: top right;
   position: relative;
      top: 124px;
      left: 30px;
}
#quintin #mainContent  {
   background-image: url(../production_images/medSnips/icyMarchPana_02.jpg);   
}
#alan #mainContent  {
   background-image: url(../production_images/blackbird_bottom.jpg);
}
#hannah #mainContent  {
   background-image: url(../production_images/medSnips/woodpile_02.jpg);
}
#mainContent  #thumbnail  {
   width: 580px;
   font-size: 11pt;
   margin: 10px 50px;
   padding: 0;
}
#mainContent  #thumbnail li  {
   font-size: 11pt;
   margin: 4px;
   padding: 0 0 0 10px;
}
#mainContent  #thumbnail li.newBlock  {
   margin-top: 15px;
}
#footer  {
      font-size: 11pt;
	  text-align: center;
	  width: auto;
      position: relative;
      top: 126px;
      left: 20px;
	  padding: 10px 0;
      margin: 50px 0 0 0;
}
#footer p {
      margin: 40px 200px;
}	
#w3valid  {
      margin-left: 600px;
}
.green {
   color: green;
}
img  {
   border: 2px solid black;
}
#fireplace  {
   position: relative;
   width: 400px;
   height: 300px;
   background-color: transparent;
   top: 130px;
   left: 500px;
   margin: 0;
   padding: 0; 
}
#freddy {
   padding: 30px;
}
#leDehusMan  {
   position: relative;
   width: 800px;
   height: 450px;
   background-color: transparent;
   background-image: url(../production_images/NeolithicMan_g.jpg);
   background-position: right;
   background-repeat: no-repeat;
   top: 130px;
   left: 0;
   margin: 0;
   padding: 0; 
}
#leDehusMan img  {
   margin: 90px 50px 0 70px;
}
#cats  {
   position: relative;
   width: 300px;
   height: 264px;
   background-color: transparent;
   background-image: url(../production_images/cats3_2.jpg);
   background-position: right;
   background-repeat: no-repeat;
   top: 130px;
   left: 500px; 
}

/*    css rules for title bar immediately below banner bar */

#titleContainer {
   position: absolute;
   top: 72px;
   left: 30px;
   width: 800px;
   height: 52px;
   background-color: rgb(173,216,230);
   background-image: url(../production_images/pngs/whitetotransparent1.png); 
   background-repeat: no-repeat;
   background-position: 22% 0%;
}

#titlestrip {
   position: relative;
   top: 0;
   left: 0;
   width: 800px;
   height: 52px;
   background-color: transparent; 
   background-repeat: no-repeat;
   background-position: bottom right;
   margin: 0 0 0 0;
}
#quintin #titlestrip  {
   background-image: url(../production_images/medSnips/icyMarchPana_01.jpg);   
}
#alan #titlestrip  {
   background-image: url(../production_images/blackbird_top.jpg);
}
#hannah #titlestrip  {
   background-image: url(../production_images/medSnips/woodpile_01.jpg);
}
#titlestrip h3 {
   padding-left: 10px;
   vertical-align: 100%;
   display: inline;
   visibility: hidden;
}
#titlestrip h5 {
   position: relative;
   left: 25px;
   vertical-align: 100%;
   display: inline;
}

/*  END css rules for title bar immediately below banner bar   */


/*    css rules for the top banner bar */

#endThree  {
      position: absolute;
	  top: 0px;
	  left: 0px;
	  background-color: transparent;
	  background-image: url(../production_images/pngs/wildRose.png);
	  background-position: top left;
	  width: 1024px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endThree #homeIcon  {
      height: 26px;
	  width: 800px;
	  position: absolute;
	  top: 5px;
	  left: 70px;
	  color: white;
}
#endFour  {
      position: absolute;
	  top: 30px;
	  left: 0px;
	  background-color: rgb(73,116,130);
	  background-image: url(../production_images/pngs/gradient_2.png);
	  background-position: top left;
	  width: 1024px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#endFour p span.topleftBacknav  {
      margin: 0;
      padding: 0 0 0 60px;
}
#endFour p span.toprightBacknav  {
      margin: 0;
      padding: 0 0 0 500px;
}
#endFour p span.separation  {
      margin: 0;
      padding: 0 20px;

}
#endFour p  {
      color: white;
	  font-size: 14px;
      margin: 5px 0 0 0;
      padding: 0;
}

#endFour a  {
      color: white;
	  text-decoration: none;
      margin: 0px;
      padding: 0px;
}

#endFour  a:link  {
      color: white;
}
#endFour  a:visited  {
      color: white;
}
#endFour  a:hover  {
      color: blue;
}
#endFour  a:active  {
      color: blue;
}
#endFive  {
      position: absolute;
	  top: 60px;
	  left: 0;
	  width: 1024px;
	  height: 4px;
      background-color: rgb(173,216,230);
	  margin: 0px;
	  padding: 0px;
}