body {
	max-width:1050px;
	margin: auto;
}


#tree_container{
	padding: 0;
	position:relative;
	height:400px;
	width:800px;
}

#tree_container img{
	position:absolute;
}

#mainTree{
	
	height:373px;
	width: 714px;
	position:absolute;
	left: 42px;
	top: 20px;
	z-index:2;
}

#nodeDotSelect{
	z-index:5;
	margin: 66px 0 0 270px;
}

/* selected nodes */
.select_None {display: none;}
.select_Node_Viridiplantae { left: 133px; top: 243px; display: block; }
.select_Node_Embryophyte { left: 124px; top: 215px; display: block; }
.select_Node_Tracheophyte { left: 125px; top: 195px; display: block; }
.select_Node_Angiosperm { left: 106px; top: 172px; display: block; }
.select_Node_Legume { left: 25px; top: 9px; display: block; }
.select_Node_Arabidopsis { left: 239px; top: 70px; display: block; }
.select_Node_GrassPre { left: 74px; top: 156px; display: block; }
.select_Node_GrassPost { left: 49px; top: 136px; display: block; }
.select_Node_Andropogoneae { left: 10px; top: 102px; display: block; }
.select_Node_RosidPreHex { left: 104px; top: 122px; display: block; }
.select_Node_RosidPostHex { left: 113px; top:99px; display: block; }
.select_Node_Eurosid1 { left: 124px; top: 47px; display: block; }
.select_Node_Eurosid2 { left: 157px; top: 85px; display: block; }
.select_Node_Malpighiales { left: 114px; top: 8px; display: block; }
.select_Node_Eudicot { left: 104px; top: 150px; display: block; }


#cursorBox{
	margin: 0 0 30px 0;
	height: 30px;
}

.orgBox,.nodeBox{
	text-align: center;
	width: 170px;
	opacity:0;
	position: absolute;
/*	border: 1px dotted #6e9e75;;
*/}

option.orgNameOption{
	font-style: italic;
	}

div.nodeLabel{
	padding-left: 10px;
	line-height: 30px;
	background-image:url(../images/home/nodeL.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	position:absolute;
	z-index:5;
	opacity:0;
	filter:alpha(opacity=0);
}

div.nodeLabel a{
	display:block;
	color: #002443;
	background-image:url(../images/home/nodeR.png);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right:10px;
}


ul#homepageOrgs{
	margin:0;
	padding:0;
	list-style:none;
	font-style:italic;
	font-size:13px;
	font-weight:bold;
	font-family:Arial;
}
ul#homepageOrgs li{
	z-index: 93;
	position:absolute;
	padding-left: 10px;
	line-height: 31.2px;
}
ul#homepageOrgs li a{
	display:block;
	color: #006132;
	padding-right:10px;
}
ul#homepageOrgs li:hover{
	background-image:url(../images/home/orgL.png);
	background-repeat: no-repeat;
	background-position: center left;
}
ul#homepageOrgs li:hover a{
	text-decoration: none;
	background-image:url(../images/home/orgR.png);
	background-repeat: no-repeat;
	background-position: center right;
}

ul#homepageOrgs li.selected{
	background-image:url(../images/home/nodeL.png);
	background-repeat: no-repeat;
	background-position: center left;
}
ul#homepageOrgs li.selected a{
	color: #001451;
	text-decoration: none;
	background-image:url(../images/home/nodeR.png);
	background-repeat: no-repeat;
	background-position: center right;
}
#instructions{
	position: absolute;
	left: 50px;
	top:5px;
	width: 250px;
	opacity:0;
	filter:alpha(opacity=0);
}
#instructions img{
	vertical-align: middle;
}
.whatIs{
	border: 1px solid #6e9e75;
	cursor:pointer;
	font-family: arial;
	font-size: 12px;
	line-height:13px;
	padding: 0.5em;
	background-color: #efefef;
}

.whatIs:hover h3{
	color:#6e9e75 !important;
	text-decoration: underline;
	}

.whatIs h3{
	font-weight:bold;
	text-align:center;
	margin-bottom: 3px;
	}


#newsBox {
	margin: 5px;
	padding: 5px;
	border-top: 1px dotted gray;
	width: 990px;
}

#cornerBox{
	margin: 10px;
	padding: 10px;
	float:right;
	width: 150px;
}

#actionColumn {
	float:right;
	width: 170px;
	min-height:400px;
	margin: 0px 0 0 0;
	padding:0 0.5em 0em 1em;
	z-index: 50;
}

.orgName{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #2d4b08;
	margin: 0.5em 0;
	}
.orgCommonName{
	font-size: 16px;	
	margin: 0.5em 0;
	}

#orgActions{
	text-align:center;	
	margin: 1em 0;
}

.nodeName{
	width: 100%;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #2d4b08;
	margin: 0.5em 0;
	}

ul.nodeOrgs{
	padding: 0;
	margin: 0;
	list-style: none;
	}

ul.nodeOrgs li{
	margin: 0 0 0 10px;
	font-style: italic;
	
	}

#nodeActions{
	text-align:center;	
	margin: 1em 0;
}
#nodeActions span,#orgActions a{
	margin: 0.5em;
	}

.home_title{
	font-size: 20px;
	color: #003471;
	font-family: Arial;
	margin:0.5em 0 1em 0;
	padding:0;
	text-align: center;
	}

#nodeSearch,#orgSearch{
	font-size: 12px;
}

#nodeSelect option{
	text-transform: capitalize !important;
	}

#actions{
	z-index: 13;
	text-align: center;
}
	
option.orgname{
	font-style: italic;
	}

#treeNodeBox{
	position: absolute;
	z-index: 10;
	}

#treeNodeButtons{
	position: absolute;
	z-index:99;
	}

#treeNodeButtons .submit{
	font-size: 14px !important;
	}

#treeNodeButtons .submit:hover{
	background-color: #FFFFFF;
	}
#treeOrgBox .submit:hover{
	background-color: #FFFFFF;
	text-decoration: none !important;
	}


.noSelect {
	display:none;
	position:absolute;
	}
	
.box0{
	width: 357px;
	height: 390px;
	background: url(../images/home/nodes/allNodes.png);
	background-repeat: no-repeat;	
	left: 48px;
	top: 62px;	
	}
.buttons0{
	left: 214px;
	top: 292px;
	line-height: 20px;
	text-align: center;
	width: 80px;
	height: 40px;
	overflow:hidden;
	font-size: 12px;
	}


#treeNodeDot{
	position: absolute;
	height: 18px;
	width: 19px;
	background: url(../images/home/dah.png);
	background-repeat: no-repeat;
	z-index:10;
}

.noDot{
	display:none;
	}



#treeMap area{
	cursor: pointer;
	}
	
#clearTreeOverlay{
	position: absolute;
	left:0px;
	top:20px;
	z-index:11;
	}


#treeOrgBox {
	position: absolute;
	width: 93px;
	height: 87px;
	line-height: 24px;
	background-repeat: no-repeat;	
	padding: 45px 50px 0px 347px;
	z-index:3;	
}

#treeOrgOver{
	width: 266px;
	height: 42px;
	position: absolute;
	background: url(../images/home/org.png);
	z-index:1;
	left: 425px;
}

	

.homeNews{
	list-style:none;
	padding: 0;
	margin: 5px 0 0 0;
	font-family: arial;
	font-size: 11px;
	width: 780px;
}
	
.homeNews td{
	line-height: 14px;
	margin: 0 0 2px 0;
	padding: 0;
	height: 14px;
	overflow: hidden;
}

.homeNews td.date{
	font-style: italic;
	width: 70px;
	text-align:right;
	padding: 0 1em 0 0;
}
.homeNews div.item{
	white-space: nowrap;
	width: 630px !important;
	height: 14px;
	overflow: hidden;
} 
.homeNews td.link{
	padding: 0 0 0 1em;
	width: 40px;
}

.homeNews span.title{
	font-style: italic;
	font-weight: bold;
	padding: 0 0.5em 0 0.5em;
}


.homeNews .newslink{
	font-weight:bold !important;
}
