body, html { margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; }

html { background-color: #eee; }
body { background-color: #fff; padding: 0 5px; }

h1 { margin: 0; padding: 0; float: left; margin-right: 3px;  }

ul, li { list-style: none; padding: 0; margin: 0; background: none; }

a { color: #333; text-decoration: none; }
img { border: none; }
.clear { height: 0; padding: 0; margin: 0; line-height: 0; font-size: 0; display: block; clear: both; }

.header { background-color: #95c41d; color: #fff; margin: 0 -5px; margin-bottom: 1em; }
#nav a { font-weight: bold; color: #fff; margin-right: 5px; padding: 5px; text-decoration: none; float: left; }
#nav { float: left; padding: 10px; margin-top: -10px; background-color: #95c41d;  }
a#logo { float: left; margin: 0; padding: 0; }
.back { float: right; color: #fff; padding: 5px; font-size: 0.9em; text-align: right; }
.footer .back { background-color: #eee; float: none; text-align: right; color: #666; padding: 5px 10px; font-size: 0.9em; display: block; border-top: 1px solid #ccc; margin: 0 -5px; }
.photo { width: 100%; height: auto; }

.box h3 { color: #333; margin: 0 -5px; padding: 0 5px; margin-bottom: 5px; border-width: 0 0 3px 0; border-style: solid; border-color: #eee; font-weight: bold; font-size: 1.2em; margin-top: 5px; }
.box h3 span { color: #fff; padding: 0 6px; padding-top: 1px; position: relative; bottom: -1px; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; }
h2 { font-size: 1.2em; font-weight: bold; }
.article h2 { font-size: 1.4em; }
.article { padding-bottom: 2em; }
.article img { width: 100%; height: auto; }

.green a, .fuchsia h2 { color: #95c41d; }
.green h3 { border-color: #95c41d; }
.green h3 span { background-color: #95c41d; }

.blue a, .blue h2 { color: #0faad4; }
.blue h3 { border-color: #0faad4; }
.blue h3 span { background-color: #0faad4; }

.fuchsia a, .fuchsia h2 { color: #f10b89; }
.fuchsia h3 { border-color: #f10b89; }
.fuchsia h3 span { background-color: #f10b89; }

.box img { float: left; margin-right: 5px; }
.box p { display: block; clear: both; }
.box p a { color: #000; }
.box li { padding-left: 45px; position: relative; margin-bottom: 5px; }
.box li em { text-transform: normal; font-size: 0.8em; color: #666; position: absolute; left: 0; }
