body {
background:#E9F2F6 url(images/main_bckg.jpg) center top no-repeat; width:780px; margin:35px auto;}
margin:0;
}

#container {
width:780px;
margin:0 auto;
}

#header {
background:#007646;
padding:25px 4px 25px;
}

#nav {
position:relative;
display:block;
height:39px;
font-size:12px;
font-weight:700;
background:transparent url(images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #c9b88b;
}

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

#nav ul li {
display:block;
float:left;
margin:0;
}

#nav ul li a {
display:block;
float:left;
color:#007646;
text-decoration:none;
height:23px;
background:transparent url(images/bgDIVIDER.gif) no-repeat top right;
padding:11px 20px 0;
}

#nav ul li a:hover,#nav ul li a.current {
color:#666;
background: #dddddc;
}

#sidebar {
float:left;
width:160px;
color:#444;
text-align:center;
margin:0;
padding:30px 30px 0;
}

#sidebar a {
text-decoration:none;
color:#262626;
font-family:"Lucida Sans Unicode";
font-size:12px;
}

#sidebar img {
border:solid 0px #d6d6d6;
}

.project {
margin:15px 0 25px;
}

h1 {
color:#869843;
font-size:24px;
font-family:"Arial Narrow";
font-weight:400;
margin:0;
}

h2 {
color:#007646;
font-size:15px;
margin:20px 0 5px;
}

#main {
background-image:url(images/bg.gif);
}

#text {
height: 520px;
color:#444;
font-family:"Lucida Sans Unicode";
font-size:12px;
line-height:18px;
text-align:left;
margin:0 0 0 220px;
padding:25px 30px 30px;
}

#text a {
color:#007646;
text-decoration:none;
}

#text a:hover {
background: #dddddc;
color:#444;
}

#footer {
background:#c9b88b;
font-family:"Lucida Sans Unicode";
color:#444;
font-size:11px;
text-align:right;
padding:6px 30px;
}

#footer a {
text-decoration:none;
color:#262626;
}

.separator {
font-size:11px;
color:#FFF;
}

.clear {
clear:both;
}

#sidebar a:hover,#footer a:hover {
color:#666;
}

img.float-left {
margin: 5px 15px 5px 0px;
padding: 5px;
border:1px solid #dadada;
}

/* alignment classes */
.float-left  { float: left; }