
body {
 background: #E4E5E7 url(images/bg-page.gif) ;
 color: Black;
 font: .7em/1.5em Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */


p { padding: .5em 0; }
p.thumbnail { text-align: center;margin-bottom:10px }
p.thumbnail img { display: block; } 

#mainbar .inside a { color: #127c26; text-decoration:underline;} 
#mainbar .inside a:hover {color:#000;text-decoration:underline;} 
#mainbar .inside h3 a.name { color: #127c26; text-decoration:none;} 

#welcome .inside a { color: #127c26; text-decoration:underline;} 
#welcome .inside a:hover {color:#000;text-decoration:underline;} 
#welcome .inside h3 a.name { color: #127c26; text-decoration:none;} 


#sidebar a { color: #000; text-decoration:underline;} 
#sidebar a:hover {color:#127c26;text-decoration:underline;} 

img.lfloater {
 float: left;
 margin: 0 5px 20px 0;
}

ul.classic {
 list-style: disc;
 padding: .5em 0 .5em 2em;
}
ul.classic ul {
 list-style: circle;
 padding: .5em 0 .5em 2em;
}
ol.classic {
 list-style: decimal;
 padding: .5em 0 .5em 2em;
}



#container {
 width: 745px;
 margin: 0 auto;
 text-align: left !important;
 background: White url(images/bg-container.gif) top right repeat-y;
}

#content {
 /*min-height: 725px;*/
 background: url(images/bg-content.gif) top right repeat-y;
 /*background: White url(images/bg-tree.jpg) bottom left no-repeat;*/
}
* html #content {
 /*height: 725px;*/
}

#hometree {
 background: White url(images/bg-tree.jpg) bottom left no-repeat;
}
#wrapper {
 padding-bottom: 150px;
 background: url(images/bg-container.gif) top right repeat-y;
}


#welcome {
 width: 280px;
 margin-left: 25px;
 padding: 2em 0 0;
 #welcome{ color: #000; text-decoration:underline;} 

}

#mainbar {
 width: 538px;
 float: left;
}
#mainbar .inside {
 padding: 30px;
}

#sidebar {float: right; 
 width: 206px; 
 padding: 10px 53px 10px 30px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 123px;}
 
html>#sidebar {width: 123px;} 

#inner #sidebar {
 padding-bottom: 300px;
 background: White url(images/bg-sidebar.jpg) bottom right no-repeat;}


h1 {
 padding: 33px 0 15px 30px;
 margin-bottom: 3px;
 border-right: solid 206px #eaf4e6;
}

h2,h3 {font-family: Arial, Helvetica, sans-serif;
 color: #127c26;}
 
h2 {padding-bottom: .5em;
 color: #127c26;
 font-size: 160%;}
h3 {padding-bottom: .5em 0;
 color: #127c26;
 font-size: 130%;padding-top:5px;}

.outtake {border:1px dashed #addbbb; margin-bottom:20px; padding-left:5px}





/* Navigation */

#nav {
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
 background: #ccc url(images/bg-nav.gif) top right repeat-y;
}
#nav li {
 display: inline;
 padding: 0 10px;
}
#nav li a {
 color: White;
 font-size: 120%;
 line-height: 3em;
 font-weight: bold;
 text-decoration: none;
}
#nav li a:hover,
#nav li a.on {
 text-decoration: underline;
}

#nav li.current {
 width: 206px;
 float: right;
 border-left: solid 1px #5ba569;
 text-transform: uppercase;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 186px;}
html>#nav li.current {width: 186px;} 
#nav li.current a {padding-right: 25px;
 background: url(images/arrow-current-project.gif) center right no-repeat;}




#topleftdesign {
 width: 725px;
 margin: 0 auto;
 text-align: right;
}
#topleftdesign a{
color: #127c26; text-decoration:underline;
}
#topleftdesign a:hover{
color:#000;text-decoration:underline;
}
