body{ background-color:#fff; margin:0; font-family:"Times New Roman", Times, serif; font-weight:100; line-height:1.2em; letter-spacing:0.05em; } .clear{ clear:both; } .clear-right{ clear:right; } h1{ margin:0; padding:0 10px 0 10px; color:#000; font-size:2em; font-weight:lighter; letter-spacing:0.07em; } h2{ margin:0; padding:5px 0 0 0; color:#bcbc44; font-size:2em; font-weight:lighter; letter-spacing:0.07em; } h3{ margin:0; padding:15px 0 10px 0; color:#b5cee7; font-size:1.3em; font-weight:lighter; letter-spacing:0.07em; border-bottom:10px solid #b5cee7; } h4{ margin:5px 0 0 0; padding:10px 0 10px 0; color:#bcbc44; font-size:1.3em; font-weight:lighter; font-style:italic; letter-spacing:0.07em; border-bottom:1px dashed #bcbc44; } #slideshow-wrap{ margin:0; padding:0; height:300px; width:400px; } .slideshow-one{ margin:0; padding:0; width:400px; height:300px; overflow:hidden; } .slideshow-one img{ margin:0; padding:0; width:400px; height:300px; top:0; left:0; border:0; } #nav-wrap{ background-color:#b5cee7; background-image:url(images/nav-top.jpg); background-repeat:no-repeat; background-position:center top; margin:0 auto; height:37px; width:100%; } #nav-bottom{ background-image:url(images/nav-bottom.jpg); background-repeat:no-repeat; background-position:center top; margin:0; padding:0; height:51px; width:100%; } #nav{ margin:0 auto; width:850px; font-size:0.95em; font-style:italic; } #nav a{ margin:0; padding:7px 18px 0 18px; height:30px; color:#000; text-decoration:none; display:inline-block; } #nav a:visited{ color:#000; text-decoration:none; } #nav a:hover{ background-color:#fff; color:#000; text-decoration:none; } #nav ul{ margin:0; padding:0; list-style:none; } .nav-left li{ float:left; position:relative; } .nav-right li{ float:right; position:relative; } #nav ul li ul{ background-color:#b5cee7; position:absolute; z-index:1000; top:37px; left:0; } #nav ul li ul a{ margin:0; padding:7px 20px 7px 20px; height:auto; width:250px; color:#000; text-decoration:none; } #nav ul li ul a:visited{ text-decoration:none; } #nav ul li ul a:hover{ background-color:#fff; color:#000; text-decoration:none; } #header-wrap{ margin:0 auto; padding:0; width:860px; height:auto; } #logo{ background-image:url(images/eco-logo.jpg); background-repeat:no-repeat; background-position:center top; margin:20px auto; padding:0; height:27px; width:860px; } #logo-ag{ background-image:url(images/eco-logo-ag.jpg); background-repeat:no-repeat; background-position:center top; margin:20px auto; padding:0; height:27px; width:860px; } #header-text{ margin:0 auto; padding:0; width:670px; color:#000000; font-size:1.04em; font-style:italic; } #header-text p{ margin:0; padding:0; width:380px; text-align:right; float:left; } #header-text img{ float:right; border:0; } #header-text a{ color:#b58c21; text-decoration:none; font-style:italic; } #header-text a:visited{ color:#b58c21; text-decoration:none; } #header-text a:hover{ background-color:#c1c158; color:#fff; text-decoration:none; } #blue{ background-image:url(images/blue-background.jpg); background-repeat:repeat-x; background-position:top; height:317; width:100%; } #blue-wrap{ background-image:url(images/graph.jpg); background-repeat:no-repeat; background-position:top left; margin:0 auto; padding:0; height:317px; width:850px; } #blue-page{ background-color:#18526b; margin:20px 0 0 0; padding:20px 0 20px 0; width:100%; } #blue-page-wrap{ margin:0 auto; min-height:500px; padding:0; width:850px; } #blue-page p{ padding:0 0 3px 0; color:#fff; font-size:1.04em; font-weight:bold; } #blue-page span{ color:#668c9d; font-style:italic; } #blue-page table{ color:#7fb1d5; font-size:1.04em; } #blue-page ul{ margin:10px 0 20px 0; padding:0; font-size:1.04em; font-weight:bold; list-style:none; } #blue-page ol{ margin:10px 0 20px 0; padding:0 0 0 25px; font-size:1.04em; font-weight:bold; } #blue-page li{ margin:0; padding:0 0 3px 0; color:#7fb1d5; } #blue-page ul a{ color:#fff; font-style:italic; text-decoration:none; font-weight:bold; } #blue-page ul a:visited{ color:#fff; font-style:italic; text-decoration:none; } #blue-page ul a:hover{ background-color:#b58c21; color:#fff; font-style:italic; text-decoration:none; } #blue-page p a{ color:#fff; font-style:italic; text-decoration:none; font-weight:bold; } #blue-page p a:visited{ color:#fff; font-style:italic; text-decoration:none; } #blue-page p a:hover{ color:#b5cee7; font-style:italic; text-decoration:underline; } /*#blue-page img{ margin:15px 0 0 0; border:0; }*/ #blue-left{ margin:10px 0 0 0; padding:0 20px 10px 0; width: 400px; min-height:400px; border-right:0px dashed #031720; float:left; } #blue-right{ margin:10px 0 0 0; padding:0 20px 0 0; min-height:400px; width: 380px; float:right; } .big-link a{ background-color:#c2c25d; padding:10px; color:#866307; font-size:1.2em; font-style:italic; text-decoration:none; display:block; } .big-link a:visited{ color:#866307; font-size:1.2em; font-style:italic; text-decoration:none; } .big-link a:hover{ background-color:#fff; color:#18526b; font-size:1.2em; font-style:italic; text-decoration:none; } #projects{ margin:0; padding:40px 0 0 0; height:220px; width:350px; float:right; } #projects ul{ margin:0 0 0 5px; padding:15px 0 0 0; height:220px; color:#b58c21; font-size:1.2em; font-weight:bold; overflow:hidden; } #projects ul ul{ margin:0 0 0 35px; padding:0; height:auto; list-style-type:circle; color:#b58c21; font-size:0.7em; font-weight:bold; } #projects li{ margin:0; padding:2px 0 6px 2px; } #projects ul a{ color:#b58c21; font-style:italic; text-decoration:none; } #projects ul a:visited{ color:#b58c21; font-style:italic; text-decoration:none; } #projects ul a:hover{ background-color:#b58c21; color:#fff; font-style:italic; text-decoration:none; } .calendar{ margin:10px 0 0 0; padding:0; color:#7fb1d5; font-size:1.04em; } .calendar a{ padding:5px; color:#fff; font-style:italic; text-decoration:none; } .calendar a:visited{ color:#fff; font-style:italic; text-decoration:none; } .calendar a:hover{ background-color:#fff; color:#668c9d; font-style:italic; text-decoration:underline; } .calendar table{ margin:0px 0 0 0; } .calendar table table{ border:1px solid #999; padding:0px; } .calendar th{ padding:8px; text-align:right; } .calendar h2{ margin:0; padding:15px 0 10px 0; color:#031720; font-size:1.0em; font-weight:lighter; letter-spacing:0.07em; } .calendar ul{ margin:0; padding:0; list-style:none; } .calendar blockquote{ color:#031720; font-size:1.2em; font-style:italic; } #arrow-button{ background-color:#c2c25d; background-image:url(images/arrow-button.png); background-repeat:no-repeat; background-position:center bottom; height:24px; width:100%; margin:10px 0 -20px 0; padding:3px 0 3px 0; cursor:pointer; } #arrow-button .active{ background-position:center bottom; } #arrow-button:hover{ background-color:#b5cee7; width:100%; } #arrow-button-white{ background-color:#fff; background-image:url(images/arrow-button-white.png); background-repeat:no-repeat; background-position:center bottom; height:24px; width:100%; margin:0 0 0 0; padding:3px 0 3px 0; cursor:pointer; } #arrow-button-white .active{ background-position:center bottom; } #arrow-button-white:hover{ background-color:#b5cee7; width:100%; } form{ margin:10px 0 0 0; padding:0; } .input{ margin:0 0 10px 0; padding:10px 0 0 5px; height:25px; width:325px; border:0; color:#18526b; font-family:"Times New Roman", Times, serif; font-size:1em; outline:none; } .input:focus{ background-color:#c2c25d; margin:0 0 10px 0; height:25px; width:325px; color:#866307; border:0; } .inquiry{ margin:0 0 10px 0; padding:10px 0 0 5px; height:100px; width:325px; border:0; color:#18526b; font-family:"Times New Roman", Times, serif; font-size:1em; outline:none; } .inquiry:focus{ background-color:#c2c25d; margin:0 0 10px 0; height:100px; width:325px; color:#866307; border:0; } .submit{ background-color:transparent; margin:0; width:300px; color:#7fb1d5; font-size:1.2em; font-style:italic; border:0; font-family:"Times New Roman", Times, serif; text-align:left; cursor:pointer; } .submit:hover{ background-color:transparent; margin:0; width:300px; color:#fff; font-size:1.2em; font-style:italic; border:0; font-family:"Times New Roman", Times, serif; text-align:left; } #white{ margin:10px auto; padding:0; width:800px; font-size:1em; } #white h1{ padding:3px 10px; 0 0; font-size:25px; text-align:right; line-height:25px; font-weight:bold; } #white .left{ width:400px; float:left; } #white .right{ width:400px; float:right; } #white p{ margin:10px 0 10px 0; padding:0; } .info{ background-image:url(images/line-heading.jpg); background-repeat:repeat-x; background-position:top; margin:0; padding:20px 0 0 0; width:250px; } .info-header{ vertical-align:top; } .info span{ color:#000; font-style:italic; font-weight:bold; } #white a{ color:#000; text-decoration:none; font-size:1.04em; font-style:italic; font-weight:bold; } #white a:visited{ color:#000; text-decoration:none; } #white a:hover{ background-color:#000; color:#fff; text-decoration:none; } #footer{ background-color:#c2c25d; margin:0; padding:0; height:100%; width:100%; } #footer-top{ background-image:url(images/footer-top.jpg); background-repeat:no-repeat; background-position:bottom center; margin:10px auto 0 auto; padding:0; height:24px; width:830px; } #footer-wrap{ background-image:url(images/footer-bottom.jpg); background-repeat:no-repeat; background-position:top; margin:0 auto; padding:40px 0 0 0; height:150px; width:850px; color:#aa821b; font-size:0.9em; text-align:center; } #footer-wrap p{ margin:3px 0 3px 0; } #footer-wrap a{ color:#866307; text-decoration:none; } #footer-wrap a:visited{ color:#866307; text-decoration:none; } #footer-wrap a:hover{ color:#866307; text-decoration:underline; } #footer-wrap img{ margin:5px 0 0 0; padding:0 10px 0 10px; border:0; }