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:24px; 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; } div#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%; } div#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%; } div#nav{ margin:0 auto; width:850px; font-size:0.95em; font-style:italic; } .nav-left li{ float:left; position:relative; right: -1em;} .nav-right li{ float:right; position:relative; left: 7em;} div#nav a{ margin:0; padding:5px 18px 0 18px; height:20px; color:#000; text-decoration:none; display:block; } div#nav a:visited{ color:#000; text-decoration:none; } div#nav a:hover{ background-color:#fff; color:#000; text-decoration:none; } div#nav ul{ margin:0; padding:0; list-style:none; } /* #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; } */ /* Begin CSS rollover menus */ div#nav li li { display: block; float: none; background: #b5cee7; border-bottom:1px solid #000; border-right:1px solid #000; text-align:left; padding:0px;} div#nav li li a { border:none; font-size:12px; margin:0px; padding:6px 6px 6px 5px; font-family:arial; line-height: 11px; color: #000;} div#nav li { /* all list items */ cursor: default; float: left; padding:0px;} div#nav li ul { /* second-level lists */ position: absolute; left: -999em; margin:0px; padding:0px;} /* third-and-above-level lists */ div#nav li ul ul { position: absolute; margin:-1.3em 0em 0em 1em; border-top:solid 1px #000; border-left:solid 1px #000; width: 150px;} div#nav li ul ul ul{ position: absolute; margin:-1.3em 0em 0em 1em; border-top:solid 1px #000; border-left:solid 1px #000;} div#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em;} div#nav li:hover ul, div#nav li li:hover ul, div#nav li.sfhover ul, div#nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto;} #itemone { width:210px; padding: 3px; text-align: center; } #itemtwo { width:210px; padding: 3px; text-align: center; right: -1.5em; } #itemthree { width:210px; padding: 3px; text-align: center; right: -1em; } #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:left; 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; } #rotate {padding: 2em 0 1em 2px;} #blue{ background-image:url(images/blue-background2.jpg); background-repeat:repeat-x; background-position:top; height:345; width:100%; } #blue-wrap{ background-repeat:no-repeat; background-position:top left; margin:0 auto; padding:0; height:317px; width:860px; } #blue-page{ background-color:#18526b; margin:20px 0 0 0; padding:20px 0 0px 0; width:100%; } #blue-page-wrap{ margin:0 auto; min-height:500px; padding:0; width:860px; } #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{ padding: 2em 0 0 2px; width:440px;} #projects ul{ margin:0 0 0 5px; padding:15px 0 0 0; height:240px; color:#b58c21; font-size:1.1em; font-weight:bold; } #projects ul ul{ margin:0; 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:#f3d585; font-style:italic; text-decoration:none; display: block;} #projects ul a:visited{ color:#f3d585; 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; }