@import url(dd-formmailer.css);
/*handmedown css feel free to use and modify*/

/*general*/
  body { /*background-color: #a1d9a9;*/
background-color: #CBE7CB;
background-image: url(../../themes/images/background.jpg);
background-position: top center;
   text-align: center;
font-family: Arial,Helvetica,sans-serif;
margin-top: 9px;
margin-bottom: 9px;
    }

  #container { margin: auto;
    width: 747px;
/*background-image: url(../../themes/images/backgroundgrey.jpg);*/
background-position: top center;
/*border: 1px solid white;*/
    }

  #header { text-align: center;

padding: 47px;
    }

#footer {

padding: 0px 47px 0px 47px;
font-size: 0.8em;
text-align: right;
}

/*navigation*/
  #navigation { text-align: center;
    font-size: 0.8em;
    font-family: Courier New,Courier,monospace;
font-weight: bolder;
margin: 0px;
    }

#navigation a:hover {
padding: 4px;
margin:2px;
}

#navigation a.active {
background-color: inherit;
color: #333;
border: 1px solid black;
padding: 4px;
margin: 2px;
}

  #navigation h3 { display: none;
    }

  ul#mainnav { list-style-type: none;
    text-align: center;
margin: 7px 0px 0px 0px;
line-height: 2em;
padding-left: 0px;

    }

  ul#mainnav li { margin: 0px;
    padding: 0px;
    display: inline;
    }

  ul#mainnav li a { 
margin: 1px;
    padding: 5px;
    background-color: rgb(51, 51, 51);
    color: #a1d9a9;
    text-decoration: none;
    }

  ul#catnav { list-style-type: none;
      text-align: center;
line-height: 2em;
margin: 7px 0px 7px 0px;
padding-left: 0px;
    }

  ul#catnav li { 
margin-left: 0px;
    padding: 0px;
    display: inline;
    }

  ul#catnav li a { 
margin: 1px;
    padding: 5px;
    background-color: rgb(51, 51, 51);
    color: #a1d9a9;
    text-decoration: none;
    }

  .clear { clear: both;
line-height: 0px;
    }


  #content { margin: 47px 74px 47px 74px;
text-align: left;
    font-size: 0.9em;
line-height: 1.5em;
padding: 10px;
    }

  #content h1 { text-align: center;
    margin-bottom: 1.7em;
    font-size: 2em;
    line-height: 1.7em;
    }


  #content h2 { font-size: 1.4em;
position: relative;
line-height: 1.2em;
left: -1em;
    }

  #content p{ 
    text-align: justify;
 margin-bottom: 2em;
    }

img {
border: 0px;
}

a {
color: #636;
}

a:hover {
color: #666;
}

.centre {
text-align: center;
}