Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>

<meta name="GENERATOR" content="Steve">

<style type="text/css">

body

{

	background-color: #BFD0CB;

	font-family: arial;

}

h1

{

	color: #800000;

	font-size: 180%;

	

}

h2

{

	color: #000068;

	font-size: 140%

}

.specialbox

{

	font-size: 120%;

	background-color: #D0D8D8;

	border: medium double #783400;

}

#title

{

	position: absolute;

	top: 0;

	left: 0;

}


#sitenavigation ul, li { /* using a list for menu */
list-style-type: none;  /* cleaning up the list */
margin:0;
padding:0;
}

#sitenavigation ul {
position: absolute; /* positioning for IE5 et IE5.5 */
left: 0;
top: 150px;
background: transparent url(streamtree.jpg) top left no-repeat; /* general background for the menu */
height: 512px;
width: 341px;
text-align: center;
}

#sitenavigation li {
display: inline; /* correction for IE5 et IE5.5 */
}

#sitenavigation li a { /* buttons dimensions and definition */
display: block;  /* block for <a> to give it its dimensions */
height: 40px;
width: 341px;
line-height: 40px;  /* height of line to avoid paddings */
color: #005500;
font-size: 18px;
font-family: georgia, serif;
font-weight: bold;
text-decoration: none;
}

#sitenavigation li a:hover {
color: white;
background: transparent url(streamtree.jpg) top left no-repeat;
}

#sitenavigation a#menu1:hover {
background-position: 0% -512px; /* move of background for each button */
}

#sitenavigation a#menu2:hover {
background-position: 0% -552px;
}

#sitenavigation a#menu3:hover {
background-position: 0% -592px;
}

#sitenavigation a#menu4:hover {
background-position: 0% -632px;
}

#sitenavigation a#menu5:hover {
background-position: 0% -672px;
}

#sitenavigation a#menu6:hover {
background-position: 0% -712px;
}

</style>
<!--stuff for inserted pages now-->
<script language="JavaScript" type="text/javascript">
 
      function setClass(who, towhat) {
        var Whom = document.getElementById(who);
        if (Whom) { Whom.className = towhat; }
      }
 </script>
<style type="text/css">
a{cursor: pointer;}
#pagenavcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 70%;
border-bottom: 1px solid #ddd;
}
#pagenavlist
{
width: 80%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}
#pagenavlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}
/*#pagenavlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #ccc;
font-size: 1em;
padding: 0 2px;
border-top: .5em solid #eee;
}*/
#pagenavlist li a:hover
{
color: #333;
border-top: none;
font-size: 1.5em;
}
/*#pagenavlist a#current { color: #fc6; }*/

/* Gonna try to do the menu like I do the divs, wish me luck*/

a#selStreamTreeTheName li, a#selDirections li, a#selFacility li, a#selFinancial li 
{ 
	letter-spacing: -1px;
	text-decoration: none;
	color: #ccc;
	font-size: 1em;
	padding: 0 2px;
	border-top: .5em solid #eee;
}

#pagenavlist.selStreamTreeTheName #selStreamTreeTheName,
#pagenavlist.selDirections #selDirections,
#pagenavlist.selFacility #selFacility,
#pagenavlist.selFinancial #selFinancial { color: #fc6; font-size: 1.5em;} 

/* end of the menu attempt, on to the div stuff we know works */

div#streamtreethename, div#directions, div#facility, div#financial { display: none; }
 
    #sitesection.showstreamtreethename div#streamtreethename,
    #sitesection.showdirections div#directions,
    #sitesection.showfacility div#facility,
    #sitesection.showfinancial div#financial { display: block; }
 
</style>
<!--And now for the stuff to stick the inserted pages in-->
<style type="text/css">
#thePage
{
	position: absolute;
	top: 120px;
	left: 342px;
}
</style>
<script type="text/javascript">
page = "nothing";
function processPageChange() {
    // only if page shows "loaded"
    if (page.readyState == 4) {
        // only if "OK"
        if (page.status == 200) {
            // ...processing statements go here...
        } else {
            alert("There was a problem retrieving the XML data:\n" +
                page.statusText);
        }
    }
}
function loadXMLDoc(url) {
	page = false;
    // branch for native XMLHttpRequest object
    if(window.XMLHttpRequest) {
    	try {	
			page = new XMLHttpRequest(); 
        } catch(e) {
			page = false;
        }
    // branch for IE/Windows ActiveX version
    } else if(window.ActiveXObject) {
       	try {
        	page = new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
        	try {
          		page = new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e) {
          		page = false;
			}
		}
	}
	if(page) {
		page.onreadystatechange = processPageChange;
		page.open("GET", url, true);
		page.send(""); 
	}
}
function loadPage(pageName)
{
	loadXMLDoc(pageName);
	document.getElementById("thePage").innerHTML = page.responsetext;
}
</script>
</head>

<body>

<img src="http://www.streamtree.com/images/streamtree2_psd.gif" id="title"/>

<div id="sitenavigation">

<ul>
	<li><a id="menu1" title="menu1" accesskey="1" href="#">StreamTree Home</a></li>
	<li><a id="menu2" title="menu2" accesskey="2" href="#">About John</a></li>
	<li><a id="menu3" title="menu3" accesskey="3" href="#">John's Counseling</a></li>
	<li><a id="menu4" title="menu4" accesskey="4" onclick="loadPage('http://bachelor.myphotos.cc/aboutstreamtree-inserted.htm')">About StreamTree</a></li>
	<li><a id="menu5" title="menu5" accesskey="5" href="#">Articles and Links</a></li>
	<li><a id="menu6" title="menu6" accesskey="6" href="#">Contact</a></li>
</ul>

</div>
<div id="thePage">Sorry, didn't work.</div>

</body>
</html>