/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left;
    vertical-align: top;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* TYPOGRAPHIC DEFAULTS */
body {
	background: #fefefe;
	color: #444;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.55em; font-weight: normal; color: #277502; }
h1 { font-size: 160%; font-weight: bold; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4, h5 { font-size: 120%; }
h6 { font-size: 100%; }
p, q, ul, ol, dl, table { margin-bottom: 1em; }
ol, ul { margin-left: 30px; }
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-bottom: 5px; }
th, td { padding: 0 0.25em; }
th { font-weight: bold; }
a { text-decoration: underline; color: #1566cb; }
a:hover { text-decoration: none; }
blockquote, cite { font-family: Georgia, Palatino, Times, "Times New Roman", serif; font-style: italic; }
blockquote { margin: 1em 0 1em 1em; }
code, samp, kbd, tt { font-family: Courier, "Courier New", monospace; }
code { background: #e9e9e9; display: block; margin: 1em 0; padding: 0.5em 1em; }
small { font-size: 80%; }
big { font-size: 110%; }
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted #ccc; cursor: help; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
sup, sub { font-size: 90%; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
.left { float: left; margin-right: 20px; }
.right { float: right; margin-left: 20px; }
.clear { clear: both; }
div.clear { position : relative; overflow : hidden; height : 1px; }
.txt-centre { text-align: center; }

/* GRID */
.container { width: 940px;   margin: 20px auto 0 auto; overflow: hidden; }
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right: 20px;}
.last, div.last {margin-right:0;}
.span-1  { width: 20px;}
.span-2  { width: 60px;}
.span-3  { width: 100px;}
.span-4  { width: 140px;}
.span-5  { width: 180px;}
.span-6  { width: 220px;}
.span-7  { width: 260px;}
.span-8  { width: 300px;}
.span-9  { width: 340px;}
.span-10 { width: 380px;}
.span-11 { width: 420px;}
.span-12 { width: 460px;}
.span-13 { width: 500px;}
.span-14 { width: 540px;}
.span-15 { width: 580px;}
.span-16 { width: 620px;}
.span-17 { width: 660px;}
.span-18 { width: 700px;}
.span-19 { width: 740px;}
.span-20 { width: 780px;}
.span-21 { width: 820px;}
.span-22 { width: 860px;}
.span-23 { width: 900px;}

ul.span-8 { float: left; margin: 0 0 0 20px; width: 290px; }

/* FORM */

form { overflow: hidden; }
input, textarea { border: 1px solid #999; background: #fff; font-size: 16px; padding: 3px; width: 292px; }
textarea { height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
label { font-weight: bold; display: block; margin-top: 10px; }
div.error label { color: #cc2707; }
div.error input, div.error textarea { color: #cc2707; border: 1px solid #cc2707; background: #FFDFD9; }
div.error p { font-size: 12px; font-style: italic; color: #cc2707; margin-bottom: 2px; }
button {
    margin-top: 10px;
    background: #1C5800 url(coconut/button-trans.png) left bottom repeat-x;
    padding: 5px 20px;
    border: none;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px #333;
    font-family: Helvetica, Arial, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button:hover, button:focus {
    background-color: #2D8702;
}