html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #777;
margin:1em 0;
padding:0;
}

input,select {
vertical-align:middle;
}

body {
color:#ffffff;
font-family:'News Cycle',Arial,sans-serif;
font-size:14px;
height:100%;
background:url(../images/content-background.jpg) no-repeat #e0d0b7 top center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

select,input,textarea,button {
font-family: Arial, sans-serif;
}

pre,code,kbd,samp {
font-family:monospace,sans-serif;
}

html {
overflow-y:hidden;
height:100%;
}

ul,ol {
margin-left:2em;
}

ol {
list-style-type:decimal;
}

nav ul,nav li {
list-style:none;
list-style-image:none;
margin:0;
}

small {
font-size:85%;
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
}

sup {
top:-.5em;
}

sub {
bottom:-.25em;
}

pre {
white-space:pre-wrap;
word-wrap:break-word;
padding:15px;
}

textarea {
overflow:auto;
}

.ie6 legend,.ie7 legend {
margin-left:-7px;
}

input[type=checkbox] {
vertical-align:bottom;
}

.ie7 input[type=checkbox] {
vertical-align:baseline;
}

label,input[type=button],input[type=submit],input[type=image],button {
cursor:pointer;
}

input:invalid,textarea:invalid {
border-radius:1px;
-moz-box-shadow:0 0 5px red;
-webkit-box-shadow:0 0 5px red;
box-shadow:0 0 5px red;
}

.no-boxshadow input:invalid,.no-boxshadow textarea:invalid {
background-color:#f0dddd;
}

a:link {
-webkit-tap-highlight-color:#6FA922;
}

button {
width:auto;
overflow:visible;
}

.ie7 img {
-ms-interpolation-mode:bicubic;
}

body,select,input,textarea {
color:#444;
}

a:hover,a:active,a:focus {
color:#050201;
}

a {
color:#040100;
cursor:pointer;
}

#footer a {
color:#ffffff;
cursor:pointer;
}

#content {
position:fixed;
bottom:120px;
z-index:-1;
padding-left:10px;
width:100%;
height:100%;
margin:0 auto;
overflow:hidden;
display: block;
background:url(../images/camping.jpg) no-repeat #000 top center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#pagebody {
position:fixed;
left:0px;
top:0px;
/* z-index:-10; */
/* width:100%; */
/* height:100%; */
/* overflow: scroll; */
/* overflow-x: hidden; */
/* overflow-y: scroll; */
}

#pagebody-inner {
padding-left:170px;
padding-right:20px;
padding-bottom:70px;
padding-top:20px;
}

#grass {
background:url(../images/grass-small.png) repeat-x scroll 0 0 transparent;
background-size: contain;
position:fixed;
left: 0px;
bottom: 150px;
height: 60px;
width:100%;
z-index: 10;
margin:auto;
}

#dirt {
background:url(../images/dirt.jpg) scroll 0 0 transparent;
position:fixed;
width:100%;
left: 0px;
bottom: 0px;
height: 150px;
z-index:20;
margin:auto;
}


#left_tree {
z-index:9;
height:100%;
width:15%;
left:0;
overflow:hidden;
position:fixed;
bottom: 160px;
background:url(../images/left-border.png) no-repeat left bottom;
background-size: cover;
}

#logo {
position:fixed;
top:0;
left:0;
width:270px;
height:156px;
z-index:200;
background:url(../images/logoonwood.png) no-repeat 0 0;
}

#welcome-title {
position:fixed;
top:10px;
right:30px;
width:60%;
height:30%;
z-index:100;
background:url(../images/welcome.png) no-repeat 0 0;
background-size: contain;
}

.loading {
cursor:progress;
}

h1 {
font-family:'Indie Flower',arial,serif;
font-size:46px;
font-weight:700;
color:#E3D0C1;
position:fixed;
top:10px;
left:30px;
width:100%;
padding:0 0 0 0px;
}

h2 {
font-family:'Indie Flower',arial,serif;
font-weight:700;
color:#040100;
font-size:40px;
}

h3 {
font-family:'Indie Flower',arial,serif;
font-size:22px;
font-weight:700;
color:#040100;
}

h4 {
position:relative;
font-family:'Indie Flower',arial,serif;
display:block;
color:#FF8A00;
font-size:18px;
margin-right:45px;
margin-top:9px;
}

h5 {
font-family:'Indie Flower',arial,serif;
font-size:21px;
font-weight:700;
color:#fff;
margin:9px 45px 9px 0;
}

p {
font-size:16px;
margin:10px 0;
}

.input p {
font-size:14px;
}

h4 a {
font-size:16px;
color:#8cc63f;
text-decoration:underline;
}

#about h2 a {
position:absolute;
font-weight:700;
text-indent:0;
background-position:right 9px;
top:0;
right:100px;
padding:3px 23px 3px 9px;
}

.ie7 #about {
margin-top:6px;
}

.ie7 #about h2 {
margin-top:60px;
}

#about p {
line-height:20px;
}

#about p a {
color:#8cc63f;
}

#footer {
clear:left;
position:fixed;
width:100%;
left: 0px;
bottom: 0px;
height: 20px;
z-index:21;
font-size:12px;
color:#ffffff;
}

#footer div {
width:49%;
float:left;
}

.table-row span.right-side {
color:#da8310;
font-size:12px;
}

.visuallyhidden {
border:0;
clip:rect(0000);
height:1px;
overflow:hidden;
position:absolute;
width:1px;
margin:-1px;
padding:0;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
clip:auto;
height:auto;
overflow:visible;
position:static;
width:auto;
margin:0;
}

.invisible {
visibility:hidden;
}

#dialog label { font-size:12px; display:block; }
#dialog input { font-size:18px; display:block; }
#dialog input.text { margin-bottom:0px; width:95%; padding: .4em; }
#dialog fieldset { padding:0; border:0; margin-top:10px; }
.ui-dialog .ui-state-error { padding: .3em; }
/* .ui-dialog { z-index: 10000 !important ; } */
/* .ui-front { z-index: 10000 !important; } */

.validateTips { color:#FF0000; border: 1px solid transparent; padding: 0.3em; font-size:14px; font-weight:bold;width:45%;}

#customform label { font-size:12px; display:block; }
#customform input { font-size:18px; display:block; }
#customform input.text { margin-bottom:0px; width:95%; padding: .4em; }
#customform textarea { font-size:18px; margin-bottom:0px; width:95%; padding: .4em; }
#customform fieldset { padding:0; border:0; margin-top:10px; }

textarea {
    height: auto;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color:#00AAE7;
    box-shadow:0 0 10px #00BDFF; -webkit-box-shadow:0 0 10px #00BDFF; -moz-box-shadow:0 0 10px #00BDFF;
}

textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled, .uneditable-input:disabled {
    background:#cccccc;
    color:#777777;
    border: thin dotted #777777;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    margin: 4px 0 0;
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}


.clearfix:before,.clearfix:after {
content:"\0020";
display:block;
height:0;
overflow:hidden;
}

.clearfix {
zoom:1;
}

td,#footer div span {
vertical-align:top;
padding:4px;
}

input[type=radio],.ie6 input {
vertical-align:text-bottom;
}

button,input,select,textarea,#filter-controls a span {
margin:0;
}

::-moz-selection,::selection {
background:#6FA922;
color:#fff;
text-shadow:none;
}

.clearfix:after,.clear {
clear:both;
}

