body	{
	
	background:	#aaaaaa;
	font-family:	sans;
	word-wrap:	break-word;
	/* Tides up with trunction */
	overflow:	scrollable;
	}
	
table	{
	font-size:	1em;
}

h1,h2,h3,h4,p	{
	padding:	0em;
	margin:		0.5em;
}

h1	{
	font-size:	2em;
	font-weight:	bold;
	}

h2	{
	font-size:	1.5em;
	font-weight:	bold;
	margin-left:	1em;
	}

h2 ~ p	{
	margin-left:	1.5em;
	}

h3	{
	font-size:	1.0em;
	font-weight:	bold;
	margin-left:	2em;
	}

h3 ~ p 	{
	margin-left:	2.5em;
	}

h4	{
	font-size:	1.0em;
	font-weight:	normal;
	text-decoration:	underline;
	margin-left:	2.5em;
	}

h4 ~ p	{
	margin-left:	3em;
	}

ul li	{
	margin-left:	3.5em;
	}

a:hover	{
	background:	red;
	}

#contents {
	/* position:	absolute; */
	margin-left:	16em;
	margin-right:	12em;
	margin-top:	1em;
	margin-bottom:	1em;
	background:	#ffffff;
	border:		thin solid black;
	padding:	1em;
/* Tides up with trunction */
	/* overflow:	hidden; */
}

#page_title {
	/* position:	absolute; */
	margin-left:	16em;
	margin-right:	12em;
	margin-top:	5em;
	margin-bottom:	1em;
	background:	#ffffff;
	border:		thin solid black;
	padding:	1em;
/* Tides up with trunction */
	/* overflow:	hidden; */
}

#topnav	{
	position:	absolute;
	width:		100%;
	top:		0em;
	left:		0em;
	margin: 	0em;
	padding:	0em;
	background: #ffff88;
	border: thin solid black;
	font-family:Verdana,helvetica,arial,sans-serif;
	font-size:	1em;
	/* float:left;	*/
/* Tides up with trunction */
	 overflow:	hidden; 
}



#topnav li	{
		margin:	0.5em;
		display:	inline;
}

#subdirs:before {
		Content:	"Sub-directories" ;
		border-bottom:	thin solid black;
		width:		100%;
	}
#subdirs:first-letter {font-weight:	bold;}

#subdirs	{
	position:	absolute;
	top:		5em;
	left:		1em;
	/* margin: 	1em;*/
	margin-left:	0em;
	padding:	1em;
	background: #ddddff;
	border: thin solid black;
	width:	12em;
	font-family:Verdana,helvetica,arial,sans-serif;
	font-size:	1em;
	/* float:left;	*/
/* Tides up with trunction */
	 overflow:	hidden; 
}

#files:before {
		Content:	"Files" ;
		border-bottom:	thin solid black;
		width:		100%;
	}
#files:first-letter {font-weight:	bold;}

#files	{
	position:	absolute;
	top:		5em;
	right:		1em;
	margin-right:	0em;
	padding:	1em;
	background: #ddddff;
	border: thin solid black;
	width:	8em;
	font-family:Verdana,helvetica,arial,sans-serif;
	font-size:	1em;	
	/* IE only */
	word-wrap:	break-word;
	/* All browsers */
	overflow:	hidden;	
	/* float:left;	*/
}

#subdirs.a {
	color:		white;
}

#gallery:before {
		Content:	"Photos" ;
		font-size:	1.5em;
		border-bottom:	thin solid black;
		width:		100%;
		
	}
#gallery:first-letter {font-weight:	bold;}

#gallery {
	margin-left:	16em;
	margin-top:	0em;
	background:	#eeeeee;
	padding:	1em;
	border:		thin solid black;
	margin-right:	12em;
	overflow:	scrollable;
}

#gallery span {
	display: inline;
	/* clear: both; */
	}

#gallery li img {
	/*  display:	block;*/ 
}	

.gallery_image {
	display:	inline;
}

#footer	{
	clear:		both;
	
	
	font-family:Verdana,helvetica,arial,sans-serif;
	font-size:	1em;
}


table.tree	{
	font-size:	0.7em;
}

table.tree td.person	{
	background:	#eeeeee;
	border:		thin solid black;
}

table.tree td.person_highlight	{
	background:	#eeeeff;
	border:		thick solid black;
}

table .alt_line		{
			background:	#eeeeee;
}
	
.main_nav 	{
	border:		thin solid black;
	background:	#dddddd;
	padding:	0.5em;
}

.main_nav li	{
	display:	inline;
	width:		8em;
	border:		thin solid blue;
	background-color:white;
}


.parent	{
	border:		thin solid black;
	background:	#ddddff;
}

.child	{
	border:		thin solid black;
	background:	#ddffdd;
}


.subject {
	border:		thin solid red;
	background:	#ffffaa;
}

.none	{
	border:	none;
}

ul	{
	list-style-type:	none;
	padding-left:		0;
	margin-left:		0;
}

td parent	{
	border: none;
}

td child	{
	border: none;
}

td subject	{
	border: none;
}