html, body{ 
            margin:10; 
            padding:0; 
            font-size: 1em;
            font-family: arial, verdana, sans-serif;
            background-color:#336699;
            color:#333333;
}
/*
body{
    min-height: 100%; /* minimum #page height for Modern Browsers [sf] */
    height: auto !important; /* make the height auto for Modern Browsers (IE doesn't do !important) [sf] */
    height: 99.9%; /* For IE, IE treats height exactly like min-height, so just give it that [sf] */
}
*/
/* Areeba page-width solution below */
           
#pagewidth{ 
           min-width: 771px; /* min page width to not scroll at 800x600 [mmw] */
            width:expression(
        ((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) 
            < 771 ? "764px" : "auto"
    ); 
    position: relative; /* lets us position the #footer absolute relative to #page [sf] */
}
 /* only for mac ie (it doesn't do max-min-width) [mmw] \*//*/
#pagewidth {width: 771px; margin-left: 0;}
/* end hack [mmw] */

#container{
            height: 98%;
            min-width:770px;  
            border:1px solid #333333;
            background-color:#ffffff;
}
 
#header{
              position:relative; 
              height:90px; 
              background-color:#FFFFFF; 
              width:100%;
              border-bottom:solid 1px #666666; 
} 
 
#leftcol{
                  width:16%; 
                  min-width:160px;
                  float:left; 
                  position:relative; 
                  background-color:#ffffff; 
}
 
#maincol{
                  background-color: #FFFFFF;  
                  float: right; 
                  display:inline; 
                  position: relative; 
                  width:82%; 
}
 
#footer{
                position:relative;
                height:50px; 
                background-color:#FFFFFF; 
                clear:both;
} 

#footer_home{
                position:relative;
                height:250px; 
                background-color:#FFFFFF; 
                clear:both;
} 
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
                 content: "."; 
                 display: block; 
                 height: 0; 
                 clear: both; 
                 visibility: hidden;
}
 
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;},#container{border:0;}
}

a {
    color: #333;
    text-decoration: none;
}
a:visited {color:#333;}
a:active { color:#333;}

#header-images {
    position:relative;
    padding:0 0 10 0;
}
/* --------TOP HORIZONTAL MENU--------- */
#topnav    {
    clear:both;
    float:left;
}
#topnav ul {
            float:right;
            width:750px;
            padding:0;
            margin:0;
            list-style-type:none;
}
#topnav a {
            float:right;
            text-decoration:none;
            font-size: xx-small;
            color:#666666;
            background-color:#ffffff;
            padding:0.2em 0.6em;
            border:0;
}
#topnav a:hover {
                background-color:#deeeef;
                color:#333333;
}
#topnav li {
                display:inline;
                margin:0 0 0 0;
                padding:5px 0px 0px 0px;
}

/* --------TOP HORIZONTAL MENU FOR THE HOME PAGE--------- */
#topnav-home{
    clear:both;
    float:left;
}
#topnav-home ul {
            float:right;
            width:750px;
            padding:0;
            margin:0;
            list-style-type:none;
}
#topnav-home a {
            float:right;
            text-decoration:none;
            font-size: xx-small;
            color:#666666;
            background-color:#ffffff;
            padding:0.2em 0.6em;
            border:0;
}
#topnav-home a:hover {
                background-color:#deeeef;
                color:#333333;
}
#topnav-home li {
                display:inline;
                margin:0 0 0 0;
                padding:5px 0px 0px 0px;
}


 /* left navigation presentation styles */

#leftcol ul {
                /* float:left; */
                list-style-type:none;
                list-style-position:outside;
                margin:3px;
                padding:5px;
}
#leftcol a {
             font-size: xx-small;
             text-decoration: none;
             color: #666;
}
#leftcol a:visited {
                color: #666;
}
#leftcol a:hover {
                color: #000;
}
 /* nested list styles */

ul.nest {
                float:left;
                list-style-type:none;
                list-style-position:outside;
                margin:3px;
                padding:5px;
}
#nest a {
             font-size: xx-small;
             text-decoration: none;
             color: #666;
}
#nest a:hover {
             font-size: xx-small;
             text-decoration: none;
             color: #666;
}

a.nest {
             font-size: xx-small;
             text-decoration: none;
             color: #666;
}

/* header logo and title */
.left {
              float: left;
              margin: 14px;
 }
.right {
              float: right;
              margin: 14px 14px 20px 14px;
 }
 

 
/* create padding for main content area */ 
#maincol p{
                  padding: 0px 20px 0px 20px;
                 font-size:75%;
}

#maincol li{
    font-size:80%;
}
a {
    color: #0066CC;
    text-decoration: underline;
}

a:visited {color:#663399;}
a:active { color:#333;}

#header-images {
    position:relative;
    padding:0 0 10 0;
}


/* presentation styling for footer */
#footer p{
                font-size:xx-small;
                color:#666666;
                padding:10px;
}
#footer_home p{
                vertical-align:bottom;
                font-size:xx-small;
                color:#666666;
                padding:10px;
}

/* breadcrumbs */
.breadcrumb{
            font-size:80%;
            color: #333333;
            padding:5px 0 0 0;
}

h1, h2, h3, h4, h5{
        padding: 0px 20px 0px 20px;
        color:#025593;
}

#maincol-home{
                 width:100%;
                 height:300px;
                 background-color:#ffffff;
                 background-image:url("images/home.jpg");
                background-repeat:repeat-x;                            
}

/* STYLES for the site map */
.sitemap {
      border: 1px solid blue;
      padding:  3px;
      color:  black;
      font-size:  xx-small;
}
 
.sitemap_item {
        background-color:#fff;
        border: 1px solid #996699; 
}

#item_list li a {
      font-size:  xx-small;
}



/*-------------- TABLES---------------- */
table{
    margin: 10px 0;
    padding: 0;
    w\idth: 90%;
    border-collapse: collapse;
}
table.gri{
    w\idth: 90%;
}

th{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
    background-color: #B3D4E2;
    border: 1px solid #CCCCCC;
    color: #333;
    font-size:90%;
}

td{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #ccc;
    font-size:90%;
}

th.finances{
    background-color:#CEC2CF;
}

th.community{
    background-color:#FCDE82;
}
th.services{
    background-color:#BCDB9D;
}
th.company{
    background-color:#EAE2C8;
}
th.conservation{
    background-color:#9fc9cc;
}
th.approach{
    background-color:#BAD8E3;
}

li.table{
    font-size:120%;
    padding:0;
    margin:0;
}

td.sub{
    background-color:#D9E9E8;
}

img {
    margin-left: 15px;
    margin-bottom: 30px;
}

img.casestudy{
    margin-left:25px;
    margin-bottom:200px;
}

img.today{
    position:absolute;
    left:40px;
    top:370px;
}

#leftcol img{
    padding:10px 0px 0px 0px;
    margin:0;
}

#aim_finances{
    width:70%;
    margin-left:20px;
    padding: 10px 0px 10px 0px;
    border:solid 1px #CEC2CF;
}

#aim_finances p h4{
    padding:0;
}

.aim_finances {
    font-size:120%;
    font-weight:bold;
    color:#CEC2CF;
}

#aim_community{
    width:70%;
    margin-left:20px;
    padding: 10px 0px 10px 0px;
    border:solid 1px #FFCC33;
}
#aim_community p h4{
    padding:0;
}
.aim_community {
    font-size:120%;
    font-weight:bold;
    color:#FFCC33;
}

#aim_services{
    width:70%;
    margin-left:20px;
    padding: 10px 0px 10px 0px;
    border:solid 1px #BCDB9D;
}
#aim_services p h4{
    padding:0;
}
.aim_services {
    font-size:120%;
    font-weight:bold;
    color:#BCDB9D;
}

#aim_company{
    width:70%;
    margin-left:20px;
    padding: 10px 0px 10px 0px;
    border:solid 1px #EAE2C8;
}
#aim_company p h4{
    padding:0;
}
.aim_company {
    font-size:120%;
    font-weight:bold;
    color:#EAE2C8;
}
#aim_conservation{
    width:70%;
    margin-left:20px;
    padding: 10px 0px 10px 0px;
    border:solid 1px #9FC9CC;
}
#aim_conservation p h4{
    padding:0;
}
.aim_conservation {
    font-size:120%;
    font-weight:bold;
    color:#9FC9CC;
}

#aim_approach{
    width:70%;
    margin-left:20px;
    padding: 10px 0px 10px 0px;
    border:solid 1px #BAD8E3;
}
#aim_approach p h4{
    padding:0;
}
.aim_approach {
    font-size:120%;
    font-weight:bold;
    color:#BAD8E3;
}