body {margin: 0; padding: 0; background: #ffffff}

* {margin: 0; padding: 0; border: 0; font-family:  Arial, Helvetica, sans-serif}


/*----------------------------------------------Basic styles------------------------------------------------*/

h1 {
font-family: courier new, serif; 
margin: 15px 0 0 5px; 
color: #ffffff; 
font-weight: normal; 
text-decoration: none
}

h2, h3, h4 {
font-family: arial, helvetica, sans serif; 
margin: 15px 0 10px 10px; 
color: #E65505; /*993333 683428*/ 
font-weight: normal; 
text-decoration: none;
}

/* italicize */

h1 em {
font-family: courier new, serif; 
font-weight: normal;
}

h2 em, h3 em, h4 em {
font-family: arial, helvetica, sans serif; 
font-weight: normal}  

h1 {position: absolute; left: 0px; top: 20px; font-size: 1.75em; letter-spacing: 0.07em; line-height: 1.00em; padding-left: 30px}
h1:first-letter {font-family: courier new, serif; font-size: 2.0em} 
/* lg first letter */

/*
p#tagline {position: absolute; right: 0px; top: 125px; font-style: italic; color: #ffffff; font-size: 1.0em; padding-right: 30px; border-right: 9px solid #fff} 
*/
/* sits under main title */

h2 {font-size: 1.30em; letter-spacing: 0.05em}

p, ul, ol {margin: 10px 10px 0 7px; font-size: .85em; line-height: 1.70em; color: #000; letter-spacing: 0.05em}

code {font-family: monospace; font-size: 1.20em; color: #E20000}

p span {font-size: 1.50em; font-weight: bold} /* shouting words */

a:link, a:visited {color: #6B2904; text-decoration: underline; }

a:hover, a:active {color: #fff; border-color: #fff}

ul {list-style: inside square} /* general lists */

acronym {font-weight: bold; border-bottom: 1px dashed #000; cursor: help}


/*-----------------Layout DIVS------------*/

#container {  /* keeps everything together */
position: relative; 
margin: 0 auto; 
width: 700px; 
}

#hdr {  /* div containing h1, nav and central img */
float: left; 
width: 700px; 
height: 520px;
border-left: 9px solid #333333; 
background: url(http://www.betasquared.net/barbaratran/imgs/bigbendtree.jpg) 0 0 no-repeat #fff  /* Image of Tree */
}

#lftcol {   
position: absolute;
left: 50px;
top: 40px;
margin-left: 0px;  
/* leave this so background image lines up with edge of this div */
width: 250px; 
background: transparent;
overflow: hidden
}

#rgtcol {float: right; width: 450px; padding-bottom: 30px; background: transparent; overflow: hidden}

#bttmbio {float: right; text-align: left; font-size: 0.75em; height: 5em; line-height: 5em; width: 700px; background: #fff; border-top: 1px solid #fff;}

#bttmbar {float: right; text-align: right; font-size: 0.70em; height: 3em; line-height: 2.25em; width: 700px; background: #fff; border-top: 1px solid #333;}

#btmbanner {float: right; text-align: right; font-size: 0.70em; height: 4em; line-height: 2em; width: 700px; background: #fff; }

/*--------------Navigation----------------*/

p#nav {   /* navigation list */
	margin: 53px 0 20px 0; /* the 53px is where the nav begins (margin top) */
	padding: 0;
}
	
p#nav  {float: left;}

p#nav a {
	width: 150px;
	margin: 3px 0 0 0;  /* a little top margin */
	border: 0;
	border-left: 3px solid #333;
	padding: 2px 10px;
	font-family: helvetica, sans serif;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}

p#nav a#current {border-color: #fff}   

p#nav a:hover {color: #333333;}