/*  
Theme Name: Casey Trees
Description: Theme/Skin for www.caseytrees.org
Version: 1.0
Author: OmniStudio
Author URI: http://www.omnistudio.com/
*/

/* 
----------------------------------------------------------------------------- 
GLOBAL RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{
	/*border-collapse:collapse;
	border-spacing:0;*/
	width: 100%;
}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


a{text-decoration:none;outline: none;}
a:hover {text-decoration: underline;}






/* 
----------------------------------------------------------------------------- 
GENERIC STYLES
-----------------------------------------------------------------------------*/
#header h1 strong, #navigation strong, .none {
	display: none;
}
.left {
	float:left;
}
.right {
	float:right;
}






/* 
----------------------------------------------------------------------------- 
LAYOUT STYLES
-----------------------------------------------------------------------------*/
body {
	background: url(/images/bg/bg.png) repeat-y center;
	margin: 0px;
	padding: 0px;
	font: 0.8em/1.5em "Lucida Grande", Arial;
	color: #666666;
}
#container {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
}






/* 
----------------------------------------------------------------------------- 
HEADER STYLES
-----------------------------------------------------------------------------*/
#header {
	background: url(/images/bg/masthead-bg.gif) no-repeat;
	height: 110px;
}
#header h1 {
	float: left;
}
#header h1 a {
	display: block;
	height: 105px;
	width: 525px;
}
#header .util {
	float: right;
	text-align: right;
	font-size: 85%;
	color: #757570;
	padding-top: 15px;
	padding-right: 20px;
}
#header .util a {
	color: #757570;
}
#header .util a:hover {
	color: #333333;
}
#header .util form {
	margin-top: 8px;
}
#header .util .search {
	padding-left: 45px;
}
#header .util input {
	border-top: 1px solid #D8D8D4;
	border-right: 1px solid #B0B0A8;
	border-bottom: 1px solid #B0B0A8;
	border-left: 1px solid #D8D8D4;
	margin-right: 5px;
	font-size: 11px;
	color: #666666;
	padding: 3px;
	width: 149px;
	background: #FFFFFF url(none);
	float: left;
}
#header .util input:hover {
	background: #F7F7EA;
}
#header .util input.button {
	width: auto;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
}





/* 
----------------------------------------------------------------------------- 
FEATURE STYLES
-----------------------------------------------------------------------------*/

/* HOMEPAGE FEATURE */
#feature {
	border: 1px solid #C9C2A4;
	background: #FFFFFF;
}
#feature .white-border {
	background: url(/images/bg/feature-content-bg.gif) no-repeat right top;
	margin: 11px;
}
#feature .content {
	width: 247px;
	border-top: 1px solid #bee969;
	color: #444444;
}
#feature .content a {
	color:#54421a;
	text-decoration: none;
}
#feature .content a:hover {
	text-decoration: underline;
}
#feature .content  ul {
	background: url(/images/bg/feature-whitebg.png);
}
* html #feature .content  ul {
	background: url(/images/bg/feature-whitebg.gif);
}
#feature .content ul li {
	border-bottom: 1px solid #bee969;
}
#feature .content ul ul li {
	padding: 0px 10px 5px;
	font-size: 95%;
	line-height: 1.3em;
	border:none;
}
#feature .content .drawer-handle {
	color:#076324;
	cursor:default;
	font-size:130%;
	font-weight:normal;
	line-height: 1.3em;
	padding: 5px 10px;
}
#feature .content .drawer-handle.open {
	color:#54421a;
	font-weight: normal;
	background: url(/images/bg/feature-whitebg.png);
}
* html #feature .content .drawer-handle.open {
	background: url(none);
}
#feature .content .promo {
	text-align: center;
	padding-bottom: 10px;
}



/* OVERVIEW FEATURE */
#content  .content  #feature {
	clear: both;
}
#content .content #feature .white-border {
	background: url(/images/bg/feature-intcontent-bg.gif) no-repeat left top;
}
#homepage #feature .white-border .photo {
	width: 684px;
}
#content .content #feature {
	border-top: 4px solid #C9C2A4;
	border-right: 1px solid #C9C2A4;
	border-bottom: 1px solid #C9C2A4;
	border-left: 1px solid #C9C2A4;
	margin-bottom: 30px;
	clear:both;
}
#content .content #banner {
	border-top: 4px solid #C9C2A4;
	margin-bottom: 30px;
	clear:both;
}
#content .content #feature .content {
	width: 194px;
	border-top: none;
	padding: 10px;
	font-size: 85%;
	margin: 0px;
}
#content .content #feature .content p {
	line-height: 1.5em;
}










/* 
----------------------------------------------------------------------------- 
NAVIGATION STYLES
-----------------------------------------------------------------------------*/
#navigation {
	background: #EEEAD5 url(/images/nav/nav-bg2.gif) no-repeat left bottom;
	padding-right: 11px;
	padding-left: 11px;
	height: 46px;
}
#homepage #navigation {
	background: #EEEAD5 url(none);
	height: 42px;
}
 #full #navigation,  #full-third #navigation {
	background: #EEEAD5 url(/images/nav/nav-bg2a.gif) no-repeat left bottom;
	height: 42px;
}


/* MAIN NAV */
#navigation a {
	display:block;
	height:42px;
}
#navigation li {
	float:left;
}
#navigation #planting a {
	background: url(/images/nav/treeplanting.gif) no-repeat;
	width: 133px;
}
#homepage #navigation #planting a {
	background: url(/images/nav/treeplanting-home.gif) no-repeat;
	width: 133px;
}
#navigation #education a {
	background: url(/images/nav/education.gif) no-repeat;
	width: 108px;
}
#homepage #navigation #education a {
	background: url(/images/nav/education-home.gif) no-repeat;
	width: 108px;
}
#navigation #geographic a {
	background: url(/images/nav/geographic-resources.gif) no-repeat;
	width: 203px;
}
#homepage #navigation #geographic a {
	background: url(/images/nav/geographic-resources-home.gif) no-repeat;
	width: 203px;
}
#navigation #planning a {
	background: url(/images/nav/planning-design.gif) no-repeat;
	width: 173px;
}
#homepage #navigation #planning a {
	background: url(/images/nav/planning-design-home.gif) no-repeat;
	width: 173px;
}
#navigation #about, #navigation #news, #navigation #support {
	display: none;
}
#navigation #planting a:hover, #navigation li#planting:hover a,
#navigation #education a:hover, #navigation li#education:hover a,
#navigation #geographic a:hover, #navigation li#geographic:hover a,
#navigation #planning a:hover, #navigation li#planning:hover a,
#homepage #navigation #planting a:hover, #homepage #navigation li#planting:hover a,
#homepage #navigation #education a:hover, #homepage #navigation li#education:hover a,
#homepage #navigation #geographic a:hover, #homepage #navigation li#geographic:hover a,
#homepage #navigation #planning a:hover, #homepage #navigation li#planning:hover a {
	background-position: left -42px;
}
#navigation #planting.on a, #navigation #planting.on a:hover, #navigation #planting.treeon a, #navigation #planting.treeon a:hover,
#navigation #education.on a, #navigation #education.on a:hover, #navigation #education.treeon a, #navigation #education.treeon a:hover,
#navigation #geopgraphic.on a, #navigation #geopgraphic.on a:hover, #navigation #geopgraphic.treeon a, #navigation #geopgraphic.treeon a:hover,
#navigation #planning.on a, #navigation #planning.on a:hover, #navigation #planning.treeon a, #navigation #planning.treeon a:hover,
#homepage #navigation #planting.on a, #homepage #navigation #planting.on a:hover, #homepage #navigation #planting.treeon a, #homepage #navigation #planting.treeon a:hover,
#homepage #navigation #education.on a, #homepage #navigation #education.on a:hover, #homepage #navigation #education.treeon a, #homepage #navigation #education.treeon a:hover,
#homepage #navigation #geopgraphic.on a, #homepage #navigation #geopgraphic.on a:hover, #homepage #navigation #geopgraphic.treeon a, #homepage #navigation #geopgraphic.treeon a:hover,
#homepage #navigation #planning.on a, #homepage #navigation #planning.on a:hover, #homepage #navigation #planning.treeon a, #homepage #navigation #planning.treeon a:hover {
	background-position: left -84px;
}
#navigation #planting.on ul, #navigation #planting.treeon ul,
#navigation #education.on ul, #navigation #education.treeon ul,
#navigation #geopgraphic.on ul, #navigation #geopgraphic.treeon ul,
#navigation #planning.on ul, #navigation #planning.treeon ul {
	display: none;
}


/* STAY CONNECTED NAV ITEM */
#navigation #stayconnected a {
	background: url(/images/nav/nav-stayconnected.gif) no-repeat right top;
	padding-top: 9px;
	height: 26px;
	font-size: 90%;
	text-align: right;
	padding-right: 20px;
	font-weight: bold;
	color: #1E7035;
	width: 120px;
}
#navigation #email li {
	float:right;
}


/* DROPDOWNS */
#navigation #planting ul li a, 
#navigation #education ul li a, 
#navigation #geographic ul li a, 
#navigation #planning ul li a,
#homepage #navigation #planting ul li a, 
#homepage #navigation #education ul li a, 
#homepage #navigation #geographic ul li a, 
#homepage #navigation #planning ul li a {
	background: url(none);
	width:195px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
}
#navigation ul ul li {
	padding: 3px 5px 0px;
}
#navigation ul ul li a {
	display: block;
	padding: 3px 5px;
	height:auto;
	font-size: 90%;
	color: #4A3406;
	background: url(none);
}
#navigation #planting ul li a:hover, 
#navigation #education ul li a:hover, 
#navigation #geographic ul li a:hover, 
#navigation #planning ul li a:hover,
#homepage #navigation #planting ul li a:hover, 
#homepage #navigation #education ul li a:hover, 
#homepage #navigation #geographic ul li a:hover, 
#homepage #navigation #planning ul li a:hover {
	background: #EEEAD5 url(none);
	text-decoration: none;
}
#navigation ul li ul { /* second-level lists */
	position: absolute;
	z-index:1;
	background: #ddd5ab;
	width: 215px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-top: 3px;
	padding-bottom: 6px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
}
#navigation ul li:hover ul, #navigation ul li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#navigation ul ul ul, #navigation ul ul ul ul {
	display: none;
}





/* SUBNAV */
#content .sidebar .subnav {
	background: #4A3406 url(/images/bg/subnav-bg.gif) no-repeat left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#content .sidebar .subnav #planting,
#content .sidebar .subnav #education,
#content .sidebar .subnav #geographic,
#content .sidebar .subnav #planning,
#content .sidebar .subnav #about,
#content .sidebar .subnav #news,
#content .sidebar .subnav #support {
	display: none;
}
#content .sidebar .subnav #planting.on, #content .sidebar .subnav #planting.treeon,
#content .sidebar .subnav #education.on, #content .sidebar .subnav #education.treeon,
#content .sidebar .subnav #geographic.on, #content .sidebar .subnav #geographic.treeon,
#content .sidebar .subnav #planning.on, #content .sidebar .subnav #planning.treeon,
#content .sidebar .subnav #about.on, #content .sidebar .subnav #about.treeon,
#content .sidebar .subnav #news.on, #content .sidebar .subnav #news.treeon,
#content .sidebar .subnav #support.on, #content .sidebar .subnav #support.treeon {
	display: block;
}
#content .sidebar .subnav li#planting a,
#content .sidebar .subnav li#education a,
#content .sidebar .subnav li#geographic a,
#content .sidebar .subnav li#planning a,
#content .sidebar .subnav li#about a,
#content .sidebar .subnav li#news a,
#content .sidebar .subnav li#support a {
	display: none;
}
#content .sidebar .subnav li#planting ul a,
#content .sidebar .subnav li#education ul a,
#content .sidebar .subnav li#geographic ul a,
#content .sidebar .subnav li#planning ul a,
#content .sidebar .subnav li#about ul a,
#content .sidebar .subnav li#news ul a,
#content .sidebar .subnav li#support ul a {
	display: block;
}
#content .sidebar .subnav a {
	display: block;
	line-height: 1.4em;
}
#content .sidebar .subnav a:hover {
	text-decoration: none;
	background: #2F1F03;
}
#content .sidebar .subnav ul ul li {
	padding: 0px 0px 0px;
}
#content .sidebar .subnav ul ul li a {
	color: #F7FFC2;
	font-weight: bold;
	padding: 2px 10px;
	font-size: 95%;
}
#content .sidebar .subnav ul ul ul li a, #content .sidebar .subnav ul ul li.on ul li a {
	font-weight: normal;
	color: #F0EBD1;
	font-size: 90%;
	padding: 1px 10px 1px 20px;
}
#content .sidebar .subnav ul ul ul ul li a, #content .sidebar .subnav ul ul li.on ul ul li a {
	font-size: 85%;
	color: #D2C4A1;
	background: url(/images/icons/arrow-subnav.gif) no-repeat 22px 7px;
	padding-left: 29px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#content .sidebar .subnav ul ul ul ul li a:hover, #content .sidebar .subnav ul ul li.on ul ul li a:hover {
	text-decoration: none;
	background: #2F1F03 url(/images/icons/arrow-subnav.gif) no-repeat 22px 7px;
}
#content .sidebar .subnav ul ul ul ul ul li a {
	font-size: 75%;
	color: #a99973;
	background: url(/images/icons/arrow-subnav.gif) no-repeat 27px 7px;
	padding-left: 34px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#content .sidebar .subnav ul ul ul ul ul li a:hover {
	text-decoration: none;
	background: #2F1F03 url(/images/icons/arrow-subnav.gif) no-repeat 27px 7px;
}
#content .sidebar .subnav ul ul li {
	border-bottom: 1px solid #7E590A;
	/*padding-bottom: 10px;
	padding-top: 5px;*/
}
#content .sidebar .subnav ul ul ul li, #content .sidebar .subnav ul ul ul ul li {
	padding: 0px;
	border-style: none;
}
#content .sidebar .subnav ul ul ul ul {
	margin-bottom: 5px;
}

#content .sidebar .subnav ul ul li.on, #content .sidebar .subnav ul ul li.treeon {
	background: #684908;
}

#content .sidebar .subnav ul li.treeon ul li.treeon li.on a {
	background: #825b0a;
	font-weight: bold;
	color: #FFFFFF;
}
#content .sidebar .subnav ul ul ul {
	display:none;
}
#content .sidebar .subnav ul ul li.on ul,#content .sidebar .subnav ul ul li.treeon ul {
	display:block;
}


/* SUBNAV ON STATES */
/*#content .sidebar .subnav .on ul ul ul a {
	color: #D2C4A1;
	background: url(/images/icons/arrow-subnav-on.gif) no-repeat 22px 4px;
}
#content .sidebar .subnav .on .on a {
	color: #D2C4A1;
	background: url(/images/icons/arrow-subnav-on-on.gif) no-repeat 22px 4px;
}*/


/* 
----------------------------------------------------------------------------- 
INTERNAL STYLES
-----------------------------------------------------------------------------*/
#content {
	margin-bottom: 30px;
}
#content .content {
	width: 703px;
	padding-top: 6px;
	padding-right: 11px;
}
#full #content .content, #full-third #content .content {
	width: 955px;
	padding-right: 0px;
}
#full-third #content .content {
	margin-top: 30px;
}
#content  .content p {
	margin-bottom: 1em;
}
#content .content #copy a, #content .content .breadcrumbs a, #content .sidebar .components a {
	color: #076324;
	text-decoration: underline;
}


/* CONTENT HEADER STYLES */
#content .content h2 {
	color: #493306;
	margin-bottom: 10px;
	letter-spacing: 1px;
	font: normal 250% "Times New Roman", Times, serif;
	line-height: 1em;
}
#content .content #feature h2 {
	font-size: 275%;
	margin-bottom: 0px;
	line-height: 1em;
}
#content .content h3 {
	font-size: 150%;
	color: #5C4309;
	font-weight: normal;
	margin-bottom: 8px;
	line-height: 1em;
}
#content .content h4 {
	font-size: 125%;
	color: #938238;
	font-weight: normal;
	margin-bottom: 2px;
	line-height: 1em;
}
#content .content h5 {
	font-size: 110%;
	color: #77A278;
	font-weight: bold;
	line-height: 1em;
}


/* BREADCRUMBS AND PRINT/SHARE STYLES */
#content .content .print-share, #content .content .breadcrumbs {
	font-size: 85%;
	padding-bottom: 6px;
}
#content .content .print-share {
	width: 212px;
	color: #535563;
	text-align: right;
}
#content .content .print-share img {
	margin-left: 10px;
}
#content .content .print-share #textsize {
	margin: 0px;
}
#content .content .print-share #down, #content .content .print-share #up {
	margin: 0px 0px 0px 5px;
}
#content .content .print-share #up {
	margin: 0px 5px 0px 5px;
}
#content .content .breadcrumbs {
	width: 470px;
}
#overview #content .content .breadcrumbs {
	display: none;
}
#content .content #copy {
	margin-right: 12px;
	margin-left: 12px;
	line-height: 1.5em;
}
#content #copy ul {
	margin-bottom: 1em;
	margin-left: 1em;
}
#content #copy ul li {
	background: url(../../images/icons/bullet_black.png) no-repeat left 2px;
	margin-bottom: 1px;
	padding-left: 16px;
}
#content .content #copy .two-column-left, #content .content #copy .two-column-right {
	width: 47%;
}
#content .content #copy .two-column-left {
	margin-right: 40px;
}
#content #copy #sitemap ul {
	width: 955px;
	margin: 0px;
}
#content #copy #sitemap ul ul, #content #copy #sitemap ul ul ul, #content #copy #sitemap ul ul ul ul {
	width:auto;
	font-size: 95%;
	margin: 0px 0px 0px 1em;
}
#content #copy #sitemap ul li {
	float: left;
	width: 17em;
	margin: 0px;
	padding:0px;
	background: url(none);
	line-height: 1.3em;
}
#content #copy #sitemap ul ul li {
	background: url(none);
	padding:0px 0px 5px;
}
#content #copy #sitemap ul ul ul li {
	background: url(none);
	padding:0px 0px 1px;
}
#content #copy #sitemap ul li a {
	color: #4A3406;
}
#content #copy #sitemap ul ul li a {
	color: #076324;
}
#content #copy #sitemap ul ul ul li a {
	color: #458a57;
}
#content #copy #sitemap ul li#planting,
#content #copy #sitemap ul li#education,
#content #copy #sitemap ul li#geographic,
#content #copy #sitemap ul li#planning {
	margin: 0px 0.75em 2em 0px;
	border-top: 1px solid #C9C2A4;
	padding-top: 1em;
}
#content #copy #sitemap ul li#support,
#content #copy #sitemap ul li#about,
#content #copy #sitemap ul li#news {
	border-top: 1px solid #C9C2A4;
	padding-top: 1em;
	margin: 1em 0.75em 2em 0px;
}
#content #copy #sitemap strong {
	font-size: 125%;
}

/* RIGHT SIDEBAR STYLES */
#content .sidebar {
	width: 241px;
}


/* RIGHT SIDEBAR COMPONENT STYLES */
#content .sidebar .components {
	margin-bottom: 10px;
}
#content .sidebar .components p, #content .sidebar .components ul li {
	line-height: 1.3em;
	font-size: 85%;
}
#content .sidebar .components strong {
	font-weight: bold;
	color: #5C481D;
}
#content .sidebar .components ul li {
	padding-bottom: 12px;
}
#content .sidebar .components .events li {
	margin-bottom: 10px;
}
#content .sidebar .components h4, #content .sidebar .components h6 {
	font: normal 140% "Times New Roman", Times, serif;
	color: #4A3406;
	line-height: 1em;
}
#content .sidebar .components .top {
	background: url(/images/bg/component-bg.gif) no-repeat left top;
	padding-top: 10px;
}
#content .sidebar .components .bottom {
	background: url(/images/bg/component-bg.gif) no-repeat left bottom;
	padding: 0px 10px 10px;
}








/* 
----------------------------------------------------------------------------- 
USER STYLES
-----------------------------------------------------------------------------*/
.img-shadow-left {
	float:left;
	background: url(/images/bg/image-shadow.gif) no-repeat bottom right;
	margin: 0px 20px 10px 0px;
}
.img-shadow-right {
	float:right;
	background: url(/images/bg/image-shadow.gif) no-repeat bottom right;
	margin: 0px 0px 10px 20px;
}
.img-shadow-left img, .img-shadow-right img {
	display: block;
	position: relative;
	margin: -2px 3px 3px -2px;
} 






/* 
----------------------------------------------------------------------------- 
FOOTER STYLES
-----------------------------------------------------------------------------*/
#footer {
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #C9B37C;
	border-bottom: 1px solid #C9B37C;
	font-size: 95%;
	margin-bottom: 10px;
	line-height: 1.2em;
}
#footer  a {
	color: #5C4309;
	font-weight: bold;
}
#footer .copyright {
	text-align: right;
	font-size: 90%;
}
#homepage #footer .footernav {
	display: none;
}
#footer .footernav .utility {
	font-size: 90%;
}
#footer .footernav .utility a {
	color: #39824C;
	font-weight: normal;
}