/* Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { margin: 0; background: #fff; color: #222; font-size: 75%; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; background: url('images/bg.gif') repeat-x top; }

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { color: #111; font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text elements
-------------------------------------------------------------- */

p             { margin: 0 0 1.5em; }
p.ul          { margin: 0; }

a:focus,
a:active      { outline: none; }
a:focus,
a:hover       { color: #077647; text-decoration: none; }
a             { color: #077647; text-decoration: underline; }
a img         { border: none; }

blockquote, q { quotes: "" ""; }
blockquote    { margin: 1.5em; color: #666; font-style: italic; }
small         { font-size: 0.9em; }
strong        { font-weight: bold; }
em,dfn        { font-style: italic; }
dfn           { font-weight: bold; }
sup, sub      { line-height: 0; }

abbr, 
acronym       { border-bottom: 1px dotted #666; }
address       { margin: 0 0 1.5em; font-style: italic; }
del           { color:#666; }

pre 				  { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

img.left      { float: left; margin: 0 10px 10px 0; }
img.right     { float: right; margin: 0 0 10px 10px; }

hr            { clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.5em; background: #d8d8d8; color: #d8d8d8; border: none; }

.green        { color: #077647; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin: 0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table            { margin-bottom: 1.4em; border-collapse: collapse; border-spacing: 0; }

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

caption, th, td  { padding: 4px 10px 4px 9px; }
th               { font-weight: bold;}
tfoot            { font-style: italic; }
caption          { -moz-margin-start: -1px; background-color: #eee; }

table thead th   { background-color: #eee; border: 1px solid #eee; }
table thead td   { background-color: #eee; border: 1px solid #eee; font-weight: normal; }
table tbody th   { border: 1px solid #eee; }
table tbody td   { border: 1px solid #eee; font-weight: normal; }

table.nobo th,
table.nobo td    { padding: 0; border: 0; }

table.mid th,
table.mid td     { vertical-align: middle; }

/* Forms
-------------------------------------------------------------- */

input.text       { padding: 2px 2px; border: 1px solid #99cc00;}

input.text,
textarea,
select           { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }

button           { overflow: visible; width: auto; height: auto; padding: 1px 4px; }

div.field        { margin-bottom: 1em; }
span.error-note  { display: block; color: #ff0000; }

/* Misc classes
-------------------------------------------------------------- */

.hide            { display: none; }
.center          { text-align: center; }
.small           { font-size: 0.9em;}
.left            { float: left; }
.right           { float: right; }
.clr             { clear: both; }

.cf:after,
.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.cf, .container  { display: block; }

.container       { width: 945px; margin: 0 auto; }