body
{
margin: 0;
padding: 0;
font-family: georgia, times, "times new roman", serif; 
color: #000;
background-color: #fff; 
background-image: url(treeback.jpg);
background-attachment:fixed;
background-position: top;
background-repeat:no-repeat;
overflow:visible;
}

#main
{
align:right;
padding:0 2% 0 2%;
}

a:link
{
color: #036;
}

a:visited
{
color: #066;
}

a:hover ,a:active
{
color: #616;
/*color: #fff;
background-color: #777;*/
}


div#banner
{

text-align: center;
margin:50px 0px;
text-align:center;
}

div#banner h1
{
margin: 0;
padding: .3em 0 .3em .5em;
font-size: 2.2em;
font-weight: normal;
}

div#banner img
{
margin:0px;
padding:0px 0px 14px 122px;
}

#flash
{
overflow: visible; 
margin-left: -964px; 
margin-top: -157px; 
padding-right: 0px; 
z-index: 1;
}

#altflashcontent
{
margin-left: 964px; 
}
#altflashimg
{
margin:-30px 0px 0px -560px; z-index -10;
}

/* Background for left nav (and overall content container) */
div#lback
{
position:absolute;
top:200px;
max-width:900px;
width: expression(this.width > 900 ? 900: true);
align:right;
} 

/* Background for right panel 
div#rback
{
background-image: url(whitefade2.jpg);
background-repeat: repeat-y;
background-position: right;
} */

/* Left nav panel */
div#nav
{
float: left;
width: 150px;
padding-top: 2em;
z-index:40;
}

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

#nav ul li 
{
margin-top: 4px; 
}

#nav ul li a
{
display: block;
width: 135px;
padding: 3px 5px 3px 10px;
background-image: url(greyfade.jpg);
background-repeat: repeat-y;
}

#nav ul li a:hover
{
color: #fff;
background-color: #ccc;
background-image: url(whitefade.jpg);
background-repeat: repeat-y;
}

/* Mouseover images for below links */
#nav ul li a img 
{
height: 0; 
width: 0; 
border-width: 0;
}

/* Mouseover images for below links - change top when adding links or changing header height */
#nav ul li a:hover img 
{
position: absolute; 
top: 200px; 
left: 20px; 
height: 100px; 
width: 100px;
}

/* Validation images/links */
#nav p
{
display:block;
width: 135px;
padding: 120px 4px 3px 30px;
}

/* Right panel */
div#right
{
float: right;
width: 150px;
margin: 0;
padding: 2em 10px 0 0;
color: #022;
display: block;
text-align: left;
}

#right h3
{
margin-top: 0;
color: #022;
padding: .2em;
background-image: url(greyfade.jpg);
background-position: right;
background-repeat: repeat-y;
}

/* Wonder what this is? */
div#content
{
margin-left: 165px;
margin-right: 165px;
line-height: 150%;
display: block;
height: 100%;
}


#content h1, h2, h3, p, pre, span
{
padding-left: 20px;
font-family: georgia, times, "times new roman", serif;
}

#content h2
{
font-size: 2em;
color: #022;
margin: 0;
padding-top: 1em;
font-weight: normal;
}


#content img {
    float:right; padding:4px 0px 9px 9px;
}

#content .heavy {
    font-weight:bolder;
}


/* Tooltips as per Stu Nicholls */
a.tooltip {color:#765; text-decoration:none; border-bottom:1px dotted #c00;}
/* a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:200px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(/shared/tooltip.gif) 0 0; display:block; font-size:1px;}
*/


br.clear {
    clear:both;
}
 

/* Clears all prior so that foot works right*/
div#clear
{
clear: both;
height: 1em;
}

div#foot
{
clear: both;
padding: .5em 1em;
border-top: 0px solid #999;
text-align: right;
/*background-color: #ddd; */
}

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

#foot li
{
display: inline;
margin-right: 1em;
font-size: 76%;
}


#foot li a:hover
{
color: #616
}