@charset "UTF-8";
@import url(/css/header.css);
@import url(/css/menu.css);
@import url(/css/common.css);
@import url(/css/footer.css);
@import url(/css/secure.css);

/* homepage */
.homepage #homepagetitle { margin-top:20px; margin-left:10px; width:400px; height:40px; }
.homepage #box {position:relative;margin-top:10px;}
.homepage #home_flash_box {position:absolute;top:7px;left:15px;width:246px;height:331px;background:url('/images/placeholder_frame2.jpg') top left no-repeat;overflow:hidden;}
.homepage #home_flash {float:left;width:230px;height:315px;margin:0 20px 0 0;background:url('/images/placeholder_frame2.jpg') top left no-repeat;padding:3px;}
.homepage #home_intro_box { float:left; width:215px;}
.homepage #home_intro_img_text {float:left;overflow:hidden;width: 130px;}
.homepage #home_intro_img {position:relative;float:right;overflow:hidden;width: 90px;}
.homepage #home_newsimage_box {position:absolute;top: 7px;left:553px;width:180px;height:137px;background:#fffff0;overflow:hidden;}
.homepage #home_newstitle_box {position:absolute;top:144px;left:553px;width:180px;background-color:#f8e983;color:#5d7f55;text-align:center;padding:4px 0;font-family:georgia,"times new roman",serif;font-size:19px;}
.homepage #home_newsinfo_box { background:#ffffff; padding:5px; }
.homepage #home_newsinfo_box p {margin:12px 3px;}
.homepage #home_newsinfo_box hr { border-color: #d0c6aa; border-style: dotted none none; border-width: 1px medium medium; margin-top: 10px; width: 100%; color: #FFFFFF; height: 1px; }
.chevron {font-size:1.5em; line-height:0.5em;}
.homepage #home_newsletter_box { position:absolute; top:433px; left:520px; width:204px; background:#ffffff; padding:5px; border:1px solid #fff; }
.homepage #home_newsletter_title_box {position:absolute;top:402px;left:520px;width:216px;background-color:#f8e983;color:#5d7f55;text-align:center;padding:4px 0;font-family:georgia,"times new roman",serif;font-size:19px;}



.homepage #home_col_1 {float:left;width:490px;margin:10px;}
.homepage #home_col_2 {float:left;width:214px;margin:5px 0 0 9px;}


.homepage .home_featuredprojecttitle_box { color:#fff;font-family:georgia,"times new roman",serif;font-size:19px; padding:5px 10px; background-color:#5D7F55;margin-top:20px;}
.homepage .home_featuredprojecttitleimage_box { position:absolute; top:375px; left:30px; width:230px; height:30px; ) top left no-repeat; overflow:hidden; margin: 0; padding: 0; color:#fff;font-family:georgia,"times new roman",serif;font-size:19px;}
.homepage .home_featuredproject_box { position:absolute; top:403px; left:12px; width:485px; height:280px; background:#fffff0; overflow:auto; }
.homepage .home_featuredproject_info { background:#fff;padding:10px;}
.homepage .home_featuredproject_info img {margin-left:15px;}
.homepage .home_featuredproject_image {position:absolute;top:345px;left:270px;width:250px;height:208px;background:#ffffff;padding:3px;overflow:hidden;}


.homepage #home_seal1_image {text-align:center;}
.homepage #home_seal1_image img {margin:20px auto;}
.homepage #home_seal2_image {position:absolute;top:370px;left:653px;width:85px;height:150px;overflow:hidden;}
.homepage #footer { padding: 0; position:relative; background:#c90; width:743px; } 
.homepage #footer p {display:inline;position:absolute;top:20px;left:300px;margin:0;padding:0;}

/* Staff page */
.staff #box {position:relative;top:60px;}
.staff #sidebar1 {background-color: transparent;width: 260px;position: relative;top: 0px;left: 0px;}
.staff #mainContent { background-color: transparent; width: 440px; position: absolute; top: 0px; left: 280px; height: 750px; }
.staff #col1 {background-color: transparent;width: 220px;float: left;overflow: hidden;margin-left: 0px;margin-top: 10px;}
.staff #col2 {background-color: transparent;width: 220px;float: left;overflow: hidden;margin-left: 10px;margin-top: 10px;}
.staff #sidebar2 { background-color: transparent; width: 690px; overflow: hidden; color:#4F4F4D; position: absolute; top: 420px; left: 40px; height: 310px; }
.staff #mainContent2 { background-color: transparent; width: 275px; overflow: auto; position: absolute; top: 630px; left: 240px; height: 225px; }
.staff #footer { padding: 0; position:absolute; top:855px; left:0px; background:#c90; width:743px; } 
.staff #footer p {display:inline;position:absolute;top:20px;left:300px;margin:0;padding:0;}

/* Partners page */
.partners #header_box { margin-left: 130px; margin-top: 60px; margin-right: 20px; }
.partners #sidebar1 { float: left;width: 425px; overflow: hidden; margin-top: 23px; margin-left:20px; margin-bottom: 10px; }
.partners #mainContent { margin: 20px 20px 0 470px;}
.partners #imgflt { width: 420px; overflow: hidden; float: left; }

/* Two Columns Left Image Right Main Content */
.twoColFixLtHdr #sidebar1 { float: left;width: 260px; overflow: hidden; margin-top: 60px; margin-left:20px; }
.twoColFixLtHdr #mainContent { margin: 60px 20px 0 310px;} 
.twoColFixLtHdr .linkimgbox { background-color: transparent; width: 400px; float: left; overflow: hidden; margin-top: 10px; }
.twoColFixLtHdr .linkimg {background-color: transparent;width: 120px;float: left;overflow: hidden;margin-top: 10px;}
.twoColFixLtHdr .linkdesc { background-color: transparent; width: 220px; float: left; overflow: hidden; margin-left: 10px; margin-top: 80px; }
.twoColFixLtHdr #enewsletter_form { background-color:transparent; width:350px; float:left; overflow:hidden; color:#4F4F4D; }
.twoColFixLtHdr #enewsletter_form p {margin:15px 0 0 0;padding:0;}
.twoColFixLtHdr #enewsletter_form p label {margin:0 8px 0 0;padding:0;}

/* Two Columns Right Image Left Main Content */
.twoColFixRtHdr #sidebar1 { width: 330px;padding: 0px 10px; overflow:hidden; margin-top:90px; float:right; margin-bottom: 20px;margin-right:10px; }
.twoColFixRtHdr #mainContent {margin: 60px 370px 20px 0; padding: 0 20px; } 
.twoColFixRtHdr .work_legend_box { background-color: transparent; width: 350px; float: left; overflow: hidden; margin-top: 10px; }
.twoColFixRtHdr .work_legend_bullet {background-color: transparent;width: 12px;float: left;overflow: hidden;margin-left: 0px;margin-top: 2px;}
.twoColFixRtHdr .work_legend_link { background-color: transparent; width: 229px; float: left; overflow: hidden; margin-left: 10px; margin-top: 2px; font-size: 14px;}
.twoColFixRtHdr #work_img1 { background-color: transparent; width: 310px; float: left; overflow: hidden; margin-top: 20px; margin-bottom: 20px; }
.twoColFixRtHdr #shopform { width:359px; float:left; margin: 0 0 20px 0; padding: 0; }
.twoColFixRtHdr #shopform div.group1 { float:left; width: 15em; padding-left: 10px; margin: 0; }

/* One Column */
.oneCol #mainContent {margin: 60px 0px 20px 0; padding: 0 20px; } 

/* secure.yosemitefund.org one column */
.secure #mainContent { width:683px; margin:21px 20px 0 20px; }
.secure .linkimgbox { background-color: transparent; width: 400px; float: left; overflow: hidden; margin-top: 10px; }
.secure .linkimg {background-color: transparent;width: 120px;float: left;overflow: hidden;margin-top: 10px;}
.secure .linkdesc { background-color: transparent; width: 220px; float: left; overflow: hidden; margin-left: 10px; margin-top: 80px; }
.secure #enewsletter_form { background-color:transparent; width:350px; float:left; overflow:hidden; color:#4F4F4D; }
.secure #enewsletter_form p {margin:15px 0 0 0;padding:0;}
.secure #enewsletter_form p label {margin:0 8px 0 0;padding:0;}

 /* Three columns */
.thrColFixHdr #sidebar1 {float: left;width: 225px;margin-top: 60px;margin-left:10px;overflow: hidden;}
.thrColFixHdr #sidebar2 {float: right;width: 225px;margin-top: 200px; margin-right:10px;overflow: hidden;}
.thrColFixHdr #mainContent {padding: 0 10px;margin-top: 60px;margin-left: 250px;margin-right: 250px;} 

/* Forms */
.formbox { float:left; width:300px; }
.formbox form p {margin: 0 0 2px 0;clear:left;}
.formbox form p.actions{margin-left:100px;}
.formbox label {width:100px;display:block;float:left;}
.formbox label span {text-align:right;}

/* Clearing Classes */
html body span.clear,html body div.clear,html body li.clear,html body dd.clear { background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0; }
.clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } .clearfix { display: block; }
#YClogo {
	font-family:'Times New Roman',Times,serif;
	font-size:29px;
	float:left;
	width:300px;
	padding-top:7px;
	color:#ffffff;
	margin:24px 10px;
	text-align:center;
}
#announcement {
	font-family:'Times New Roman',Times,serif;
	font-size:13px;
	float:right;
	width:400px;
	color:#ffffff;
	margin:25px 10px;
}
#announcement a {
	color:#ffffff;
}