body {
 font-family: Verdana, sans-serif;
 font-size: 12px;
 line-height: 16px;
 }

body.NG {
 padding: 0 20px 20px 20px;
/* background: white url(http://www.naturegrounds.org/images/corner-5.jpg) top left no-repeat;*/
background: white url(http://www.naturegrounds.org/images/hidaBack.jpg) top left no-repeat;
 }

.newBack {
position:absolute;
top:0px;
left:0px;
width:1045px;
height:945px;
background: white url(http://www.naturegrounds.org/images/corner-5.jpg) top left no-repeat;
z-index:1;

}

/* PARAGRAPHS */

p {
 margin: 0 0 8px 0;
 padding: 0;
 }

p.green {
 color: #47A842;
 }

table.title {
 background: transparent;
 width: 460px;
 height: 200px;
 padding: 0;
 margin: -10px -20px 12px -20px;
 }

div.title {
 background: transparent;
 width: 460px;
 padding: 0;
 margin: 0 -20px 12px -20px;
 }

span.title {
 color: #47A842;
 background: white;
 font-family: "Arial Rounded MT Bold", "Trebuchet MS", serif;
 font-size: 18px;
 line-height: 24px;
 padding: 2px 10px;
 margin: 0 10px;
 }

p.title {
 color: #47A842;
 font-family: "Arial Rounded MT Bold", "Trebuchet MS", serif;
 font-size: 18px;
 line-height: 24px;
 }

table.back-a {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-a.jpg) center center no-repeat;
 }

table.back-b {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-b.jpg) center center no-repeat;
 }

table.back-c {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-c.jpg) center center no-repeat;
 }

table.back-d {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-d.jpg) center center no-repeat;
 }

table.back-e {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-e.jpg) center center no-repeat;
 }

table.back-f {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-f.jpg) center center no-repeat;
 }

table.back-g {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-g.jpg) center center no-repeat;
 height: 355px;
 }

table.back-h {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-h.jpg) center center no-repeat;
 height: 360px;
 }

table.back-i {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-i.jpg) center center no-repeat;
 }

table.back-j {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-j.jpg) center center no-repeat;
 }

table.back-k {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-k.jpg) center center no-repeat;
 }

table.back-l {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-l.jpg) center center no-repeat;
 }

table.back-m {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-m.jpg) center center no-repeat;
 }

table.back-n {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-n.jpg) center center no-repeat;
 }

table.back-o {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-o.jpg) center center no-repeat;
 }

table.back-p {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-p.jpg) center center no-repeat;
 }

table.back-q {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-q.jpg) center center no-repeat;
 }

table.back-r {
 background: #BADEB8 url(http://www.naturegrounds.org/images/back-r.jpg) center center no-repeat;
 }


/* STRUCTURAL ELEMENTS */

.content {
 background: transparent;
 width: 428px;
 padding: 10px 12px 10px 20px;
 margin: 0 0 -1px 0;
 border-top: 1px solid #47A842;
 border-bottom: 1px solid #47A842;
 }

.column-center {
 position: absolute;
 left: 270px;
 top: 170px;
 width: 460px;
 padding: 0 0 20px 0;
  z-index: 5;
 }

.top-left {
 text-align: left;
 background: transparent;
 width: 260px;
 padding: 10px 20px;
 height: 60px;
/* position: fixed; */
 left: 20px;
 top: 0;
 z-index: 5;
 display:none;
 }

.top-left-fix {
 background: transparent;
 width: 260px;
 padding: 0;
 position: absolute;
 left: 20px;
 top: 170px;
 z-index: 5;
  display:none;
 }

.column-left {
 background: transparent;
 width: 240px;
 padding: 0;
/* position: fixed; */
 left: 20px;
 top: 170px;
 z-index: 5;
 overflow:hidden;
 }

.column-left-fix {
	background: transparent;
	width: 228px;
	padding: 0;
	position: absolute;
	left: 20px;
	top: 170px;
	z-index: 5;
	 overflow:hidden;
 }

.column-right {
 text-align: left;
 background: transparent;
 width: 200px;
 padding: 0;
/* position: fixed; */
position: absolute;
 left: 740px;
 top: 170px;
 margin: 0;
 z-index: 5;
 }

.column-right-fix {
 text-align: left;
 background: transparent;
 width: 200px;
 padding: 0;
 position: absolute;
 left: 740px;
 top: 170px;
 margin: 0;
 z-index: 5;
 }

.top-right {
 background: transparent;
 width: 200px;
 height: 150px;
/* position: fixed; */
 left: 740px;
 top: 0;
 z-index: 10;
 }

.top-right-fix {
 background: transparent;
 width: 200px;
 height: 150px;
 position: absolute;
 left: 740px;
 top: 0;
 z-index: 10;
 }

.top-column {
 text-align: left;
 background: transparent;
 width: 460px;
 height: 150px;
 position: absolute;
 left: 270px;
 top: 0;
 z-index: 10;
 }


/* MAIN */



p.section,
p.section-empty {
 text-align: left;
 font-family: "Trebuchet MS", Techno, Charcoal, sans-serif;
 font-weight: bold;
 font-size: 14px;
 color: #47A842;
 padding: 0 20px 3px 0;
 margin: -14px 0 -14px 220px;
 background: transparent url(http://www.naturegrounds.org/images/arrow-5.gif) center right no-repeat;
 }

p.section-empty {
 background: transparent;
 }

p.resource {
 border-top: 2px white solid;
 border-bottom: 2px white solid;
 margin: 0 0 -2px 0;
 padding: 5px 0 5px 0;
 }

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

ul {
 list-style-type: square;
 }

li {
 margin-bottom: 8px;
 }

hr {
 margin: 8px 0 16px 0;
 border: none;
 color: #FDB813;
 background: #FDB813;
 height: 2px;
 }


/* LINKS */

div.nav-sub { 
 font-family: "Trebuchet MS", Techno, Charcoal, sans-serif;
 font-weight: bold;
 text-decoration: none;
 font-size: 12px;
 line-height: 14px;
 color: black;
 background: #FDB813;
 margin: 0 0 -1px 0;
 border-top: 1px solid #FDB813;
 border-bottom: 1px solid #FDB813;
 padding: 5px 10px 5px 10px;
 width: 180px;
 }

a {
 font-family: "Trebuchet MS", Techno, Charcoal, sans-serif;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
 color: #005AAA;
 line-height: 16px;
 background: transparent;
 }

.nav,
.nav-small,
.nav-inset,
.nav-tight,
.rep {
 text-align: left;
 font-size: 14px;
 display: block;
 margin: 0 0 -1px 0;
 border-top: 1px solid #FDB813;
 border-bottom: 1px solid #FDB813;
 padding: 5px 10px 5px 20px;
 width: 210px;
 }
 
 
 .quotes{
 text-align: left;
 font-size: 12px;
 font-family:Arial, Helvetica, sans-serif;
 font-style:oblique;
 font-weight:bold;
 display: block;
 margin: 0 0 -1px 0;
 border-top: 1px solid #FDB813;
 border-bottom: 1px solid #FDB813;
 padding: 5px 10px 5px 5px;
 width: 185px;
 background-color:#eee9c5;
 color:#4b8f4b;
 }

.nav-small,
.nav-inset,
.rep {
 font-size: 12px;
 line-height: 14px;
 padding: 5px 10px 5px 10px;
 width: 180px;
 }

div.nav-small {
 font-family: "Trebuchet MS", Techno, Charcoal, sans-serif;
 color: #47A842;
 }

.nav-inset {
 color: #47A842;
 padding: 5px 20px 5px 20px;
 margin: 0 0 -1px 20px;
 width: 180px;
 }

.rep {
 width: 210px;
 border-top: 1px solid #47A842;
 border-bottom: 1px solid #47A842;
 }

.nav-tight {
 font-family: Futura, Arial, sans-serif;
 font-weight: normal;
 font-size: 10px;
 line-height: 13px;
 padding: 5px 20px;
 width: 76px;
 }

a.at {
 color: #47A842;
 /*background: white;*/
 }

.q3 {
 font-family: Georgia, serif;
 font-size: 12px;
 font-weight: normal;
 width: 75%;
 }

.q2 {
 font-family: Futura, Arial, sans-serif;
 font-weight: normal;
 font-size: 10px;
 line-height: 13px;
 width: 50%;
 }

div.q2,
div.q3 {
 color: #A2BF2F;
 }

a:hover,
a:hover.nav {
 color: black;
 background: #FDB813;
 }

a.star {
 color: black;
 background: transparent url(http://www.naturegrounds.org/images/asterisk-2.png) center left no-repeat;
 }

a:hover.star {
 background: #FDB813 url(http://www.naturegrounds.org/images/asterisk-2.png) center left no-repeat;
 }

div.nav {
 font-family: Georgia, serif;
 color: #A1BF2F;
 }

a.quiet,
a:hover.quiet {
 background: none;
 border: 0;
 }


/* HELLO GOODBYE */


.hide { display: none; }
.show { display: block; }
.peek { display: inline; }