/*
CSS for Farley site
*/


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

  background-color: white;

  line-height: 125%;

  padding: 0;

  margin: 0;
}


h1, h2, h3, h4 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}


h1 {
  font-size: x-large;

  background-color: #F9C262;

  color: white;

  padding-top: 2em;

  padding-bottom: .2em;

  padding-left: .4em;

  margin: 0;

  background: #F9C262 /*url(backgrounds/header-bg.jpg) repeat-y right bottom*/;
}



h2 {
  color: #F9C262;

  font-size: 130%;

  font-weight: normal;

  padding-top: 15px;
}

h3 {
  color: #F9C262;

  font-size: 115%;

  font-weight: normal;

  padding-top: 15px;
}

h2, ul {
  margin-top: 15px;
}

h4 {
  color: #F9C262;

  font-size: 90%;

  font-weight: bold;

  padding-top: 15px;
}  





li {
  font-size: small;

  list-style-type: none;
}


p {
  font-size: small;

  color: black;
}

#sitebranding h1  {
 font-family: Calligraph810 BT; 
  font-size: xx-large;

  background-color: #F9C262;

  color: white;

  padding-top: .9em;

  padding-bottom: .7em;

  padding-left: .4em;

  margin: 0;

  background: #F9C262;
}



#tagline p {
  font-style: italic;

  font-family: Georgia, Times, serif;

  border-top: 3px solid #F9C262;

  border-bottom: 3px solid #F9C262;

  padding-top: 2em;

  padding-bottom: 2em;

  padding-left: .8em;

  margin: 0;

  /*background: #F9C262 url(backgrounds/tagline-fade.jpg) repeat-y right;*/
}




em {
  font-variant: small-caps;
}



a {  font-weight: bold; 
}



a:link {
  color: #074dc3;
}



a:visited {
  color: #3e3ebb;
}



a:hover {
  text-decoration: none;

  color: white;

  background-color: #8099ff;
}



a:active {
  color: aqua;

  background-color: #1c3791;
}




.husband, .m  {  color: #0033ff;}

.wife, .f  {  color: red;}



.genealogy  {   font-size: 90%;

  font-weight: normal;

}


.genealogy1  {   font-size: 80%;

  font-weight: normal;

}



#navigation {
  width: 250px;

  height: 5200px;

  background: #F9C262 repeat-y;
}






img.feature {
  float: right;

  margin: 10px;
}






/*
This section deals with the position of items on the screen.

It uses absolute positioning - fixed x and y coordinates 
measured from the 
top-left corner of the browser's content display.
*/




#navigation, #bodycontent, #header {
  position: absolute;
}



#navigation, #bodycontent {
  top: 146px;
}



#bodycontent {
  left: 270px;
}



#header {
  width: 100%;
}