/*
Reset CSS to cross-browser niceness.
*/








html {
    color:#000;
    background:#FFF;
  }


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
  }


table {
    border-collapse:collapse;
    border-spacing:0;
  }


fieldset,img {
    border:0;
  }


address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
  }


li {
    list-style:none;
  }


caption,th {
    text-align:left;
  }


h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
  }


q:before,q:after {
    content:'';
  }


abbr,acronym {
    border:0;
    font-variant:normal;
  }

/* to preserve line-height and selector appearance */







sup {
    vertical-align:text-top;
  }


sub {
    vertical-align:text-bottom;
  }


input,textarea,select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
  }

/*to enable resizing for IE*/







input,textarea,select {
    *font-size:100%;
  }

/*because legend doesn't inherit in IE */







legend {
    color:#000;
  }

/*
Basic Site Styling
*/






body {
    background-color:#F3E7A9;
  }


#header {
    background-color:#000000;
    background-image:url(./images/header.png);
    background-repeat:no-repeat;
    border:0 solid #000000;
    color:#FFFFFF;
    height:160px;
    margin:0;
    padding:0;
    width:100%;
  }


#navigation {
    display:block;
    border:0px solid #000;
    margin:0px 0px 0px 0px ;
    padding:0;
    position:relative;
    top:-75px;
    height:125px;
  }


#content {
    clear:bottom;
    display:inline;
    width:100%;
  }


#footer {
    background-color:#222517;
    background-image:url(./images/footer.jpg);
    background-position:right center;
    background-repeat:no-repeat;
    clear:both;
    color:#F3E7A9;
    margin:0;
    padding:0;
    text-align:center;
    vertical-align:middle;
    width:100%;
    cursor:pointer;
  }

/*image treatment*/







img.icon {
    height:100%;
    margin:0 0;
    width:100%;
  }


img.license {
    width:100px;
    height:100px;
  }


img.chevron {
    width:32px;
    height:32px;
  }


img.nav {
    height:100px;
    margin:0 0;
    width:100px;
    position:relative;
    left:0px;
    top:0px;
  }

/*Design Element*/
/*header*/







#header > h1 {
    background-color : transparent;
    display : block;
    font-family : serif;
    font-size : 2em;
    margin-bottom : 0;
    margin-left : 1em;
    margin-right : 0;
    margin-top : 0;
    padding-top : 1em;
  }


.webchat {
    float : right;
    position : static;
  }

#header a,a:hover,a:visited,a:active {
color: white;
background-color: transparent;
}
/*Navigation*/







.nav_item {
    display:block;
    text-align:center;
    border: 0px solid #FFF;
    max-width:100px;
    min-width:100px;
    width:100px;
    margin-left:50px;
    float:left;
  }


a.nav,a:link.nav,a:visited.nav {
    text-decoration:none;
    background-color:#F3E7A9;
    color:#681a1a;
  }


a:hover.nav {
    text-decoration:none;
    background-color:#380C01;
    color: #A87600;
  }

/*Content*/







.column {
    border:0 solid #000000;
    display:inline;
    float:left;
    margin:0 0;
    text-align:center;
    width:25%;
  }


.column > h2 {
    text-align:center;
  }


li.soil:first-letter {
    color:#681a1a;
    background-color:#d9d88f;
    font-weight:bolder;
    font-size:xx-large;
    font-family:monospace ;
  }


#content a,a:link,a:active {
    color:#A87600;
    background-color:#F3E7A9;
  }


#content a:visited {
    color:#5F4300;
    background-color:#F3E7A9;
  }


#content a:hover {
    background-color:#380C01;
    color: #A87600;
  }


#content p, ul {
    padding-bottom : 0.5em;
    padding-left : 1em;
    padding-right : 1em;
    padding-top : 0.5em;
  }


#content H2, H3, H4 {
    font-family : serif;
    font-size : 110%;
    font-weight : bold;
    padding-bottom : 1em;
    padding-left : 0.5em;
    padding-right : 0.5em;
    padding-top : 0.5em;
  }

/*footer*/








#footer div {
    vertical-align:middle;
    color:#F3E7A9;
  }


#footer H3 {
    font-size: large;
    color:#A87600;
    display: inline;
  }


#footer H3:hover {
    text-decoration:none;
    color:#222517;
    background-color:#A87600;
  }


.footerElement > H4, .footerElement > p {
    display:inline;
  }

/*footer links*/







#footer a,a:link,a:active,a:visited {
    text-decoration:none;
    color:#A87600;
    background-color:#222517;
  }


#footer a:hover {
    text-decoration:none;
    color:#222517;
    background-color:#A87600;
  }