body {background:#578b64 url("waterbkg.jpg") top center repeat-x; font-size:100%; line-height:1.125em; margin:0; padding:0; text-align:center;}
#wrapper {margin:0 auto; text-align:left; width:838px;}
a:focus {outline:none; }
#topnavigation {height:100px; margin:0 0 0 438px; width:400px;}
#topnavigation ul {height:1.05em; list-style-type:none; margin:0; padding:0; width:400px;}
#topnavigation ul li {float:right; font:normal 1.05em/1.05em Arial, Helvetica, sans-serif; margin:.5em 0 0 1.5em; padding:0; }
#topnavigation ul li a {color:#d9ebb9; text-decoration:none;}
#topnavigation ul li a:hover {color:#f1d9b3;}
#topnavigation div {float:right; margin:5px 0 0; padding:0;}
#topnavigation div input {margin:0; padding:0;}
#topnavigation div #searchbutton {border: 1px solid; border-color: #696 #363 #363 #696; color:#000; font: normal .75em/.8em 'trebuchet ms',helvetica,sans-serif;  height: 20px;}

#masthead {background:url("echohill.jpg") top right no-repeat; height:207px; width:838px;}

#logo {height:88px; margin:0; position:relative; }
#logo h1 {margin:0; padding:0; position:relative; text-indent:-5000px; width:838px; }
#logo h1 a {display:block; float:right; height:52px; margin:0 ; padding:0; overflow:hidden; width:600px;}

#pictures {border-right:0px solid #8a8565; border-left:1px solid #8a8565; float:right; height:105px; margin:-25px 0 0; width:648px;}
#pictures div {border-right:3px solid #8a8565; float:left; height:105px; width:105px;}
#pictures div#set01 {background:url("http://ehos.org/css/01/") no-repeat;}
#pictures div#set02 {background:url("http://ehos.org/css/02/") no-repeat;}
#pictures div#set03 {background:url("http://ehos.org/css/03/") no-repeat;}
#pictures div#set04 {background:url("http://ehos.org/css/04/") no-repeat;}
#pictures div#set05 {background:url("http://ehos.org/css/05/") no-repeat;}
#pictures div#set06 {background:url("http://ehos.org/css/06/") no-repeat;}

#navigation {float:right; height:33px; margin:8px 0 0 0; width:838px;}
#navigation ul {height:33px; list-style-type:none; margin:0; padding:0; width:838px;}
#navigation ul li {float:left; font:normal 18px/25px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; width:108px; }
#navigation ul li a {color:#8a8565; text-decoration:none;}
#navigation ul li a:hover {color:#757a9a;}
#navigation ul li#nav01 {font:bold 17px/25px Arial, Helvetica, sans-serif;  padding:0 0 0 30px; padding:0; width:190px;}
#navigation ul li#nav01 a {color:#fff;}


#leftnavigation {border-left:2px solid #8a8565; border-bottom:2px solid #8a8565; display:inline; float:left; margin:-3px 0 0 9px; position:relative; width:179px;}
#leftnavigation ul {background:#757a9a; list-style-type:none; margin:0; padding:0;}
#leftnavigation ul li {border-left:2px solid #757a9a; display:block; float:left; font:normal 17px/17px Arial, Helvetica, sans-serif; margin:0 0 1px;  }
#leftnavigation ul li a { background:#edf7ff; color:#403d2b; display:block; height:21px; padding:3px 0 0 10px; margin:0; text-decoration:none; width:167px; }
#leftnavigation li a:hover {background:#fff;}

#content { background:#fff url("footerlogo.jpg") bottom left no-repeat; border-left:1px solid #8f8a6c; border-right:1px solid #8f8a6c; color:#403d2b; float:left; font:normal .95em/1.5em "Century Gothic", "Gill Sans", Arial, sans-serif; margin:-3px 0 0; padding:25px 20px 105px 36px; width:590px; }
#content p a, div.controls a, #content li a {border-bottom: 1px dotted #363; color:#363; text-decoration: none;  }
#content p a:hover,div.controls a:hover,#content li a:hover {border-bottom: none; text-decoration:none; }

.picture {float:right; margin:15px 0 0 15px; width:250px;}
.picture img {border:0; margin:10px 0 5px;}
.picture p {margin:5px 0 0;}

h2 {border-bottom:3px solid #e6e5e0; color:#403d2b; display:inline; font:normal 36px/36px Georgia, "Times New Roman", Times, serif; margin:0; padding:0;}
h3 {color:#403d2b; font:normal 28px/28px Georgia, "Times New Roman", Times, serif; margin:25px 0 0; padding:0;}
p {margin:25px 0 0; padding:0;}

#footer {background:url("footerbkg.gif") top right no-repeat; clear:left; float:left; height:120px; padding:0 0 0 200px; margin:-90px 0 0; width:638px;}
#footer ul {list-style-type:none; margin:-5px 0 0 0; padding:0 10px 0 375px; width:253px;}
#footer ul li {display:inline; font:normal 14px/16px "Century Gothic", "Gill Sans", Arial, sans-serif; margin:0 5px; width:80px;}
#footer ul li a { color:#363; display:inline; padding:0; margin:0; text-align:center; }
#footer ul li a:hover {text-decoration:none;}

#logolink {height:75px; margin:0; padding:0; position:relative; text-indent:-5000px; width:130px;}
#logolink a {display:block; float:left; height:75px; margin:0 ; padding:0; overflow:hidden; width:130px;}

#address {clear:left; color:#fff; float:left; font:normal 13px/16px "Century Gothic", "Gill Sans", Arial, sans-serif; margin:5px 0 0; padding:0; }

p#webdesign { display:none; font:normal .1em Georgia, "Times New Roman", Times, serif; text-indent:-5000px; visibility:hidden;}

/* Forms */
div.row { clear: both; padding: 10px 0 0 0; }
div.row span.label { float: left; text-align: right; width: 150px; }
div.row span.field { float: left; padding:0 0 0 15px; text-align: left; width: 335px; } 

/* Scroller */

div.scroller { overflow: hidden; width: 590px; }
div.scroller div.section {float:left; margin:1em 0; overflow:hidden; width: 590px; }
div.scroller div.content { width: 10000px; }
div.controls {font:bold 12px/24px "Century Gothic", "Gill Sans", Arial, sans-serif; text-align:center; }
div#my-glider {margin:15px 0 0;}