body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	}
div#body { width:980px; }
div#container {
	background-image:url(imgs/bg-tile.gif);
	background-repeat:repeat-x;
	background-color:#FBF5D5;
	}
	
div#header {
	height:147px;
	background-image:url(imgs/header-2.jpg);
	}
div#footer {
	padding:30px 0px 20px 0px;
	text-align:center;
	font-size:8pt;
	width:980px;
	}

h1 { 
	color:#A23521;
	margin-top:0;
	font-size:18pt;
	}
h2 { font-size:14pt; }


/* NAV */

#n {
	background-image:url(imgs/nav-bg.gif);
	background-repeat:repeat-x;
	height:22px;
	}
#nav, #nav ul {
	margin:0;
	padding:0;
	list-style:none;
	line-height:1;
	}
	#nav a { display:block; }
	#nav li {
		float:left;
		margin-left:40px;
		}
	#nav li:hover {
		background:#F1ECA8;
		}
		#nav li ul {
			position:absolute;
			background-color:#77962F;
			width:12em;
			left:-999em;
			height:auto;
			z-index:50;
			}
			#nav li ul li { /* L2 */
				float:left;
				width:10em;
				margin:0;
				}
			#nav li ul li a {
				padding:0.25em 1em;
				color:#2B2710;
				font-weight:bold;
				text-decoration:none;
				width:10em;
				}
			#nav li ul li a:hover {
				background-color:#F1ECA8;
				width:10em;
				}
			#nav li:hover ul, #nav li.sfhover ul {
				left:auto;
				}


/* FAMILY */

div#fam-header {
	height:37px;
	margin-top:15px;
	}
	div#fam-header ul {
		margin:0;
		margin-left:200px;
		padding:0;
		height:37px;
		list-style:none;
		}
		div#fam-header ul li {
			position:absolute;
			list-style:none;
			padding:0;
			width:15px;
			height:37px;
			}
			
div#fam-content {
	background-image:url(imgs/family-bg-tile.gif);
	background-repeat:repeat-x;
	padding:15px 5px 20px 15px;
	}
	div#fam-content div#lt {
		float:left;
		width:502px;
		text-align:justify;
		}
		div#fam-content div#lt a {
			color:#5590CC;
			font-weight:bold;
			}
			div#fam-content div#lt a:hover {
				color:#97D0E1;
				}
	div#fam-content div#rt {
		float:right; 
		width:435px; 
		text-align:justify;
		height:470px;
		padding-right:10px;
		overflow:auto;
		}
		div#fam-content div#rt img {
			border:1px solid #333;
			}

div#caption {  /* FAMILY RT IMG */
	margin-top:5px; 
	text-align:left;
	}
	div#caption div.caption-title { font-size:9pt; }
	div#caption div.caption { font-size:8pt; }


/* HISTORY/TIMELINE */

div#hist-head {
	}
	div#hist-head div#hist-timeline {
		background-image:url(imgs/hist-header-timeline.gif);
		height:17px;
		}
	div#hist-head div#hist-header {
		background-image:url(imgs/hist-header.gif);
		height:37px;
		}
		

/* HOME PG*/

div#home {
	padding:20px;
	padding-bottom:1px; /* Need 1px for IE */
	}
	div#home h2 {
		margin-top:10px;
		color:#79982F;
		}
	div#home div#lt {
		float:left; 
		border-right:2px solid #456097; 
		width:440px; 
		padding:10px 15px 5px 0px; 
		margin-right:15px;
		}
	div#home div#rt {
		position: relative;
		line-height:150% !important;
		line-height:145%;
		}
		div#home div#rt a {
			color:#000;
			text-decoration:none;
			}

ul#history_tabs {
	margin:0;
	padding:0;
	list-style:none;
	}
	ul#history_tabs li {
		display:inline;
		}


/* BALOON TOOLTIPS */
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid #333;
font:normal 12px Arial;
line-height: 18px;
z-index: 100;
background-color: #FFFFE0;
width: 500px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}
	.balloonstyle dl { margin:0; }
	.balloonstyle dd {
		font-weight:bold;
		margin:0 3px 0 0;
		float:left;
		}
	.balloonstyle dt {
		}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}