body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000033;
	background: #333 url(../assets/bearcloud_designs/tiling6.jpg);
	background-attachment: fixed;
}
p, h1, h2, h3
{
 margin: 0;
 padding: 0 20px 0 17px;
}

p {
	text-align: left;
	line-height: 16px;
}
h1 {
	font-size: 18px;
	font-weight: bold;
}
h2 {
	font-size: 14px;
	font-weight: bold;
}
h3 {
	font-size: 12px;
}
a:link {
	text-align: left;
	color: #330099;
}
a:visited {
	color: #1F5360;
}
a:hover {
	color: #FF99FF;
}
a:active {
	color: #000066;
}

#header h1
{
 padding: 0;
 height:219px;
}
#header h1 .ir
{
 background: url(../assets/bearcloud_designs/general_header_chameleon.jpg)
}

#content_wrapper
{
 height: 1018px;
 background: #ece5ea 
  url(../assets/bearcloud_designs/general_bg.jpg) 
  top center;
}

#divText 
{
 margin-left:153px;
}

#divTitle 
{
 position: relative;
 top: -55px;
 padding-left: 153px;
 margin: 0 auto;
 text-align: center;
 margin-bottom: -50px;
}



#navigation
{
 width: 133px;
}

ul#nav
{
 margin-left: 10px;
 width: 123px;
}


#nav a
{
 width: 123px;
 height: 28px;
}

#nav a:hover 
/* IE needs this -- the image replacement messes it up */
{
 cursor: pointer;
}

#nav li
{
 margin: 6px 0;
 display: block;
}

* html #nav li
{
 height: 28px;
}

* html  #nav li ul
{
 width: 11em;
}

/* #######################
# A SIMPLER WAY
# which will go unimplemented for now

#nav a
{
 color: white;
 background: none;
 border: 4px outset #ccc;
 height: 27px;
 line-height: 27px;
}

#nav a#project
{
 line-height: normal;
}

#nav a:hover
{
 border: 4px outset yellow;
 background: url(../assets/bearcloud_designs/alpha_orange.png);
 text-decoration: underline;
}
############################## 
*/

#nav li:hover ul, #nav li.sfhover ul
{
 margin-left: 121px;
}

/* fixes for the second level */
#nav li ul a
{
 color: black;
 border-top: none;
}

#nav li ul a:hover
{
 border-bottom: 1px solid #7b50a8;
 border-top: none;
}


#nav a
{
 overflow: hidden;
}

#nav li ul a
{
 overflow: visible;
}

#nav a .ir
{
 background: url(../assets/navigation_chameleon/new_nav.jpg) 
  -3px -4px;
}

#nav a#home:hover .ir
{
 background-position: -132px -4px;
}


#nav a#project .ir
{
 background-position: -3px -37px;
}
#nav a#project:hover .ir
{
 background-position: -132px -37px;
}


#nav a#statement .ir
{
 background-position: -3px -71px;
}
#nav a#statement:hover .ir
{
 background-position: -132px -71px;
}


#nav a#gardens .ir
{
 background-position: -3px -105px;
}
#nav a#gardens:hover .ir
{
 background-position: -132px -105px;
}


#nav a#corporate .ir
{
 background-position: -3px -139px;
}
#nav a#corporate:hover .ir
{
 background-position: -132px -139px;
}


#nav a#membership .ir
{
 background-position: -3px -173px;
}
#nav a#membership:hover .ir
{
 background-position: -132px -173px;
}


#nav a#contact .ir
{
 background-position: -3px -207px;
}
#nav a#contact:hover .ir
{
 background-position: -132px -207px;
}



#nav a#news .ir
{
 background-position: -3px -241px;
}
#nav a#news:hover .ir
{
 background-position: -132px -241px;
}


#nav a#elders .ir
{
 background-position: -3px -275px;
}
#nav a#elders:hover .ir
{
 background-position: -132px -275px;
}



/* NOTE: links and comments are out of order in the bg image */
#nav a#links .ir
{
 background-position: -3px -309px;
}
#nav a#links:hover .ir
{
 background-position: -132px -309px;
}


#nav a#comments .ir
{
 background-position: -3px -343px;
}
#nav a#comments:hover .ir
{
 background-position: -132px -343px;
}