@charset "UTF-8";
#content {
	position: absolute;
	width: 800px;
	background-image: url(images/planks.jpg);
	z-index: 10;
	
	background-repeat: repeat;
	top: 125px;	
}
#inner {
	padding: 20px 50px 10px 20px;
	margin-left: 400px;
	margin-top: 20px;
	width: 350px;
	background-image: url(images/scroll.png);
	background-repeat: repeat-y;
	z-index: 9;
}
#treeTitle {
	position: absolute;
	left: 51px;
	z-index: 11;
	top: 14px;
}
h1 ,h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #060;
}
#tree {
	position: absolute;
	left: 107px;
	z-index: 20;
	top: 187px;
}
body {
	background-color: #97E5E9;
	background-image: url(images/background.jpg);
}
#copyright {
	position: absolute;
	left: 764px;
	z-index: 11;
	top: 65px;
}
#forests {
	position:absolute;
	z-index: 25;
	width: 103px;
	height: 148px;
	left: 306px;
	top: 652px;
	background:url(images/forest.png) no-repeat;
	padding: 1px;
	text-align:center;
}
#mainMenu {
	position: absolute;
	z-index: 50;
	top: 449px;
	left: 20px;
}
#quick {
	position: absolute;
	z-index: 40;
	top: 800px;
	left: 178px;
	width:204px;
	height:275px;
	background:url(images/menu.png) no-repeat;
	padding: 10px;
}

#promo {
	position:absolute;
	z-index: 26;
	width: 154px;
	height: 108px;
	left: 229px;
	top: 470px;
	background:url(images/promo.png) no-repeat;
	padding: 1px;
	text-align:center;
}
#donate {
	position: absolute;
	left: 300px;
	top: 1218px;
	z-index: 20;
	background-image: url(images/background.jpg);
	padding-top: 5px;
	padding-left: 5px;
}
#dvd h3 {
	text-align: center;
}

img {border: none;}

a:link, a:visited {color: #960;}
a:hover {color: #95D1F3;}
a:active {color: #98DAF7;}

.left {float: left;}
.right {float: right;}
.centerText {text-align: center;}
.boldText {font-weight:bold;}

.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {width:204px; height:275px; background:url(images/menu.png) no-repeat; padding: 5px; padding-top: 30px; position:relative; z-index:500;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}
.menu li {width:180px; height:42px; float:left;}
.menu li a {display:block; width:100%; height:42px; line-height:42px; color:#777; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 50px; float:left;}
.menu li.sub a {background:url(images/menuGrey.gif) no-repeat 150px center;}
.menu li a:hover {white-space:nowrap; position:relative; color:#06f;}
.menu li.sub a:hover {background:url(images/menuWood.gif) no-repeat 150px center; color:#06f;}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}
.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(images/menuWood.gif ) no-repeat 150px center; color:#06f;}
.menu li.home, .menu li.shirlee, .menu li.words, .menu li.store, .menu li.links {background:url(images/swanBullet.png) no-repeat 10px center;}
.menu :hover ul {width:120px; height:auto; left:165px; top:7px; background:#fcfcfc; border:1px solid #ddd;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:120px; height:auto; left:115px; top:-1px; background:#fcfcfc; border:1px solid #ddd; border-width:1px 0 1px 1px;}
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}
.menu :hover ul li,
.menu :hover ul li a
{width:200px; height:25px; line-height:25px; text-indent:10px; float:none;}
.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(images/menuGrey.gif) no-repeat 100px center; color:#777;}
.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(images/menuWood.gif) no-repeat 100px center; color:#06f;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(images/menuWood.gif) no-repeat 100px center; color:#06f;}
.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; color:#777;}
.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#fcfcfc; color:#06f;}
.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#06f; font-weight:normal;}
.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#06f; font-weight:normal;}