/* CSS Document */


body	{
	font-family: Verdana, Lucida, Arial, sans-serif;
	font-size: 11px;
	color: #000;
	background: #e8e3cf;
	background-image: url(/tree/img/homebg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;

	}
	
h2, h3, h4	{
	font-weight: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #5d5040; 
	}	
	
p 	{
	margin: 10px 0 15px 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.4;
		color: #5d5040; 
	}

a:link	{
	text-decoration : underline;
	color: #000099;
	background: transparent;
	cursor: pointer;
	}
	
a:visited	{
	text-decoration: underline;
	color: #8141b1;
	background: transparent; 
	}	

a:hover	{ 
	text-decoration: underline;
	color: #ff3300;
	background: transparent; 
	cursor: pointer;
	}

a:active, #sitenav li a:active	{
	text-decoration : none;
	color: #9966cc;
	background: transparent;
	cursor: pointer;  
	}
		
ul 	{  
	font-size: 11px;
	line-height: 1.3;
	list-style-type: none; 
	list-style-image: none; 
	}
	
ul a	{  
	text-decoration: none;
	}
	
.hidden {
	display: none;
	}

.readmore	{
	display: block;
	text-align: right;
	margin-top: 5px;
	}
	
a.imginfo	{
	font-size: 9px;
	display: block;
	padding: 0 10px 0 0;
	text-align: right;
	text-decoration: none;
	}			

#sitenav	{
	position: absolute;
	top: 0;
	right: 155px;
	margin-left: 10px;
	background: #e8e3cf;
	border-bottom: 1px solid #ddd8bf;
	}
	
#sitenav ul	{
	padding: 0;
	margin: 1px 10px;
	border: 0;
	}	

#sitenav ul li	{
	float: left;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	padding: 2px;
	width: 50px;
	text-align: center;
	}
	
#sitenav ul li.med	{
	width: 60px;
	}	
	
#sitenav ul li.long	{
	width: 70px;
	}	
	
#sitenav ul li.vlong	{
	width: 80px;
	}		
	
#sitenav li ul	{
	position: absolute;
	width: 100px;
	left: -10000px;
	margin: 2px 0;
	border: 1px solid #ddd8bf;
	border-bottom: 0;
	}	
		
#sitenav li ul li	{
	width: 96px;
	background: #f3f0e2;
	letter-spacing: 0;
	text-align: left;
	padding: 2px;
	border-bottom: 1px solid #ddd8bf;
	}	
	
#sitenav ul li a, #advancedsearch a	{
	text-decoration: none;
	cursor: pointer;
	color: #7d7a6e;
	padding: 0;
	margin: 0;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#sitenav li a:hover, #advancedsearch a:hover	{
	color: #3f2800;
	text-decoration: underline;
	background: #f8f7f2;
	}
	
#sitenav li ul li a:hover, #advancedsearch ul li a:hover	{
	text-decoration: none;
	background: #f8f7f2;
	}
	
#sitenav li:hover ul {
	left: auto;
	}
	
#advancedsearch:hover ul {		
	left: -30px;
	}	
	
#sitenav li.sfhover ul, #advancedsearch.sfhover ul {
	left: auto;
	margin-left: -40px;
	}		
	
#sitenav input, #quicksearch input	{
	font-size: 9px;
	background-color: #fff;
	color: #666;
	}
	
#quicksearch	{
	position: absolute;
	top: 2px;
	right: 25px;
	margin: 0;
	}
	
#advanced	{
	position: absolute;
	top: 20px;
	right: 28px;
	}	
	
html>body #advanced	{	/* child hack to keep link from overlapping search button in IE/Win */
	top: 8px;
	}
	
#advancedsearch ul	{
	position: absolute;
	left: -10000px;	
	width: 100px;
	}					
	
#advancedsearch ul li	{
	float: left;
	text-transform: lowercase;
	margin: -1px 10px;
	padding: 2px;
	width: 80px;
	background: #f3f0e2;
	border: 1px solid #ddd8bf;
	}		
	
#explorehome	{	/* voice family hack to give box a solid background in IE5/Win where I cannot get it to size properly */
	background: #f4f0e1;
	width: 735px;
 	margin: 80px auto 20px auto;
	border: 1px solid #908d80;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	background: transparent;
	}
	
#explorehome h2	{
 	background: #f4f0e1;
	text-align: center;
 	font-size: 12px;
 	letter-spacing: 5px;
	margin: 0;
	padding: 5px;
 	border-bottom: 1px solid #908d80;
	opacity: .7;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	}

#explorehome h3	{
 	text-align: center;
 	font-size: 12px;
 	letter-spacing: 1px;
 	color: #5d5040;
	margin: 0;
	padding: 0;
	border: 0;
	}
#explorehome a.floatright
{float: right;
margin: 0;
}
#browsehome	{	/* voice family hack to keep box from becoming too narrow in IE5/Win */
	float: left;
	width: 150px;
	height: 430px;
	padding: 10px;
	background: #f8f6eb;
	opacity: .7;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 125px;
	}			
	
#browsehome a.boxlink, #randomhome a.boxlink
{background-color: #E1EAF1;
padding-left: 15px;
} 	

#browsehome a.center
{padding: 5px;
font-size: 11px;
text-align: center;
}
	
#browsehome h3 a, h4, #randomhome h3 a	{
	text-decoration: none;
	color: #5d5040;
	}	
#browsehome h3.long 
{margin-left: -2px;
margin-right: -3px;
}
	
h4
{font-size: 13px;}	
#browsehome h4,	{
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #452c1e;
	margin: 20px 0 0 0;
	}	
	
#browsehome ul	{
	padding: 7px 0;
	margin: 0;
	}
	
#browsehome ul a	{
	display: block;
	lineheight: 1;
	text-align: center;
	padding: 0 0 2px 0;
	text-decoration: none;
	font-size: 10px;
	margin: 0;
	}
	#browsehome ul li
	{display: block;
	}		
#browsehome input	{
	display: block;
	margin: 0 auto;
	font-size: 9px;
	background-color: #fff;
	color: #666;
	}

#browsehome ul.left li a
{text-align: left !important;
}
#browsehome ul.left 
{padding-top: 0;
border-top: none;
padding-bottom: 15px;
}

		
.login	{
	margin-top: 40px;
	padding-top: 10px;
	color: #5d5040;
	border-top: 1px dotted #ddd8bf;
	}		
		
.login ul li {
	font-size: 10px;
	text-align: center
		}		
div.padded
{padding: 20px;
}		
#overviewhome	{
	float: left;
	width: 398px;
	height: 450px;
	border-left: 1px dotted #908d80;
	border-right: 1px dotted #908d80;
	background-color: #fff;
	margin: 0;

	}
#overviewhome p

{color: #5d5040 !important;
text-align: center;
}		
#overviewhome p.left
{text-align: left;
padding: 0 10px;

}

#overviewhome p.padtoplearn	{
padding-top: 15px;
}
#overviewhome img.center
{padding-top: 25px !important;
}
#overviewhome img	{
	border: 0;
	}
	
#aboutoverview	{	/* voice family hack to keep links from drifting off to the right in IE5/Win */
	position: absolute;
	top: 500px;
	margin-left: -200px;
	padding: 25px;
	letter-spacing: 1px;
	}
#overviewhome .smallbutton
{
padding: 0 !important;
margin: 0 0 0 10px;
font-size: 10px;
background-color: #fff;
text-align: center !important;
color: #5d5040;
background: #E1EAF1;
display: inline  !important;
}	
#overviewhome ul.browndot3 li strong.large
{font-size: 12px;
}

html>body #aboutoverview	{	/* child hack to keep link from drifting off to the right in IE/Win */
	margin-left: 230px;
	}

#aboutoverview a, #aboutoverview a:visited	{
	color: #f8f7f2;
	text-decoration: none;
	}
	
#aboutoverview:hover a	{
	color: #aaa;
	}	
	
#aboutoverview a:hover {
	color: #ff3300;
	text-decoration: underline;
	}

#randomhome	{
	float: left;
	height: 430px;
	padding: 10px;
	background: #f4f0e1;
	color: #666;
	width: 159px;
	}
	
/* commented backslash hack v2 for hiding things from IEMac \*/	
#randomhome	{
	width: 170px;
	}	
/* end hack */			
	
.randomtaxon	{
	display: block;
	margin: 15px auto 10px auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.randomtaxon a	{
	font-weight: bold;
	text-decoration: none;
	display: block;
	font-family: Verdana, Lucida, Arial, sans-serif;
	padding: 0 0 4px 0;
	}
	
.randomimg	{
	width: 150px;
	display: block;
	margin: 10px auto;
	border: 1px solid #999;
	text-decoration: none;
	}		
	.randomimg2	{
	
	display: block;
	margin: 10px auto;
	border: 1px solid #999;
	text-decoration: none;
	}	
.randompreview	{
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	}
	
	
#previous	{
	position: absolute;
	top: 535px;
	margin-left: 40px;
	font-size: 9px;
	}
							
#abouthome	{
	clear: both;
	border-top: 1px solid #908d80;
	background: #f4f0e1;
	padding: 0;
	color: #5d5040;
	}
	
#abouttext	{
	border-left: 1px dotted #908d80;
	margin: 0 0 0 145px;	
	padding: 5px;
	}	
	
#abouttext p	{
	line-height: 1.4;
 	text-align: justify;
	padding: 0 25px;
	}		
	
#abouttext p a	{	
	text-decoration: none;
	}
	
#abouttext p a:hover	{	
	text-decoration: underline;
	}
		
#abouttext a.readmore	{
	padding: 0 25px 10px 0;
	}
	
#newshome	{
	width: 110px;
	float: left;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
	background: transparent;
	}		
		
#homefooter	{	
	display: block;
	background: #e8e3cf;
	padding: 20px 0;
	margin: 5px auto;
	text-align: center;
	}
				
#quicklinks	{
	padding: 2px 0 2px 0;
	text-align: center;
	background: transparent;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	}	
		
#quicklinks ul {
	list-style: none;
	background-color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#quicklinks li {
	display: inline;
	border-right: 1px solid #e8e3cf;
	padding: 4px 4px;
	}
	
#quicklinks li.lastquick {
	border: 0;
	}	

#quicklinks a 	{
	cursor: pointer;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 3px;
	text-transform: lowercase;
	text-align: center;
	}	
		
#quicklinks a:link, #quicklinks a:visited, .policy a:link, .policy a:visited  {
	font-weight: normal; 
	text-decoration : none;
	color: #908d80;
	}	

#quicklinks a:hover, #quicklinks a:active, .policy a:hover, .policy a:active	{
	font-weight: normal; 
	text-decoration: none;
	color: #5d5040;
	}
	
.copyright {
	font-size: 9px;
	text-align: center;
	color: #666;
	padding: 10px 0;
	}
	
.ua {
	font-size: 9px;
	text-align: center;
	color: #666;
	padding: 2px;
	margin: 0 50px;
	}
	
.ua img {
	vertical-align: middle;
	margin-right: 10px;
	}

.policy {
	font-size: 9px;
	text-align: center;
	font-weight: normal;
	letter-spacing: 2px;
	display: block; 
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 0 0;
		}    
/*overview home for treehouse builders page*/
#overviewhome ul.browndot3
{
padding: 0 10px 5px 10px;
margin: 0 5px;
}

#overviewhome ul.browndot3 li, #randomhome ul.browndot3 li 
{padding-bottom: 2px;
color: #5d5040;
padding-left: 0;
font-size: 10px;

}

.small
{font-size: 10px;
}

 #randomhome ul.small li a
{font-size: 10px;
padding-left: 0;
margin-left: -30px;
text-decoration: none;
text-align: left;
}

a.boxlink, a:visited.boxlink, a:hover.boxlink, a:active.boxlink
{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
display: block;
font-weight: bold;
border: 1px solid #ccc; 
padding: 10px; 
text-decoration: none; 
color: #000099; 
margin-top: 5px; 
cursor: pointer;
}
a:hover.boxlink, a:active.boxlink
	 {background-color: #FFFF99;
	 color: #FF3300;
	 cursor: pointer;
	 }
a:hover.boxlink
{text-decoration: underline;
}

ul.brown4 ul.nodisc li a, ul.brown4 ul.nodisc li
{font-size: 11px;
}
ul.brown4, ul.browndot3
{padding-left: 5px;
margin-left: 0;
}
ul.browndot3 li, ul.browndot3 ul li a
{font-size: 11px;
}
ul.browndot3 ul li a, ul.browndot4 a.underline
{text-decoration: underline;
}
ul.browndot3 ul li
{font-size: 11px;
}

ul.brown4 li, ul.browndot3 li 
{padding-bottom: 5px;
}
div.max img
{max-width: 100%;
}
#morecontent1
{background-color: #fff !important;
padding: 20px;
}
#morecontent1 h3.blue
{font-size: 16px;
margin: 20px 0;
text-align: left; 
color: #7B8EA2;
border-bottom: 1px dotted #7B8EA2;
}

#randomhome ul.treehousemenu, #randomhome ul.treehousemenu2
{font-size: 10px;
padding: 0 0 5px 0;
margin: 0;
font-weight: normal !important;
}	

#randomhome ul.treehousemenu a
{font-weight: normal !important;
text-decoration: none;
}

#randomhome ul.treehousemenu
{padding: 0 0 5px 10px;
margin-top: 0;
}

#randomhome ul.treehousemenu2
{padding: 2px 0 0 20px;
}
#randomhome ul.treehousemenu2 li
{padding-bottom: 2px;
}
#randomhome a.noline, #overviewhome a.noline
	{text-decoration: none !important;
	}
	#randomhome p.brown
	{font-size: 10px;
	margin-bottom: 5px;
	}
	
	#overviewhome .indentmainbox
	{padding: 0 40px;
	}