/*

	Steven
	
*/

/* Basics
------------------------------ */
html {
	/* Moz */
	height: 100%;
		background:#ffffff url('images/fade.png') no-repeat center bottom;

}

/* Main Layout
------------------------------ */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, HelveticaNeue, "Helvetica Neue", "Helvetica 55 Roman",  arial, sans-serif;
	font-size: 11px;
}

#tree a:selected {color:#444;}

#tree a:hover, a:active {color:#444;}

#tree .noline {text-decoration:none;}

#header {	text-align: left;	margin: auto;	width: 900px;height:90px;color:white;}

#header h1 {	
	font-family: "adobe caslon pro", "times new roman", sans-serif; arial;
	font-style:;
	font-size-adjust: 0.52;
	font-size: 60px;
	font-weight:100;
	letter-spacing:5px;
	line-height:64px;
	font-smooth: large;
	margin-top:50px;
	margin-bottom: -20px;}
	
#header p 		{ 	color:white;	font-family: "Times New Roman", Times, serif;	font-size:11px;}


#content {
	min-height:300px;
	padding: 22px;
	margin: 20px auto;	width: 840px;
	color: black;
	border: solid 8px black;
	text-align: left;
	text-transform: uppercase;
	font-family: "Times new Roman";
	font-size-adjust: 0.52;
	font-size: 11px;
	font-smooth: large;
}



<!--tree-->
#tree {position: absolute; float:left; width:250px;}


<!--scrollcontainer-->
.slidercontainer {position:absolute; }

#slider {
    width: 340px;
	float:right;
	margin-right:10px;
    position: relative;

}

.scroll {
    height: 350px;
    width: 340px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;

}

.scrollContainer div.panel {
    padding: 0px 20px 20px 20px;
    height: 250px;
    width: 300px;
}

.panel img {border: 1px solid #444; <!--opacity:.3;filter:alpha(opacity=30);-->}

.panel a {color:black;text-decoration:none;}
.panel a:hover{font-weight:bold;}



.grey {color:#333;}


.scrollButtons {
    position: absolute;
    top: 245px;
    cursor: pointer;
}

.scrollButtons.left {    left: -10px; opacity:.03;filter:alpha(opacity=3);}
.scrollButtons.right {    right: -10px; opacity:.03;filter:alpha(opacity=3);}



#footer 	{	text-align: left;	margin: auto;	padding-top: 10px; width: 900px;	text-align: center;}
#footer p, #footer a:visited, #footer a:active, p a { 	color: black; font-family: "Times New Roman", Times, serif;	font-size:11px; text-decoration:none; }
#footer p a:hover {color:#CCC;}