@charset "utf-8";
/* CSS Document */


#MainBody {
	overflow: hidden;
	background-color: #f4f4f4;
	height:auto;
}

/*************************CONTENT section Start*************************/
#Content {
	overflow: hidden;
	height: 100%;
	float: right;
	width: 100%;
	padding: 0px 10px 0px 0px;
	margin: 0 auto;
}

#Content h1 {
margin-top : 15px;
font-size:36px;
  font-weight:bold;
  padding-bottom:10px;
  text-shadow:#C4C4C4 2px 2px 2px;
  font-family:Arial, sans-serif;
  letter-spacing:-1px;
  line-height:1em;
word-spacing : 5px;
text-align : center;
}

#Content h2{
	font-size:13pt;
	font-family: Verdana, Geneva, sans-serif;
	color:#33333;
	text-align: left;
	padding: 5px 5px 0px 5px;
}

#Content h3 {
	font: 11pt Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-weight:bold;
	color: #183a52;
	margin-left: 40px;
	text-transform: uppercase;
} 

 #Content .sub1-menu {

text-align : center;
font-size : .8em;
line-height : 1.5em;
font-family : Helvetica, Arial, sans-serif;
color : #222;
padding-top : 5px;
padding-bottom : 5px;
margin-bottom: 20px;
margin-top: 20px;
border : 1px solid #668736;
background-color : #f7f7f7;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-background-clip: padding-box;
-webkit-background-origin: padding-box;
}

#Content .sub1-menu strong {

font-weight : bold;
color : #000;
}

#Content .sub1-menu a:link {

font-family : Helvetica, Arial, sans-serif;
color : #004276;
text-decoration : none;
font-weight : bold;
}

#Content .sub1-menu a:hover {

font-family : Helvetica, Arial, sans-serif;
color : #640203;
text-decoration : underline;
}
#Content .google {
margin: 10px;
}

.addBookmarkContainer {
width : 300px;
text-align : left;
margin-top : 3px;
margin-bottom : 3px;
}

/****************************************************************************************
* 	Paragraph Section Start
****************************************************************************************/ 
#Content p {text-indent : 2em;
font-size : 16px;
line-height : 1.6rem;
font-weight : 300;
font-family : 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.625;
color:#222;
margin-top : 10px;
margin-bottom : 10px;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

#Content p strong {
	font-weight: bold;
	color:#000;
}

#Content p a:link {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #183a52; 
font-size : 16px;
	text-decoration: underline; 
}

#Content p a:hover { 
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#006699; 
font-size : 16px;
	text-decoration: none; 
}


hr.fancy-line { 
    border: 0;
    height: 1.5px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	margin-top:40px;
	margin-bottom:40px;
}

blockquote {
  font: 14px/22px normal helvetica, sans-serif;
  font-style:italic;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 

/****************************************************************************************
* 	Image Section Start
****************************************************************************************/ 
#Content img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
#Content .alignright {
	float: right;
}
.imgright {
float : right;
margin : 10px 0 15px 15px;
padding : 5px;
background : #ddd;
font : 12px verdana;
color : #000000;
text-align : center;
font-weight : bolder;
line-height : 1em;
border:3px solid #757474;
}
#Content img.alignleft {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
#Content .alignleft {
	float: left;
}
.imgleft {
float : left;
margin : 10px 15px 0 5px;
padding : 5px;
background : #ddd;
font : 12px verdana;
color : #000000;
text-align : center;
font-weight : bolder;
line-height : 1em;
border:3px solid #757474;
}

#Content .free {
	width:180px;
float : right;
margin : 10px 0px 15px 15px;
background : #fff;
color: #660000;
border:1px solid #668736;
} 
#Content .free ul li {
display: block;
list-style:none;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 30px;
color:#565656;
font-size: 0.88em;
  line-height:22px;
}
#Content .free a{
	line-height:.75em;
	padding-left:10px;
	background: url(/_template/images/bullet01.gif) no-repeat left center;
	text-decoration:none;
	color:#640203; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

#Content .free a:hover {
	border-bottom:2px solid #570035;
}


#Content .free a strong {
	font-weight:bold;
	color: #4070ab;
} 

#Content .factheader {
	padding:0px;
	margin:0px;
	color:#FFF;
	width:100%;
	text-decoration:none;
	text-transform: uppercase;
	font-weight:bold;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
text-align: center; 
background-color: #668736;
}

/****************************************************************************************
* 	DIV Section Start
****************************************************************************************/


div.container{width:100%; margin: 0 auto; padding: 0;}
div.blk1, div.blk2{width:49%; display:inline-block; vertical-align: top;}


@media screen and (max-width: 767px){div.blk1, div.blk2{width: 100%;}}


#Content .google {
margin: 20px;
}

/****************************************************************************************
* 	Bullet Section Start
****************************************************************************************/ 

#Content ul {
display: block;
list-style : url(/_template/images/grey_bullet2.gif);
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 30px;
color:#565656;
font-size: 0.88em;
  line-height:22px;
}
#Content ul li {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0 0 2px;
}

#Content ul li strong {
color : #222;
font-weight : bold;
font-style : normal;
font-size: 1.000em;
}

#Content ul li em {
color : #999;
font-weight : bold;
font-size: 12px;
    font-style: italic;
}

#Content ul a:link {
color : #183a52;
font-style : normal;
text-decoration:underline;
}
#Content ul a:hover {
color : #006699;
text-decoration:none;
}

#Content ol{
	list-style-type: decimal;
font-family : Arial, Helvetica, sans-serif;
	list-style-position: outside;
color:#565656;
	font-size: .85em;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:22px;
	padding: 0 0 2em 1.5em;
	margin-left:75px;
}

#Content ol strong {
	color:#640203; 
	font-size:12px;
	font-weight: bold;
	font-style: normal;
	letter-spacing:.09em;
}

#Content ol li em {
	color: #26645E;
	font-style: italic;
	font-weight:bold;
}

#Content ol a:link {
	color:#640203; 
	font-weight: bold;
	font-style: normal;
	letter-spacing:.09em;
	text-decoration: none;
	border-bottom: 1px solid #B70000;
}

#Content ol a:hover {
	color:#004276; 
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #570035;
}


.hr-thin {color: #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:3; padding: 0px 0px 4px 0px; border-left:0; border-right:0; }
.hr-normal {border-top:3px solid #e7e7e7; margin:5px 12px 5px 12px; }
.hr-thick {border-top:10px solid #e6e6e6; }

/****************************************************************************************
* 	Old Font Section Start
****************************************************************************************/

#Content .seealso {
	color: #640203;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style:italic;
}

#Content .seealso em{
	color: #222;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing:.125em;
}

.note {
	float: right;
	text-indent: 2em;
	margin: 10px 0 10px 0px;
	border: 1px dashed #640203;
	color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(http://www.familyhistory101.com/_images/warning.png) no-repeat left top;
	padding: 5px 0px 5px 5px;
	line-height: 1.25em; 
}


/****************************************************************************************
* 	Maps
****************************************************************************************/
.mapimg {
	float: none;
	margin: 5px 10px 2px 15px;
	width:638px;
}
.secimglt {
float : left;
margin : 10px 15px 15px 0;
padding : 5px;
background : #ddd;
color: #660000;
font: 13px Arial, Helvetica, sans-serif;
text-align : center;
font-weight : bolder;
line-height : 1.5em;
border:3px solid #757474;
}
.secimglt em{
font : italic 11px verdana;
color : #252543;
}
.secimgrt {
float : right;
margin : 10px 0px 15px 15px;
padding : 5px;
background : #fff;
color: #660000;
font: 13px Arial, Helvetica, sans-serif;
text-align : center;
font-weight : bolder;
line-height : 1.5em;
border:1px solid #757474;
}
.secimgrt em{
font : italic 11px verdana;
color : #252543;
}

/********************************************** BONUS Document **********************************************/

div.note {

float : left;
text-align: left;
padding: 10px 10px 10px 48px;
border: 4px solid;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-background-clip: padding-box;
-webkit-background-origin: padding-box;
margin: 5px;
line-height: 135%;
}
div.note a {

	text-decoration: underline;
}
div.note a:hover {

	text-decoration: none;
}
div.warn{
font-family: 'Droid Sans',Arial,Tahoma,Verdana;
	font-size: 12px;
background: #f7f9ff url(/_template/images/icons/warning.png) no-repeat 10px 50%;
border-color: #923232;
color: #37494f;
}
div.warn a {

	color: #923232;
}
#Content .cmenu{
color: #183a52;
text-transform: uppercase;
font-weight: bold;
font-family: "Arial Narrow",Arial,sans-serif;
font-size: 12px;
text-align: center;
margin-bottom:25px;
line-height : 1.5em;
border : 1px solid #668736;
background-color : #f7f7f7;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-background-clip: padding-box;
-webkit-background-origin: padding-box;
padding: 10px;

}
#Content .cmenu a{ 

text-color: #183a52;
display:inline-block;
	margin-left:5px;
	margin-right:5px;

}