BODY{
	background:#6f7e91 url(../images/pagebg.gif) 0px 0px repeat-x;
	margin:0px;
	padding:0px;
	text-align:center;
}

form{
padding: 0px;
margin: 0px;
}

#PageBg{
	background:url(../images/contbg.gif) 50% 0px repeat-y;
	height:100%;
}
BODY>#PageBg{height:auto !important}
#HeaderBg{
	background:url(../images/headerbg.gif) 50% 0px no-repeat;
	height:100%;
}
BODY>#HeaderBg{height:auto !important}
#PageContainer{	margin:0px auto;width:780px;height:100%;text-align:left;padding-bottom:0px;}
#HeaderBg>#PageBg{height:auto !important}

/*Header */
#Header{height:79px;	padding:0px 15px 0px 15px;}
.hBgL{
	background:url(../images/hBgL.gif) 0px 0px no-repeat;
	padding:0px 0px 0px 8px;
	float:right;
	margin:28px 0px 0px 0px;
	awidth:229px;
	-moz-box-sizing: border-box; 
}
.hBgR{
	background:url(../images/hBgR.gif) 100% 0px no-repeat;
	padding: 4px 0px 2px 2px;
	font-family:Arial, Verdana;
	font-size:9px;
	color:#6a7f94;
	float:right;
	-moz-box-sizing: border-box; 
}

/*Blue Button*/
.hBtnL{
	
	background:url(../images/hBtnL.gif) 0% 0px no-repeat;
	padding:0px 0px 0px 17px;
	font-family:Arial, Verdana;
	font-size:9px;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;float:left;	
	margin: 4px 0px 0px 0px;
}
.hBtnL span{
	background:url(../images/hBtnR.gif) 100%  0px no-repeat;
	padding:0px 17px 0px 0px;
	line-height:18px;
	float:left;	white-space:nowrap;
}
.hBtnL:HOVER{background:url(../images/hBtnL_h.gif) 0% 0px no-repeat;}
.hBtnL:HOVER span{background:url(../images/hBtnR_h.gif) 100%  0px no-repeat;}


/*SubHead*/
#SubHead{padding:12px 15px 10px 15px;background:url(../images/subheadbg.gif) 1px 0px no-repeat;}
#PageTitle{
	font-family:Verdana,Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	background:url(../images/smp.gif) 0px 50% no-repeat;
	padding:0px 0px 0px 30px;
	line-height:22px;
}

/*TopNave Button*/
.hmBtnL{
	background:url(../images/hmBtnL.gif) 0% 0px no-repeat;
	padding:0px 0px 0px 7px;
	font-family:Verdana,Arial;
	font-size:9px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	float:left;	
}
.hmBtnL span{
	background:url(../images/hmBtnR.gif) 100%  0px no-repeat;
	padding:0px 14px 0px 7px;
	line-height:24px;
	float:left;
	white-space:nowrap;
}
.hmBtnL:HOVER{background:url(../images/hmBtnL_h.gif) 0% 0px no-repeat;}
.hmBtnL:HOVER span{background:url(../images/hmBtnR_h.gif) 100%  0px no-repeat;}

/*Container*/
#Container
, #Container TABLE{
	font-family:Arial, Verdana;
	font-size:10px;
	color:#3e75ab;
}
#Container{	background:url(../images/widj_m.gif) repeat-y;margin:0px 15px 0px 15px;	height:100%;}
#ContainerTop{background:url(../images/widj_t.gif)  0% 0% no-repeat;padding:15px 0px 0px 0px;	height:100%;}
#ContainerBottom{
	background:url(../images/widj_b.gif) 0% 100% no-repeat;
	padding:0px 15px 15px 15px;
	width:100%;
	height:100%;
}

.hSep{margin-top:10px; margin-bottom:10px; height:2px;border-top:1px solid #8daecd;border-bottom:1px solid #9ec7dd;overflow:hidden;	-moz-box-sizing: border-box; }


/**/
.ToolBoxTitle{
	font-family:Arial, Verdana;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	padding:0px 0px 0px 6px;
	line-height:25px;
}
.TBoxTR{background:url(../images/tlb_tr.gif) 100% 0% no-repeat;}
.TBoxT{background:url(../images/tlb_tl.gif) 0% 0% no-repeat;padding:6px 0px 0px 0px;}
.TBoxBR{background:url(../images/tlb_br.gif) 100% 100% no-repeat;}
.TBoxB{background:url(../images/tlb_bl.gif) 0% 100% no-repeat;padding:0px 0px 6px 0px;}
.ToolBox{
	text-align:left;
	padding:5px;
	background:#a4c1df ;
	border-left:4px solid #95b6d7;
	border-right:4px solid #95b6d7;
}

/*Bottom Navigation */
.BNToolBoxTitle{
	font-family:Arial, Verdana;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	padding:0px 0px 0px 6px;
	line-height:25px;
}
.BNTBoxTR{background:url(../images/BNtlb_tr.gif) 100% 0% no-repeat;}
.BNTBoxT{background:url(../images/BNtlb_tl.gif) 0% 0% no-repeat;padding:6px 0px 0px 0px;}
.BNTBoxBR{background:url(../images/BNtlb_br.gif) 100% 100% no-repeat;}
.BNTBoxB{background:url(../images/BNtlb_bl.gif) 0% 100% no-repeat;padding:0px 0px 6px 0px;}
.BNToolBox{
	text-align:left;
	padding:5px;
	background:#b2c6db ;
	border-left:4px solid #95b6d7;
	border-right:4px solid #95b6d7;
}

/*LeftMenu*/
.LeftMenu{list-style:none outside;margin:0px;padding:0px;width:140px;}
.LeftMenu LI{display:block;float:none;margin:2px 0px 2px 0px;}

.LeftMenu LI A{
	background:url(../images/lmBtn_l.gif) 0% 0px no-repeat;
	padding:0px 0px 0px 2px;
	font-family:Verdana, Arial;
	font-size:9px;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	display:block;	
	width:100%;
}
.LeftMenu LI A SPAN {
	background:url(../images/lmBtn_R.gif) 100%  0px no-repeat;
	padding:0px 7px 0px 5px;
	line-height:18px;
	display:block;	
}
.LeftMenu LI A:HOVER
,.SubMenu LI A{background:url(../images/lmBtn_l_h.gif) 0% 0px no-repeat;}
.LeftMenu LI A:HOVER SPAN
,.SubMenu LI A SPAN{background:url(../images/lmBtn_R_h.gif) 100%  0px no-repeat;}

.SubMenu LI A:HOVER{	background:url(../images/lmBtn_l.gif) 0% 0px no-repeat;}
.SubMenu A:HOVER SPAN{background:url(../images/lmBtn_R.gif) 100%  0px no-repeat !important;color:#3e75ab;}
.SubMenu{display:none;list-style:none outside;margin:0px;padding:0px 0px 0px 5px;}


.white{color:#ffffff;}

/*Forms*/
.Label{
	font-family:Arial, Verdana;
	font-size:10px;
	color:#3e75ab;
	background:url(../images/smmp.gif) 0px 50% no-repeat;
	padding:4px 0px 4px 25px;
	line-height:22px;
}
.Field{
	font-family:Verdana, Arial;
	font-size:11px;
	color:#000000;
	border:1px solid #7f9db9;
	vertical-align:middle;
}

/*Form Button*/
.fBtnL{
	background:url(../images/fBtnL.gif) 0% 0px no-repeat;
	padding:0px 0px 0px 3px;
	font-family:Arial, Verdana;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;float:left;	
	margin:1px 0px 1px 0px;
}
.fBtnL span{
	background:url(../images/fBtnR.gif) 100%  0px no-repeat;
	padding:0px 8px 0px 5px;
	line-height:23px;
	float:left;	white-space:nowrap;
}
.fBtnL:HOVER{background:url(../images/fBtnL_h.gif) 0% 0px no-repeat;}
.fBtnL:HOVER span{background:url(../images/fBtnR_h.gif) 100%  0px no-repeat;}

	
/**/
.left{float:left;}
.right{float:right;}
.clear{float:none;clear:both;font-size:1px;overflow:hidden;}

DIV, UL{-moz-box-sizing: border-box;}

.WhiteLink{font-family:Verdana, Arial;
	font-size:9px;
	color:#ffffff;
	font-size:9px;	text-decoration:none;}
.WhiteLink:HOVER{text-decoration:underline;color:#3e75ab;}

.BlueLink{font-family:Verdana, Arial;
	font-size:9px;
	color:#3e75ab;
	font-size:9px;	text-decoration:underline;}
.BlueLink:HOVER{text-decoration:underline;color:#ffffff;}


#Footer{font-family:Verdana, Arial;
	font-size:9px;
	color:#ffffff;
	font-size:9px;	text-decoration:none;
	padding:5px 15px 5px 15px;
}


/*Photo Album*/

#bg_thumbphoto{
		background:url(../images/bg_thumbphoto.jpg) 0% 0px no-repeat;
		width: 83px;
		height: 83px;
}

.thumbphoto{
background: #ccc;
margin: 6px 0px 0px 7px;
}

.themephoto{
background: #ffffff;
margin: 6px 0px 0px 7px;
border: 1px solid #ffffff;
}


#hspacer{
	float:left;
	overflow: hidden;
}

/*Family Forum*/

#forumentries {
	font-size:11px;
	padding: 0px;
	margin: 0px;
	margin-top: 4px;
	}

#forumentries #topic{
	background: url(../images/bullet-forum.gif) no-repeat 0 50%;
}

#forumentries li {
	list-style: none;
	margin-bottom: 11px;
	
	}

#forumentries li ul {
	font-size:11px;
	padding-left: 10px;
	margin: 0px;
	margin-top: 4px;

	}

#forumentries li ul li ul li {
	font-size:11px;
	}
	
#forumentries a{
	font-family:Verdana, Arial;
	padding-left: 18px;
	text-decoration:underline;
	color:#3e75ab;
	}

#forumentries a:hover{
	color:#fff;
	text-decoration:none;
	}
	

	/*Family Tree */
	
#TreeHolder{
	background: #c6d8ea;
	width: 519px;
	height: 194px;
	clear: both;
}

.strokeleft{
	width: 15px;
	height: 100%;
	position:relative;
	background:#6ca2d4 url(../images/stroke-left.gif) 0px 50% no-repeat;
	float: left;
	cursor: pointer;
	}
	
.strokeright{
	width: 15px;
	height: 100%;
	position:relative;
	background:#6ca2d4 url(../images/stroke-right.gif) 0px 50% no-repeat;
	float: left;
	cursor: pointer;
	}

.arrowbgtop{
	background:url(../images/arrow-bg-top.gif) 0px 0px no-repeat;
	height: 3px;
	width: 15px;
	position: absolute;
	top: 0px;
}

.arrowbgbottom{
	background:url(../images/arrow-bg-bottom.gif) 0px 100%  no-repeat;
	height: 3px;
	width: 15px;
	position: absolute;
	bottom: 0px;

}

#TreeContentHolder{
	width: 489px;
	height: 100%;
	float: left;
	padding: 13px;

}


.TreeItemContainer{
background:url(../images/box-tree.gif) 0px 50%  no-repeat;
width: 142px;
height: 72px;	
padding: 8px;
cursor: pointer;
}


.TreeItemContainerActive{
background:url(../images/box-tree-active.gif) 0px 50%  no-repeat;
width: 142px;
height: 72px;	
padding: 8px;
cursor: pointer;
}

.ItemRelation{
	font-family: Arial;
	font-size: 9px;
	color: #7f7f80;
	margin-top: 2px;
	margin-bottom: 2px;
}

.ItemPerson{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #3e75ab;
	line-height: 10px;
	height: 20px;

}

.ItemDate{
	font-size:9px;
	font-weight: normal;

}

.TreeItemHolder{
	width: 142px;
	vertical-align: middle;
}

.TreeItemSeparator{
	height: 18px;
	background #000;
}

.TreeItemsConnector{
	width: 18px;
	vertical-align: middle;
}

.Connector1{
	background:url(../images/connector-1-tree.gif) 0px 50%  no-repeat;
	height: 3px;
	width: 18px;
}


.Connector2{
	background:url(../images/connector-2-tree.gif) 0px 50%  no-repeat;
	height: 63px;
	width: 18px;
}