body { 
 margin: 0px auto;
 padding: 0;
 font: 100%/1.2em verdana, 'Trebuchet MS', san-serif;
 background: #fff url(/images/bg-footer.jpg) center top no-repeat;
}

.pageWrapper {
 position:absolute;
 top:0px;
 width: 100%;
 height:100%
 margin:0;
 padding:0;
 background: transparent url(/images/bg-grd.jpg) repeat-x;
 display:block;
}

#tellafriend input {

}

label {}

#mainBodyEntry h1  {
height:220px;
}

#mainBodyEntry h1 span {
 display:none;
}

#about {
background: transparent url(/images/H1About.jpg) no-repeat;
height:220px;
}
#getinvolved {
background: transparent url(/images/H1GetInvolved.jpg) no-repeat;
height:220px;
}
#projectsevents {
background: transparent url(/images/H1ProjectsEvents.jpg) no-repeat;
height:220px;
}

#mainBodyEntry #pr {
background: transparent url(/images/H1Media.jpg) no-repeat;
height:220px;
border:0;
}

#gallery {
background: transparent url(/images/H1PhotoGallery.jpg) no-repeat;
height:220px;
border:0;
}


#facts {
background: transparent url(/images/H1Facts.jpg) no-repeat;
height:220px;
}

#contactus {
background: transparent url(/images/H1ContactUs.jpg) no-repeat;
height:220px;
}


h1, h2, h3 {
font-family:  'Trebuchet MS', san-serif;
letter-spacing: 0.09em;
}


h4 {
font-family:  'Trebuchet MS', san-serif;
margin-bottom: 4px;
}

ol {
	margin: 0  20px 10px 20px;
}

.center {
text-align: center;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

ul {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

img {
margin: 0;
padding: 0;
border: 0;
}

a:link { background-color: transparent; text-decoration: underline; color: #663300; }
a:hover { background-color: #663300; text-decoration: none; color: #fff; }
a:visited { background-color: transparent; text-decoration: underline; color: #663300; }

.padding {
 padding:0px 15px 0 15px;
}

.wrapper {
 position:relative;
 height: 510px;
 width: 755px;
 margin: 20px auto 0px auto;
 background: #492f1a url(/images/footerShadow.gif) bottom left  no-repeat;
}

.wrapper #leftcol {
 position:absolute;
 top:0px;
 left:0px;
 height: 501px;
 width: 279px;
 background: #c0b178 url(/images/BGLogo.gif) no-repeat;
 float:left;
 margin: 2px 0 2px 2px;
 font:16px/18px "Trebuchet MS",Verdana,Arial,Sans-serif;
 font-weight:bold;
}

.wrapper #leftcol ul {
 position:absolute;
 top:205px;
 left:0px;
 width:279px;
 height:301px;
 margin: 0px;
 padding: 0px;
 background: #c0b178 url(/images/Bg-rocks.jpg);
}


#leftcol ul li {
 display:inline;
 list-style: none;
 background: transparent url(/images/menuLine.gif) bottom left no-repeat;
 vertical-align: top;
}

#leftcol ul a {
 display: block;
 width:259px;
 height:20px;
 padding: 5px 0 5px 20px;
 margin: 0;
 text-align: left;
 text-decoration: none;
 color:#000000;
}


/* The left menu - the rest are in the hack files - non_ie_css and ie_css
-------- */


/* one
-------- */

#leftcol ul a.firston{
 background: transparent url(/images/bgRocks.gif) -5px -4px no-repeat ;
 color:#FFFFFF;
}

#leftcol ul a.first:hover, #leftcol ul a.firston:hover {
 background: transparent url(/images/bgRocks-over.gif) -5px -4px no-repeat ;
 color:#FFFFFF;
}


/* Right Column
-------- */

#rightcol {
 position:absolute;
 top:0x; 
 left:283px;
 float:right;
 width:472px;
 height: 511px;
}

#mainBodyWrapper {
 margin: 14px 26px 14px 14px;
 height:474px;
 padding: 0;
 background-color:#c0b178;
}

#mainBody {
 width: 100%;
 height:470px;
}


#topmenu {
 position: relative;
 height:46px;
 background: #836349 url(/images/bgTopmenu.gif) no-repeat;
 font-size: 14px;
 font-family: 'Trebuchet MS', san-serif;
 color:#FFFFFF;
 clear:both;
 margin:0;
 padding:0;
}

#sectionItems {
 margin: 10px 0 0 6px;
 padding:0;
 float:left;
 list-style: none;
}

#sectionItems li {
 display:inline;
 margin:0;
 padding:0;
}


#sectionItems li a {
 color: #FFFFFF;
 height:18px;
 margin: 0 3px 0 0;
 padding: 9px 0 9px 0;
 line-height:18px;
 display:block;
 float:left;
 text-align:center;
 text-decoration:none;
}




/* Top Menu 80
-------- */

#sectionItems li a.menu80:link, #sectionItems li a.menu80:visited {
 width:80px;
 background: #c0b178 url(/images/bgTopMenuItems.gif)  -1540px 0px no-repeat;
}

#sectionItems li a.menu80:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -770px 0px no-repeat;
}

#sectionItems li a.menu80on:link, #sectionItems li a.menu80on:visited {
 width:80px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) 0px 0px no-repeat;
 color:#000;
}

#sectionItems li a.80on:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) 0px 0px no-repeat;
 color:#000;
}



/* Top Menu 90
-------- */

#sectionItems li a.menu90:link, #sectionItems li a.menu90:visited {
 width:90px;
 background: #c0b178 url(/images/bgTopMenuItems.gif)  -1620px 0px no-repeat;
}

#sectionItems li a.menu90:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -850px 0px no-repeat;
}

#sectionItems li a.menu90on:link, #sectionItems li a.menu90on:visited {
 width:90px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -80px 0px no-repeat;
 color:#000;
}

#sectionItems li a.90on:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -80px 0px no-repeat;
 color:#000;
}

/* Top Menu 100
-------- */

#sectionItems li a.menu100:link, #sectionItems li a.menu100:visited {
 width:100px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -1710px 0px no-repeat;
}

#sectionItems li a.menu100:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -940px 0px no-repeat;
}

#sectionItems li a.menu100on:link, #sectionItems li a.menu100on:visited {
 width:100px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -170px 0px no-repeat;
 color:#000;
}

#sectionItems li a.100on:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -170px 0px no-repeat;
 color:#000;
}




/* Top Menu 110
-------- */

#sectionItems li a.menu110:link, #sectionItems li a.menu110:visited {
 width:110px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -1810px 0px no-repeat;
}

#sectionItems li a.menu110:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -1040px 0px no-repeat;
}

#sectionItems li a.menu110on:link, #sectionItems li a.menu110on:visited {
 width:110px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -270px 0px no-repeat;
 color:#000;
}

#sectionItems li a.110on:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -270px 0px no-repeat;
 color:#000;
}


/* Top Menu 120
-------- */

#sectionItems li a.menu120:link, #sectionItems li a.menu120:visited {
 width:120px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -1920px 0px no-repeat;
}

#sectionItems li a.menu120:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -1150px 0px no-repeat;
}

#sectionItems li a.menu120on:link, #sectionItems li a.menu120on:visited {
 width:120px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -380px 0px no-repeat;
 color:#000;
}

#sectionItems li a.120on:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -380px 0px no-repeat;
 color:#000;
}



/* Top Menu 130
-------- */

#sectionItems li a.menu130:link, #sectionItems li a.menu130:visited {
 width:130px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -2040px 0px no-repeat;
}

#sectionItems li a.menu130:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -1270px 0px no-repeat;
}

#sectionItems li a.menu130on:link, #sectionItems li a.menu130on:visited {
 width:130px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -500px 0px no-repeat;
 color:#000;
}

#sectionItems li a.130on:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -500px 0px no-repeat;
 color:#000;
}


/* Top Menu 140
-------- */

#sectionItems li a.menu140:link, #sectionItems li a.menu140:visited {
 width:140px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -2170px 0px no-repeat;
}

#sectionItems li a.menu140:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -1400px 0px no-repeat;
}

#sectionItems li a.menu140on:link, #sectionItems li a.menu140on:visited {
 width:140px;
 background: #c0b178 url(/images/bgTopMenuItems.gif) -630px 0px no-repeat;
 color:#000;
}

#sectionItems li a.140on:hover {
 background: #ac9e68 url(/images/bgTopMenuItems.gif) -630px 0px no-repeat;
 color:#000;
}







#mainBodyEntry {
 height:352px;
 overflow: auto;
 background-color:#fff;
 margin: 4px;
 padding-bottom:40px;
}


#breadcrumbs {
  margin:20px 0 20px 0; 
  padding:0 0 5px 0;
  font-size:10px;
  border-bottom: 1px dotted #9b8c53;
}

.mainBodyEntrybg {
 background-color:#fff; 

}


#mainBodyEntry p, #mainBodyEntry ul, #mainBodyEntry ol {
 font-size: 12px;
 color: #463313;
 margin:0 10px 10px 0px;
}


#mainBodyEntry ul, #mainBodyEntry ol {
 color: #463313;
 margin:0 10px 10px 10px;
 padding-left:30px;
}

#mainBodyEntry h1 {
 margin: 0 0 15px 0;
 padding: 0 0 4px 0;
}


#mainBodyEntry h2 {
 margin: 20px 0 10px 0px;
 font-size:22px;
 line-height:1.2em;
 color:#9b8c53;
 border-bottom: 1px solid #9b8c53;
}

.news {
 padding:20px;
}

#mainBodyEntry .news h2 {
 margin:0;
 padding: 12px 0 15px 0px;
}


#login {
 font-size:11px;
 width:188px;
 float:right;
 margin: 0px 0px 10px 10px;
 padding: 0 10px 10px 10px;
 background: #fff url(/images/bg-login.gif) bottom left no-repeat;
}


#login h2 {
background-color: #472e1a;
color:#fff;
font-size:14px;
padding:6px;
margin:0 0 0 -10px;
width:100%;
}

#login p {
 margin:6px;
}

#tellafriend p {
  margin:0 0 6px 0;
 padding:0;
}

#tellafriend textarea {
 width:340px;
}

#tellafriend input, #tellafriend textarea {
 background-color:#e5dac6;
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Look in the hack css for the different padding sizes <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.newsticker {
 position:absolute;
 right:30px;
 z-index:10;
 list-style-type: none;
 background: #c0b178 url(/images/bg-news.gif) no-repeat;
 color:#000;
 width:404px;
 font-size:10px;
}

.newsticker a {
 margin-left:46px;
}

.newsticker a:link, .newsticker a:visited {
 color:#336;
 text-decoration:underline;
}

.newsticker a:hover, .newsticker a:active {
 color:#000;
 text-decoration:none;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------->>> Footer Styles <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#footer {
 text-align:center;
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-size:10px;
 border-top:1px solid #9b8c53;
 margin:20px 20px 100px 20px;
 padding:10px
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------->>> Member Styles <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/*
    Member Profile Page
------------------------------------------------------ */ 

.profileHeadingBG {
 background-color: #74779D;
 color:             #fff;
 padding:           6px 6px 6px 6px;
 border-bottom:     #585C9C 1px solid;
}

.profileTopBox {
 background-color:	#F0F0F2;
 margin:		0;
 padding:		7px 5px 5px 5px;
}

.profileTitle {
 font-family:		Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
 font-size:			14px;
 font-weight:		bold;
 color:				#000;
 padding: 			3px 5px 3px 0;
 margin:			0;
 background-color: transparent;  
}

.profilePhoto {
 background-color:		#F0F0F2;
 border-left:       1px solid #B2B3CE;
 padding:			1px;
 margin-top:        1px;
 margin-bottom:     3px;
}

.avatar {
 background:	transparent;
 margin:		3px 14px 0 3px;
}

.photo {
 background:	transparent;
 margin:		6px 14px 0 3px;
}

.profileItem {
 background:		transparent;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #38394B;
 margin: 			2px 0 2px 0;
 background-color: transparent;  
}

.profileHead {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 font-weight:		bold;
 text-transform:	uppercase;
 color:				#fff;
 padding:			3px 4px 3px 10px;
 background-color:	#492f1a;  
 border-top:		1px solid #fff;
 border-bottom:		1px solid #fff;
 margin:			0 0 0 0;
}

.menuHeadingBG {
 background-color: #74779D;
 color:             #fff;
 padding:           6px 6px 6px 6px;
 border-bottom:     #585C9C 1px solid;
}

.profileMenu {
 background: 		#EDECEE;
 border:            1px solid #7B81A9;
 padding:			1px;
 margin-top:        1px;
 margin-bottom:     3px;
}

.profileMenuInner {
 padding-left:		10px;
 padding-right:		8px;
 margin-bottom:		4px;
 margin-top:		4px;
}

.menuItem {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			11px;
 padding:			3px 0 3px 0;
 background-color:	transparent;  
}

.borderTopBot {
 border-top:	1px solid #7a6f44;
 border-bottom:	1px solid #7a6f44;
}

.borderBot {
 border-bottom:	1px solid #7a6f44;
}


.memberlistRowOne {
 background-color: #FBFBFC;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #38394B;
 padding:           3px 6px 3px 6px;
 border-top:        1px solid #fff;
 border-bottom:     1px solid #B2B3CE;
 border-left:       1px solid #B2B3CE;
 border-right:      1px solid #fff;
}
.memberlistRowTwo {
 background-color: #F0F0F0;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #38394B;
 padding:           3px 6px 3px 6px;
 border-top:        1px solid #fff;
 border-bottom:     1px solid #B2B3CE;
 border-left:       1px solid #B2B3CE;
 border-right:      1px solid #fff;
}

.memberlistHead {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size: 		11px;
 font-weight: 		bold; 
 background-color: 		#74779D;
 color:             #fff;
 border-bottom:     #585C9C 1px solid;
 padding: 			8px 0 8px 8px;
}

.memberlistFooter {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
 padding:           6px 10px 6px 6px;
 border-top:        1px solid #fff;
 border-bottom:     1px solid #999;
 border-right:      1px solid #fff;
 background-color:  #B8B9D1;  
}

.innerShade {
 background-color:	#DDE1E7;
 border:      	 	1px solid #74779D;
 margin:			0;
 padding:			10px;
}

/*
    Table Formatting
------------------------------------------------------ */ 

.tablePad {
 padding:  0 2px 4px 2px;
}

.tableborder {
 border:            1px solid #7B81A9;
 padding:			1px;
 margin-top:        1px;
 margin-bottom:     3px;
}
.tableBorderTopRight {
 border-top:     	1px solid #B2B3CE;
 border-right:     	1px solid #B2B3CE;
 padding:			0;
 margin-top:        1px;
 margin-bottom:     3px;
}
.tableBorderRight {
 border-right:      1px solid #B2B3CE;
 padding:			0;
 margin-top:        1px;
 margin-bottom:     3px;
}

.tableBG {
 background-color: #F0F0F0;
}
.tableHeadingBG {
 background-color: 		#74779D ;
 color:             #fff;
 padding:           6px 6px 6px 6px;
 border-bottom:     1px solid #fff;
}
.tableHeading {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         12px;
 letter-spacing:    .1em;
 font-weight:		bold;
 color:             #fff;
 padding:           0;
 margin:			0;
 background-color:  transparent;  
}
.tableRowHeading, .tableRowHeadingBold {
 background-color: #C9CAE2;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #404055;
 padding:           8px 10px 8px 6px;
 border-top:        1px solid #A7A9C7;
 border-bottom:     1px solid #A7A9C7;
 border-left:       1px solid #A7A9C7;
 border-right:      1px solid #fff;
}
.tableRowHeadingBold {
font-weight: bold;
}
.tableCellOne {
 background-color: #F0F0F2;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #38394B;
 padding:           3px 6px 3px 6px;
 border-top:        1px solid #fff;
 border-bottom:     1px solid #B2B3CE;
 border-left:       1px solid #B2B3CE;
 border-right:      1px solid #fff;
}
.tableCellTwo {
 background-color: #EDEEF3;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #38394B;
 padding:           3px 6px 3px 6px;
 border-top:        1px solid #fff;
 border-bottom:     1px solid #B2B3CE;
 border-left:       1px solid #B2B3CE;
 border-right:      1px solid #fff;
}



