/* @override http://www.redgizmo.com/treesoftexas/new/css/all.css */

@namespace xlink url(http://www.w3.org/1999/xlink);
body {
	margin: 0;
	background: #d1c49e;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

fieldset,img {
	display: block;
	border: none;
}

h1,h2,h3,h4,h5,ul,p {
	margin: 0;
}

ul,form,input,fieldset {
	padding: 0;
	margin: 0;
}

ul li {
	list-style-type: none;
}

ul#bottom li {
	list-style-type: disc;
	margin-left: 30px;
}

#collecting1 {
	background-color: #86B702;
	background-image: url(../images/h4/treebarx4.jpg);
	background-repeat: no-repeat;
	padding-left: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#collecting2 {
	background-color: #A3BE36;
	background-image: url(../images/h4/treebarsxx4.jpg);
	background-repeat: no-repeat;
	padding-left: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#collecting3 {
	background-color: #C1D76F;
	background-image: url(../images/h4/treebarx5.jpg);
	background-repeat: no-repeat;
	padding-left: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#collecting4 {
	background-color: #CFE8A0;
	background-image: url(../images/h4/treebarx6.jpg);
	background-repeat: no-repeat;
	padding-left: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#collecting5 {
	background-color: #E8FFD1;
	background-image: url(../images/h4/treebarx1.jpg);
	background-repeat: no-repeat;
	padding-left: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#collecting6 {
	background-color: #D9FFB3;
	background-image: url(../images/h4/treebarsxx1.jpg);
	background-repeat: no-repeat;
	padding-left: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#collecting a {
	color: #000000;
}

ul#collecting li {
	list-style-type: none;
}

ul#green li, ul.green li {
	list-style-image: url(../images/green_bullet.jpg);
	margin-left: 30px;
	margin-bottom: 5px;
}

ul#green li a, ul.green li a {
	font-weight: bold;
	color: #008000;
	text-decoration: underline;
}

a {
	text-decoration: underline;
	color: #008000;
	font-weight: bold;
}

a:focus {
	outline: none;
}

a:hover {
	text-decoration: underline;
}

#container {
	width: 956px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 0px 0px;
	background-image: url(../images/background-repeat.jpg);
	background-repeat: repeat-y;	
}

/*left column*/

#sidebar-home {
	float: left;
	width: 151px;
	height: 652px;
	background-image: url('../images/menu/Bottom.jpg');
	background-repeat: no-repeat;
     	background-position: bottom; 
}

#sidebar {
	float: left;
	width: 151px;
	height: 652px;
	background-image: url('../images/menu/Bottom-Gradient.jpg');
	background-repeat: no-repeat;
     	background-position: bottom; 
}

.logo {
	display: block;
	background: url(../images/logo.jpg)  no-repeat;
	height: 67px;
}

.logo a {
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	height: 100%;
}

#sidebar li a {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}

#sidebar li a.home {
	background: url(../images/home.jpg) no-repeat;
	height: 37px;
}

#sidebar li a.leaf {
	background: url(../images/menu/ID-by-leaf.jpg) no-repeat;
	height: 37px;
}

#sidebar li a.list {
	background: url(../images/menu/List-of-Trees.jpg) no-repeat;
	height: 36px;
}

#sidebar li a.how-id {
	background: url(../images/menu/How-to-ID.jpg) no-repeat;
	height: 46px;
}

#sidebar li a.grow {
	background: url(../images/menu/How-Trees-Grow.jpg) no-repeat;
	height: 54px;
}

#sidebar li a.regions {
	background: url(../images/menu/Texas-Ecoregions.jpg) no-repeat;
	height: 55px;
}

#sidebar li a.invaders {
	background: url(../images/menu/Aggressive-Invaders.jpg) no-repeat;
	height: 54px;
}

#sidebar li a.collecting {
	background: url(../images/menu/Leaf-Collecting-and-Safety.jpg) no-repeat;
	height: 54px;
}

#sidebar li a.dictionary {
	background: url(../images/menu/Tree-Dictionary.jpg) no-repeat;
	height: 53px;
}

#sidebar li a.hunt {
	background: url(../images/menu/Scavenger-Hunt.jpg) no-repeat;
	height: 54px;
}

#sidebar li a.links {
	background: url(../images/menu/Links.jpg) no-repeat;
	height: 37px;
}

#sidebar li a.contactUs {
	background: url(../images/menu/Contact.jpg) no-repeat;
	height: 36px;
}


/*center column*/

#content {
	float: left;
	width: 956px;
	padding-left: 0px;
	background-image: url(../images/background-repeat.jpg);
	background-repeat: repeat-y;
}

.content2 {
	float: left;
	width: 770px;
	padding-left: 10px;
	margin-left: 175px;
}

#content h1,
#content h2 {
	height: 26px;
	margin: 6px 0 16px;
	text-indent: -9999em;
	overflow: hidden;
}

.content2 h2 {
	height: 26px;
	margin: 6px 0 16px;
	text-indent: -9999em;
	overflow: hidden;
}

#content h1#howTreesGrow,
#content h2#howTreesGrow {
	background: url(../images/howtreesgrow.gif) no-repeat;
}

#content h2 {
	background: url(../images/life_title.gif) no-repeat;
}

div.banner {
	margin-left: 0px;
}

.main {
	float: left;
	width: 436px;
	padding-bottom: 50px;
	padding-left: 7px;
}

.mainEco {
	float: left;
	width: 777px;
	padding-bottom: 50px;
	padding-left: 7px;
}

.content2 .main {
	padding-left: 0px;
}

#sortBy {
	padding-bottom: 10px;
}

.main1 {
	float: left;
	width: 805px;
	padding-bottom: 0px;
	background-color: #fffff;
}

.main2 {
	float: left;
	width: 800px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.mainScavenger {
	float: left;
	width: 800px;
	clear: right;
	padding-left: 5px;
	padding-bottom: 10px;
}

.mainDic {
	float: left;
	width: 80%;
	padding-left: 5px;
	padding-bottom: 10px;
}

#content div.mainDic p {
	padding-bottom: 15px;
}

img.topImage {
	margin-top: 0px;
}

.main p {
	margin-bottom: 13px;
}

.main p a, .content p a {
	font-weight: bold;
	color: #008000;
	text-decoration: underline;
}

.main p a.sub {
	font-weight: normal;
	color: #00f;
}

.main span.top a {
	color: #00f;
	text-decoration: underline;
	font-weight: bold;
}

.main p a:hover,
.main span a:hover,
.main a.top:hover {
	text-decoration: none;
}

.main span {
	margin-bottom: 10px;
	display: block;
}

div.treeList {
	width: 777px;
}

div.treeListing {
	width: 239px;
	margin-right: 20px;
	float: left;
	height: 320px;
}

.main span a {
	text-decoration: underline;
}

.main  img {
	margin: 5px 0;
}

table#dlstTrees {
	width: 777px;
}

table#dlstTrees td {
	width: 222px;
	padding-bottom: 30px;
}

span.commonName {
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-transform: capitalize;
	width: 180px;
	font-size: 14px;
	color: #996633;
	width: 239px;
}

span.latinName {
	padding: 0;
	margin: 0;
	width: 180px;
	font-style: italic;
	padding-bottom: 5px;
}

.main p strong {
	font-size: 13px;
	color: #004f00;
}

.main h3 {
	color: #963;
	font-size: 13px;
}

.main h3 a {
	color: #004f00;
}

.grades,
.contact,
.child-books {
	margin: 0 0 12px 43px;
}

.child-books {
	margin-top: 15px;
}

.child-books strong {
	font-weight: normal;
	text-decoration: underline;
}

.grades h4 {
	font-size: 11px;
	color: #963;
}

.grades a {
	color: #008000;
}

.grades li,
.child-books li {
	background: url(../images/bullet.gif) no-repeat 0 50%;
	padding-left: 10px;
}

.contact li {
	margin-top: 12px;
}

.support {
	margin: 15px 0 0;
	text-align: center;
}

.sub-area {
	padding-bottom: 15px;
}

.support  h5 {
	font-size: 13px;
}

.sub-area h5 {
	font-size: 11px;
}

.sub-area {
	margin-left: 40px;
}

/*rigth photos*/

.visual {
	float: right;
	width: 315px;
	text-align: center;
}

.visual p {
	font-size: 10px;
}

.visual b {
	font-size: 10px;
	color: #008000;
}

.visual img {
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.visual img.sub-img {
	margin-top: 1040px;
}

/*footer area*/

#footer {
	width: 956px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	height: 35px;
	font-size: 10px;
	position: relative;
}

#footer p {
	padding-left: 278px;
	text-align: center;
	font-size: 10px;
	float: left;
	position: relative;
	margin-top: 5px;
}

/*How to ID */

#content h1#howToID,
#content h2#howToID {
	background: url(../images/how-to-id.gif) no-repeat;
	margin: 6px 0 4px;
}

.content2 h2#techniques {
	background: url(../images/id_techniques.jpg) no-repeat;
	margin: 6px 0 4px;
}

#content h1#EcoRegions, #content h2#EcoRegions {
	background: url(../images/eco_title.jpg) no-repeat;
	margin: 6px 0 4px;
}

#content h1#aggressive, #content h2#aggressive {
	background: url(../images/aggressive_invaders_title.jpg) no-repeat;
	margin: 6px 0 4px;
}

#content h1#leafCollecting, #content h2#leafCollecting {
	background: url(../images/leafcollecting.jpg) no-repeat;
	margin: 6px 0 4px;
}

#content h1#dictionary, #content h2#dictionary {
	background: url(../images/dictionary.gif) no-repeat;
	margin: 6px 0 4px;
	height: 33px;
}

#content h1#links, #content h2#links {
	background: url(../images/links_title.jpg) no-repeat;
	margin: 6px 0 4px;
}

#content h4#EcoTitle 
{
    font-size: 22px;
	color: #996633;
}

#content h4#EcoTitle a {
	font-size: 10px;
	font-weight: normal;
	margin-left: 20px;
}

.content2 h4#Leaves {
	width: 300px;
	height: 20px;
	background-color: #437208;
	background-image: url(../images/treebar1.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 100px;
}

#content h4#Leaves2 {
	width: 300px;
	height: 20px;
	background-color: #437208;
	background-image: url(../images/treebar2.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 100px;
}

#content h4#Leaves3 {
	width: 300px;
	height: 20px;
	background-color: #437208;
	background-image: url(../images/treebar3.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 100px;
}

#content h4#Leaves4 {
	width: 300px;
	height: 20px;
	background-color: #437208;
	background-image: url(../images/treebar4.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 100px;
}

#content h4#Leaves5 {
	width: 300px;
	height: 20px;
	background-color: #437208;
	background-image: url(../images/treebar5.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 100px;
}

.content2 h4#LeafArrangement {
	width: 300px;
	height: 20px;
	background-color: #437208;
	background-image: url(../images/treebar1.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 100px;
}

.content2 h4#LeafDescriptions {
	width: 300px;
	height: 20px;
	background-color: #437208;
	background-image: url(../images/treebar7.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 100px;
}

.content2 h4#PartsLeaf {
	width: 300px;
	height: 20px;
	background-color: #437208;
	background-image: url(../images/treebar9.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 100px;
}

table#IDTechniques {
	border: 0;
	width: 404px;
}

#IDTechniques tbody tr td {
	padding-bottom: 4px;
	border-width: thin;
	color: #000;
}

#IDTechniques tbody tr td a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#IDTechniques a, #collecting a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#IDTechniques tbody tr.row1 {
	background-color: #86B702;
}

#IDTechniques tbody tr.row2 {
	background-color: #A3BE36;
}

#IDTechniques tbody tr.row3 {
	background-color: #b7cf56;
}

#IDTechniques tbody tr.row4 {
	background-color: #C8DA7E;
}

#IDTechniques tbody tr.row5 {
	background-color: #CFE8A0;
}

#IDTechniques tbody tr.row6 {
	background-color: #D9FFB3;
}

#IDTechniques tbody tr.row7 {
	background-color: #E8FFD1;
}

#content div.mainLinks {
	background: url(../images/Postoak1.jpg) no-repeat 235px;
     	background-position: right; 
	padding-left: 156px;
}

#content div.mainLinks p {
	margin: 15px 0;
}

#content div.mainLinks ul li {
	margin: 8px 0;
	
}

#content div.mainLinks ul {
	padding-bottom: 40px;
}

.chosen {
	background: #F8F3CC;
	padding: 0 10px 0 0;
}

.right {
	background: #85B600;
	padding: 0 10px 0 0;
}

.wrong {
	background: #FFD0DC;
	padding: 0 10px 0 0;
}

#expl0, #expl1, #expl2, #expl3, #expl4 {
	background: #FFD0DC;
	display: block;
	padding: 5px;
	margin: 5px -5px;
}

#results strong {
	font-size: 14pt;
}

#dicNav {
	clear: both;
	height: 105px;
	padding: 20px 0 0 0;
}

#dicMenu {
	padding-top: 40px;
}

#dicNav a {
	font: bold medium Verdana, sans-serif;
	text-decoration: underline;
	padding: 0 0 0 6px;
}

#dicNav img {
	float: left;
	padding-right: 20px;
}

img.alphaIllustration {
	float: right;
	clear: right;
}

.shapeRow {
	float: left;
	height: 100px;
	width: auto;
}

.shape {
	float: left;
	height: 100px;
	width: auto;
}

.ecoRow {
	height: 100px;
	clear: both;
	text-align: center;
	margin-left: 50px;
}

.ecoRow2 {
	height: 100px;
	clear: both;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-left: 100px;
	margin-top: 10px;
}

#content div.mainEco p {
	text-align: center;
}

.question1 {
	display: block;
	color: #000;
	text-align: center;
	font-size: 13px;
	height: 60px;
}

.image1 {
	width: 90px;
	display: block;
	margin: auto;
}

.IDoptions {
	width: 165px;
	height: 180px;
	clear: none;
	float: left;
	padding-right: 25px;
}

.eco {
	background-color: #EFF0D9;
	width: 88px;
	height: auto;
	min-height: 100px;
	float: left;
	margin-right: 3px;
	clear: none;
}

.eco a {
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}

.picRight {
	float: right;
}

#Image4 {
	
}

#content div.mainEco p img {
	padding-left: 190px;
}

.tableCenter {
	text-align: center;
}

#content h1#IDbyLeaf,
#content h2#IDbyLeaf {
	background: url(../images/IDLeaf.gif) no-repeat;
	margin: 6px 0 4px 0px;
}

#content h1#listOfTrees ,
#content h2#listOfTrees {
	background: url(../images/ListofTrees.gif) no-repeat;
	margin: 6px 0 4px -7px;
}

#content h1#scavenger ,
#content h2#scavenger {
	background: url(../images/scavenger.gif) no-repeat;
	margin: 6px 0 4px;
}

#content div.mainScavenger form blockquote {
	padding: 0;
	margin: 8px 0 0 20px;
}

a.hint {
	text-decoration: none;
	font-weight: bold;
	
}


span.hintBody {
	display: none;
}

a.hint:hover {
	color: #996633;
	text-decoration: none;
}

a#btnNextBottom {
	display: block;
	height: 30px;
	width: 70px;
	overflow: hidden;
	background: url(../images/next.jpg) no-repeat;
	float: right;
	margin-top: 30px;
	margin-right: 75px;
}

a#btnPrevBottom {
	display: block;
	height: 30px;
	width: 100px;
	overflow: hidden;
	background: url(../images/previous.jpg) no-repeat;
	float: left;
	margin-top: 30px;
}

a.blueLink:link, a.blueLink:visited, a.blueLink:hover, a.blueLink:active {
	color: #0000FF;
}
#child0, #child1, #child2, #child3, #child4, #child5  {
	display: none;
	color: #996633;
		font-weight: bold;
}