h2,h3
{
	color:#183D4A;
	font-weight:500

}
h2
{
	font-size:20px;
	margin-top:45px;
	margin-bottom:10px
}
h3
{
	font-size:16px;
	margin-top:20px;
	margin-bottom:10px
}
#container
{
	margin: 10px 10px;
	padding: 10px;
	background-color: #FFFFFF;
	width: 890;
	height: auto;
	float: none;
	left: 10px;
	position: absolute;
	color: #183d4a

}
#content
{
	width:880px;
	background-color:white;
	margin-left: 180px;
	padding: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: auto;
	position:relative


}
#nav
{
	position:absolute;
	z-index:0;
	width:150px;
	background-color:white;
	background:-moz-linear-gradient(top,#fefad5 0,#fbe6b6 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefad5),color-stop(100%,#fbe6b6));
	background:-webkit-linear-gradient(top,#fefad5 0,#fbe6b6 100%);
	background:-o-linear-gradient(top,#fefad5 0,#fbe6b6 100%);
	background:-ms-linear-gradient(top,#fefad5 0,#fbe6b6 100%);
	background:linear-gradient(to bottom,#fefad5 0,#fbe6b6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefad5',endColorstr='#fbe6b6',GradientType=0);
	margin-top:80px;margin-left:15px;
	-webkit-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
	padding:5px;
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.7);
	box-shadow:0 0 20px rgba(0,0,0,0.7);
	font-family:Georgia,"Times New Roman",Times,serif
}
#nav ul
{
	list-style-type:none;
	margin:8px;
	padding-left:5px
}
#nav ul li a
{
	color:#836527
}
#nav ul li a:hover
{
	color:black;text-decoration:none
}
a
{
	text-decoration:none;color:#815b00
}
a:hover
{
	color:#b98300;
	text-decoration:underline
}

a img
{
	border:0
}
table
{
	width:870px;
	margin-right:870px
	margin-left:10px;
	border-spacing:0;
	border:1px solid #4f9589;
	border-radius:3px;
	-webkit-box-shadow:1px 1px 3px rgba(50,50,50,0.3);
	box-shadow:1px 1px 3px rgba(50,50,50,0.3)
}
table col.type
{
	width:200px
}
table col.date
{
	width:200px
}
table col.place
{
	width:386px
}
table col.sources
{
	width:28px
}
table col.note
{
	width:28px
}
table col.media
{
	width:28px
}
table tbody tr
{
	background-color:white
}
table tbody tr:nth-child(odd)
{
	background-color:#CBDDE4;
}
table tbody tr td
{
	padding:5px 5px 5px 8px
}
.name-link .person
{
	font-size:12pt;
	font-weight:bold
}
.name-link .person.dropdown
{
	border-right:0;
	-webkit-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px
}
.name-link .person.button-bar
{
	border-right:0;
	-webkit-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
	padding-right:8px
}
.name-link .button-segment,.name-link .button-cap,.name-link .button-start
{
	cursor:pointer;
	text-align:center;
	padding:1px 2px;
	display:inline-block;
	height:15px;
	width:12px;
	border:1px solid #ccd;
	background-color:#eeeef2;
	box-shadow:inset 1px 1px 1px white;
	-webkit-box-shadow:inset 1px 1px 1px white;
	position:relative;top:3px
}
.name-link .button-start
{
	margin-left:8px;
	-webkit-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px
}
.name-link .button-cap
{
	padding-right:5px;
	-webkit-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0
}
.name-link.small .person
{
	font-size:10pt;
	padding:1px 2px;
	height:14px
}
.name-link.small .dropdown-arrow
{
	font-size:10pt;
	height:14px;
	width:14px;
	padding:1px 0
}
.name-link.small .dropdown-arrow:before
{
	margin-left:4px;
	margin-top:-3px
}
.name-link .dropdown-arrow
{
	font-size:12pt;
	height:20px;
	width:20px;
	padding:2px 0;display:inline-block;
	border:1px solid black;
	border-left:none;
	-webkit-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
	-webkit-box-shadow:1px 1px 3px rgba(50,50,50,0.3);
	box-shadow:1px 1px 3px rgba(50,50,50,0.3);
	cursor:pointer;position:relative
}
.name-link .dropdown-arrow:before
{
	content:url("../images/drop_arrow_white.png");
	position:absolute;
	z-index:5;
	margin-left:6px;margin-top:-2px
}
.name-link .dropdown-arrow.color0:before
{
	content:url("../images/drop_arrow_black.png")
}
.name-link .dropdown-arrow .drop-box
{
	font-weight:normal;
	min-width:150px;
	min-height:15px;
	color:black;
	background-color:white;
	position:absolute;
	z-index:7;
	display:none;
	margin-top:7px;
	cursor:default;
	border:1px solid black;
	-webkit-border-radius:5px;border-radius:5px
}
.name-link .dropdown-arrow .drop-box ul
{
	list-style-type:none;
	margin:8px;
	padding:0
}
.family-button
{
	position:relative
}
.family-dropdown
{
	font-size:9pt;
	font-weight:normal;
	background-color: #2F7994;
	border:1px solid #88a;
	right:0;
	width:200px;
	position:absolute;
	padding:2px;
	z-index:1000;
	margin:4px;
	opacity:.95
}
.family-dropdown li
{
	margin:0;
	padding:0
}
.family-dropdown li a
{
	color:white;
	display:block;
	padding:2px
}
.family-dropdown li a:hover
{
	background-color:#CBDDE4;
	color:black;
	text-decoration : none
}
.individual-link
{
	background:url("../images/person.png") center no-repeat
}
.groupsheet-dropdown-link
{
	background:url("../images/family.png") center no-repeat
}
.pedigree-link
{
	background:url("../images/pedigree.png") center no-repeat
}
.source-link span,.note-link span
{
	display:none
}
.male:before
{
	content:url("../images/male.png");
	margin-left:5px;
	margin-right:7px;
	position:relative;
	top:1px
}
.female:before
{
	content:url("../images/female.png");
	margin-left:5px;
	margin-right:7px;
	position:relative;
	top:1px
}
.family-header
{
	margin-top:20px
}
.family-header:first
{
	margin-top:10px
}
.empty
{
	font-style:italic;
	margin-left:20px
}
#general-note
{
	max-height:200px;
	overflow-y:auto;
	margin-left:20px
}
	
.children
{
	margin-left:5px;
	padding-left:13px;
	border-left:2px solid #ace0d7
}
.children table
{
	margin-left:0
}
.children .child
{
	padding-bottom:15px
}
.children .child>.name-link
{
	display:block;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold
}
#media ul
{
	list-style-type:none
}
#media ul li
{
	display:inline;
	margin:5px
}
#media ul li a img
{
	border:3px solid transparent
}
#media ul li a img:hover
{
	border:3px solid rgba(0,160,255,0.5)
}
#families table
{
	margin-bottom:30px
}
#families table col.type
{
	width:120px
}
#families table col.title
{
	width:200px
}
#families table col.name
{
	min-width:450px
}
#families table col.dates
{
	width:300px
}
#search
{
	float:right
}
ul
{
	list-style-type:none
}
ul li
{
	margin:0px
}
#notes,#sources .popup-wrapper
{
	display:none
}
#sources.empty-general h2
{
	display:none
}
.index-nav-bar
{
	margin-bottom:16px;
	font-size: medium;
	font-weight:bold;
	font-style: normal
}
.index-nav-bar a
{
	font-weight:normal
}
ul.sub-navbar li
{
	display:inline
}
ul.given-name-list
{
	overflow-y:auto;
	max-height:500px
}
ul.given-name-link-bar li
{
	display:inline;
	margin:3px;word-wrap:break-word
}
ul.given-name-link-bar.names li
{
	margin:10px
}
a.selected
{
	text-decoration:underline
}
.contact-block
{
	background-color:white;
	border:1px solid black;
	border-radius:2px;
	margin-top:25px;
	margin-left:-10px;
	max-width:350px;
	padding:0 20px 10px 20px;
	position:absolute;
	z-index:1000;
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.7);
	box-shadow:3px 3px 3px rgba(0,0,0,0.7)
}
@media print
{
	#container
{
	margin:0;width:100%
}
#content
{
	width:90%;
	margin:0;
	margin-left:0;
	box-shadow:none;
	-webkit-box-shadow:none
}
#nav,#general-note,#media
{
	display:none
}
.name-link .individual-link,.name-link .family-button,.name-link .pedigree-link
{
	display:none
}
.source-link span,.note-link span,.gallery span
{
	display:inline
}
.source-link img,.note-link img,.gallery img
{
	display:none
}
#notes
{
	display:block
}
#notes h3
{
	display:inline;
	font-size:14px;
	color:black
}
#notes h3:after
{
	content:": "
}
#sources
{
	display:block
}
#sources .popup-wrapper
{
	display:block
}
#sources.empty-general h2
{
	display:block
}
	#sources h3
{
	display:none
}
}