body { margin: 0 0 10px 0; padding: 0; font: 15px arial, helvetica, sans-serif; text-align: center; color: #000; background-color: #bad3a2; }

a:link, a:visited { color: #a8bc36; }
a.current:link, a.current:visited, a:link:hover, a:visited:hover,a.current:link:hover, a.current:visited:hover, a:link:active, a:visited:active { color: #6b7f4e; }

li a {height: 20px; line-height: 20px; width: 150px; background-image: url(images/corners.gif); background-repeat: no-repeat; display: block; text-decoration: none; text-align: center; }
li a:link, li a:visited  { background-color: #a8bc36; color: #FFF; }
li a:link:hover, li a:visited:hover, li a:link:active, li a:visited:active { background-color: #bbcc7e; color: #6b7f4e; }
li a.current:link, li a.current:visited, li a.current:link:hover, a.current:visited:hover { background-color: #6b7f4e; color: #FFF; }

#site-nav { background-color: #FFF; background-image: url(images/header.gif); background-repeat: no-repeat; margin: 10px auto 0 auto; height: 30px; width: 956px; }
#site-nav ul { float:right; list-style: none; padding: 2px; margin: 0; }
#site-nav li { float: left; margin: 3px 2px; }

#container { background-color: #fff; clear: both; margin: 0 auto 10px auto; padding: 0; width: 956px; text-align: left; }

#header { height: 100px; background-image: url(images/bannergreen.jpg); background-repeat: no-repeat; border: 0; }
#header h1 { font-size: 0; color: #A07300; margin: 0; padding: 0; float: right; }

#nav { float: left; width: 160px; margin: 5px; padding: 0; }
#nav ul { list-style: none; font-size: 110%; padding: 2px 0; margin: 0; }
#nav li { margin: 4px 0; }
#nav li a { height: 25px; line-height: 25px; width: 150px; display: block; background-image: url(images/navcorners.gif); background-repeat: no-repeat; text-decoration: none; text-align: center; }

#content { margin: 10px 20px 20px 170px; padding: 0; min-height: 400px; text-align: justify; }
#content h2 { margin: 0; padding: 0; font-size: 18px; color: #6b7f4e; }
#content h3 { margin: 0; padding: 0; font-size: 18px; color: #6b7f4e; }
#content p { margin: 5px 0; padding: 0; font-size: 15px; }

#blog_ad { width: 200px; border: 1px solid #c5c877; text-align: center; }
#event_ad { width: 200px; border: 1px solid #c5c877; text-align: center; }
#shop_ad { width: 200px; border: 1px solid #c5c877; text-align: center; }

.neema { font-weight: bold; }
#neema h2 { color: #a8bc36;}
#fairtrade { padding: 10px 0 0 0; }
.fairtrade { border-left: 3px solid #a8bc36; border-right: 3px solid #a8bc36; padding: 1px 10px; }
#fair { display: block; margin: auto; }
 
#event { text-align: center; padding: 4px; margin: 0; }
#next { font-size: 18px; text-align: left; }
#next h2 { font-size: 20px; text-align: center; }
#option { display: block; margin: auto; }
#offer { margin: 10px 0px; padding: 0; }
#offer h3 { text-align: center; }
#comm { float: left; width: 230px; padding: 0 10px; margin: 0; border-left: solid #a8bc36; border-width: 0 3px; }
#party { width: 220px; margin: 0 auto; padding: 0 10px; border: none; }
#speak { float: right; width: 230px; padding: 0 10px; margin: 0; border-right: solid #a8bc36; border-width: 0 3px; }

#bas { height: 25px; background: #fff url(images/bas.gif) bottom left no-repeat; border: none; padding: 0; }
#droitehaut, #droitebas { float: right; }
dl, dt, dd { margin: 0; }
dt { height: 25px; background: #fff url(images/haut.gif) top left no-repeat; line-height: 0; text-align: center; }


#form { width: 390px; }

#footer { clear: both; background-color: #a8bc36; color: #fff; text-align: right; }
#footer p { margin: 0 20px; padding: 6px; }

.facebook { clear:both; }
.facebook img { border: none; }

.floatleft { float: left; padding: 2px; border: 0; margin: 0 10px 0 0; }
.floatright { float: right; padding: 2px; border: 0; margin: 0 0 0 10px; }
.center {  text-align:center; margin-top:0px; margin-bottom:0px; padding:0px; }