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

/* homepage */
.homepage #homepagetitle { position:absolute; top:160px; left:20px; width:400px; height:32px; }
.homepage #box {position:relative;top:70px;}
.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 {position:absolute;top:5px;left:5px;    width:230px;height:315px;margin:3px 0px 0px 3px;background:url('/images/placeholder_frame2.jpg') top left no-repeat;overflow:hidden;padding:5px;}
.homepage #home_intro_box { position:absolute; top: 6px; left:283px; width:240px; height:370px; overflow:auto; }
.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:126px;background:#fffff0;overflow:hidden;}
.homepage #home_newstitle_box {position:absolute;top:132px;left:553px;width:180px;height:37px;background:url('/images/news_updates.gif') top left no-repeat;overflow:hidden;	}
.homepage #home_newsinfo_box { position:absolute; top:171px; left:553px; width:160px; height:185px; background:#fffff0; overflow: auto; padding:10px; }
.homepage #home_col2 { position:absolute; top:40px; left:0px; width:743px; }
.homepage #home_featuredprojecttitle_box { position:absolute; top:370px; left:12px; width:473px; height:33px; background:#5d7f55; overflow:hidden; }
.homepage #home_featuredprojecttitleimage_box { position:absolute; top:375px; left:30px; width:230px; height:30px; ) top left no-repeat; overflow:hidden; margin: 0; padding: 0; }
.homepage #home_featuredproject_box { position:absolute; top:400px; left:12px; width:473px; height:300px; background:#fffff0; overflow:auto; }
.homepage #home_featuredproject_info { position:absolute; top:400px; left:21px; width:230px; height:350px; overflow:auto; }
.homepage #home_featuredproject_image {position:absolute;top:345px;left:270px;width:250px;height:200px;background:#ffffff;padding:3px;overflow:hidden;}
.homepage #home_seal1_image {position:absolute;top:365px;left:553px;width:90px;height:150px;overflow:hidden;}
.homepage #home_seal2_image {position:absolute;top:370px;left:653px;width:85px;height:150px;overflow:hidden;}
.homepage #footer { padding: 0; position:absolute; top:770px; left:0px; 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;overflow: hidden;position: relative;top: 0px;left: 0px;}
.staff #mainContent { background-color: transparent; width: 440px; overflow: auto; position: absolute; top: 0px; left: 280px; height: 520px; }
.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:1050px; 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; }

/* 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;}