html, body {
        height: 100%;
        margin: 0;
        padding: 0;
}

body {
        background: #f4f4f4;
        font-family: Arial, Geneva, sans-serif;
        font-size: 0.85em;
}

h1, h2, h3, h4, h5, h6, p, form { margin:0 0 0.7em }
h1, h2, h3 { text-align: left; padding: 5px 5px 0px 5px; }
h1 { font-size: 125%; }
h2 { font-size: 115%; }
h3 { font-size: 105%; }

a:link { color: #ce5f1c; }
a:visited { color: #666666; }
a:hover { color: #000; }
a:active { color: #000; }

table { border-collapse: collapse; }
table, td { border: 1px solid #666666; }
table.borderless, .borderless td { border-style: none; }
table.borderbottom, .borderbottom td { padding-top: 5px; border-top-style:none; border-left-style:none; border-right-style: none; border-bottom: 2px solid #f4f4f4; }
td { padding: 3px; }

#wrapper {
        margin: 0px auto;
        background: #fff;
        text-align: left;
        position: relative;
        margin-top: -109px;
        z-index: 0;
        min-height: 100%;
        width: 1200px;
        border-right: 10px solid #fff;
        border-left: 10px solid #fff;
        clear: both;
}

#header {
        background: url('../../uploads/T4F/banner.png') no-repeat #fff;
        color: black;
        clear: both;
        position: relative;
        z-index: 2;
        width: 100%;
        height: 166px;
        border-top: 109px solid #fff;
        padding: 0px;
}

#navi {
        background: url('../../uploads/T4F/buttonbgr.png') repeat #000;
        width: 100%;
        height: 38px;
        font-size: 0.85em;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 38px;
}

#navi a {
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 0 7px;
}

#navi a:hover {
        background: url('../../uploads/T4F/buttonroll.png') repeat #888;
}

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

#navi ul li {
        display: inline;
        float: left;
}

#navi ul li a.current {
        background: url('../../uploads/T4F/buttonroll.png') repeat #888;
}

.navi-right { float: right; }

#footer {
        background: url('../../uploads/T4F/footerline.png') no-repeat bottom #fff;
        color: black;
        width: 1200px;
        clear: both;
        margin: auto;
        position: relative;
        z-index: 2;
        height: 134px;
        font-size: 90%;
        border-right: 10px solid #fff;
        border-left: 10px solid #fff;
text-align: center;
}

/*
.footerlogo { width: 234px; position:absolute;}
.footerlogo img { padding: 0; float: left; }
.footerlogo p { padding-top: 3px; }
.footerfeature { margin-left: 234px; font-size: 140%; font-weight: bold; text-align: center;}
.footerfeature img { padding: 0; }
*/

#middle {
        float: left;
        width: 100%;
        margin-right: -234px;
}

#content {
        margin-right: 234px;
        padding: 5px 5px 5px 5px;
}

#content h1 { padding-top: 10px; }

.left_bottom {float: left; width: 50%; padding-top: 12px;}
.right_bottom {float: right; width: 50%; padding-top: 12px;}

.breadcrumbs { font-size: 0.70em; }
.breadcrumbs a { text-decoration: none; }

#left {
        width: 224px;
        position: relative;
        float: left;
        z-index: 2;
        font-size: 90%;
        padding: 5px 5px 5px 5px;
}

#left h2 {background: #fff;}

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

#left ul.tna {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 90%;
}

#left li {
        margin: 0 8px 3px 8px;
        padding: 1px 0;
}


#left ul li a.active { font-weight:bold; }

#left li li {
        margin: 0 8px 0 14px;
        padding: 1px 0;
}

#left a:link { color: #000; }
#left a:hover { color: #ce5f1c; }
/* a:visited { color: #666666; }
a:active { color: #000; }
*/

#right {
        width: 321px;
        position: relative;
        float: right;
        z-index: 2;
        font-size: 90%;
        padding: 5px 5px 5px 5px;
}

.CGBlogSummaryPostdate, .CGBlogSummaryLink { padding: 0 5px; }
#CGBlogPostDetailDate { padding: 0px 5px; font-size: 90%; }
/* #CGBlogPostDetailContent { text-align:justify; } */

/*The following 2 absolute columns that just hold the column colours */
/* there is no need to worry about being removed from the flow because these do not hold content but are just stuck to the parent container and set at 100% height. This ensures that they grow with the parent container. Its a shame that this behaviour doesn't apply to static elements and we'd all be a lot happier. */
#l {
        width:234px;
        height:100%;
        position:absolute;
        bottom:0;
        left:0;
        background:#f4f4f4;
        z-index:1;
        clear:both;
}
#r {
        position:absolute;
        height:100%;
        right:0;
        background:#f4f4f4;
        z-index:1;
        width:331px;
        bottom:0;
        clear:both;
}
* html #l, * html #r {
        height:999em;
        bottom:-1px
}
p { padding: 5px; }/* some breathing space*/

/*Opera Fix*/
body:before {
        content:"";
        height:100%;
        float:left;
        width:0;
        margin-top:-32767px;
}
/*Ie8 fix and clear floats*/
#wrapper:after {
        clear:both;
        display:block;
        height:1%;
        content:" ";
}
#inner {
        width:100%;
        overflow:hidden;
        position:relative;
        z-index:3;
}

#evoltree {
    height: 1500px;
}
/* Stylesheet: Trees4Future embed Modified On 2014-11-17 16:40:12 */