@import url("../../css/default.css");


/* ----- Structural   ------------------------------------------------------------------------------------------------- */
/* thickbox */
#tBox{ border-top:solid 4px #fff; overflow:hidden; }
#tBox ul{ list-style-type:none; }
#tBox li{ margin:10px 0 0 0; }
#tBox .tabNav{ width:662px; }
#tBox .alert, #tBox .errors, #tBox .info, #tBox .warn, #tBox .done{ width:662px; }

body{ background:#ede9d0 url(../../images/hftn/bg_hftn.png) repeat-x 101px top; border-top:solid 4px #0e0603; font:normal 12px/1.6 Helvetica, Arial, sans-serif; text-align:left; /*min-width:1000px; width:auto;*/ } /* Horizontal bg img position lines up with the donate button */
#shell{ background:transparent url(../../images/hftn/bg_footer.gif) repeat-x left bottom; border:0; margin:0; padding:0 0 30px 0; padding-right:0; min-width:1020px; width:100%; }
.topShelf{ border-top:0; width:1000px; }
    .searchBar{ float:left; margin:0 0 0 10px; width:auto; }
           .searchBar input{ float:left; padding:5px; text-transform:uppercase; }
           .searchBar input.search-input{ font-size:15px; margin:2px 2px 0 0; padding:5px 5px 5px 5px; text-transform:none; } 
    .loginInfo{ background-color:#fff; color:#000; filter:alpha(opacity=70); float:right; margin:8px 0px 0 0; -moz-opacity:0.70; opacity:0.70; padding:7px 15px 8px 15px; }
    .loginLink a{ display:none; }
    .clientDonate a:link, .clientDonate a:visited, .clientDonate a:active{ background: url(../../images/hftn/donate_btn.png) top left no-repeat; float:right; height:40px; margin:0 0 0 20px; padding:0; text-indent:-999px; width:106px; }
    .clientDonate a:hover{ background-position: 0px -40px; }
#header{ background:transparent; clear:left; width:1000px; }
    /*.siteLogo{ display:none; }*/
   
#content{
    background:#453420 url(../../images/hftn/bg_content.gif) repeat-y left top;
    border-bottom:solid 10px #453420;
    border-top:solid 10px #453420;   
    float:left; /* not original */   
    margin-left:15px;
    min-height:530px;
    padding-bottom:140px;
    padding-top:20px;   
    width:995px; /* width:815px; original */
}
    #mainCol{
        float:left; 
        margin:0; 
        overflow:hidden; 
        padding:0; 
        width:530px; /* 525 */
    }
    #sideCol{ float:left; margin:0; padding:0 0 20px 20px; width:245px; }            
    #sideColWide {
        float:left; 
        margin:0;
        padding:0 0 20px 25px; 
        width:245px;
        overflow: visible;
    }
    
	#artishope_banner {
		position: relative;		/* for artishope_ribbon positioning */
		float: right; 
		margin: 0 1px 10px 0;
		}
    #artishope_banner #artishope_ribbon {
		position: absolute;		/* requires parent to have position: relative */
		top: 290px;			
		width: 218px !important; /* 238 - (left padding + right padding) [for IE6] */ 
		width: 238px;
		padding: 0.8em; /* 0.8 x font-size(12px) =~ 10px */
		background-color: #ff7c35;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		}
		
    #sidebar{
        background: url(images/bg_sidebar_update01.gif) no-repeat left top;
        display:block;
        height:550px;
        left:15px;
        position:absolute;
        width:160px;
    }
   
#footer{
    background:#453420;
    border-top:solid 0px #ede9d0;
    clear:left;
    font-size:11px;
    height:110px;
    margin:0;
    padding:0 0 40px 0;
    position:static;
    min-width:1020px;
    width:100%;
}
    #footerNav{ margin-left:20px; width:1000px; }
    #footerNav li{ float:right; }
    #footerNav a:link, #footerNav a:visited, #footerNav a:active{ border-top:0px; color:#fff; padding:25px 10px 5px 0; text-decoration:underline; }
    #footerNav a:hover{ border-top:0px; text-decoration:underline; }
    #footer span{ line-height:30px; }
    #footer p{ color:#000; font-size:10px; line-height:12px; margin:10px 0px 20px 610px; text-align:right; width:400px; }

/* ----- Navigation       ------------------------------------------------------------------------------------------------- */

#mainNav{ background:transparent url(../../images/hftn/navigation_bg.png) no-repeat right top; border-bottom:solid 0px #000; font:normal 20px/40px Georgia,Utopia,Palatino,'Palatino Linotype',serif; margin-left:15px; margin-top:70px; text-transform:capitalize; width:1000px; }
    #mainNav ul{ margin-left:165px; width:815px; }
    #mainNav ul li{ float:left; margin:0; text-align:center; }
    #mainNav a.current{ background:transparent url() no-repeat 50% bottom !important; color:#f65a29 !important; text-decoration:none; } /* !important for IE6 */   
    #mainNav a:link, #mainNav a:visited, #mainNav a:active{ color:#5d1c0b; display:block; padding:0 10px 10px 10px; text-decoration:none; }
    #mainNav a:hover{ color:#f65a29; }
    #mainNav li.rightTab a:link, #mainNav li.rightTab a:visited, #mainNav li.rightTab a:hover, #mainNav li.rightTab a:active{ font-size:20px; text-transform:capitalize; }
    
.subnav, 
.aboutSubnav{
    background:transparent; 
    border-top:none;
    font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif; 
    margin:0; 
    min-height:0; 
    padding-bottom:3px; 
    padding-left:0; 
    width:auto; 
}
    .subnav .current, 
    .aboutSubnav .current{
        background:#453420 !important; 
        color:#b2e0ed !important; 
        text-decoration:none !important; 
    }
    .subnav a:link, 
    .subnav a:visited, 
    .subnav a:active, 
    .aboutSubnav a:link, 
    .aboutSubnav a:visited, 
    .aboutSubnav a:active{
        background:#453420; 
        color:#fff; 
        display:block; 
        float:left; 
        font-size:12px; 
        font-weight:normal; 
        height:auto; 
        line-height:11px; 
        margin:0 1px 1px 0; 
        padding:10px; 
        text-decoration:underline; 
        width:auto; 
    }
    .subnav a:hover, 
    .aboutSubnav a:hover{
        background:#453420; 
        color:#b2e0ed; 
        text-decoration:none; 
    }
    .aboutSubnav{ width:auto !important; }    

/* ----- Misc. 'Utility' Layout hooks ----------------------------------------------------------------------------------- */
.width70{ width:500px; }
#content>p, #content>h3{ margin-left:0; }
#content>.floatR{ margin-right:30px; }
h2.pageHdr{ margin:0 0 15px 0; padding:0; }
table{ background-color:transparent; }
table.vidGallery, table.donations, table.account{ /*width:750px;*/ }

#content .alert, #content .errors, #content .info, #content .warn, #content .done{ margin:20px 30px 20px 0;  }
.profileLink{ margin:0 30px 0 0 !important; }

#content>#tabs{ width:785px; }
#content>.tabNav{ width:785px; }
#mainCol .tabNav{ /*width:520px;*/ }
#content>.tabSubNav{ width:785px; }


.stepsLeft li{ width:240px !important; }

.regList{ list-style-type:disc; }
.regList li{ float:none; margin:0 0 0 25px; }

.hor-minimalist-b{ max-width:785px; }

table.width100{ /*width:785px;*/ }
    table th.dateLg{ width:90px; }
table.resultsTbl{ background-color:#fefefe; /*table-layout:fixed;*/ /*width:785px;*/ }
    .resultsTbl th.id{ padding-left:5px !important; width:45px; }
    .resultsTbl th.name{ width:150px; }
    .resultsTbl th.email{ width:180px; }
    .resultsTbl th.rights{ width:50px; }
    .resultsTbl th.date{ width:50px; }
    .resultsTbl th.mailList{ width:40px; }
    .resultsTbl th.options{ padding-right:0; width:120px; }
   
.assetTree, .sitemapSubHdr{ /*width:785px;*/ }

.assetTree{ float:none; }
.assetTree ul{ color:#333; list-style-type:disc; }
.assetTreeProgram{ list-style-type: none; margin:0; padding:15px 10px 15px 20px; }
.assetTreeProject{ margin:0 0 0 50px; }
.assetTreeChampion{ margin:0 0 0 50px; }
.assetTreeMembers{ color:#333; list-style-type:disc; float:left; margin-left:15px; width:295px; }

/* ----- Homepage --------------------------------------------------------------------------------------------------- */
#home #mainCol{ width:525px; }

.intro{ clear:none; height:auto; margin:0 0 10px 0; overflow:hidden; position:relative; width:527px; }
.intro ul{ list-style-type:none; }

.slideshow{ background:#000; display:block; font-size:14px; height:350px !important; line-height:20px; overflow:hidden; position:relative; z-index:1111; }
#homepageIntro li{ height:350px; width:527px; }
.introChristmas a:link, .introChristmas a:visited, .introChristmas a:active{ display:block; height:350px; text-decoration:none; width:527px; }

/* #1712 note: this may need margin-bottom:5px */
#homepageIntro li p{ background:transparent; color:#fff; float:left; font: normal 40px/40px Georgia, Times New Roman, serif; letter-spacing:-1px; padding:10px; width:auto; }
#homepageIntro li.introOne{ background: url(../../images/hftn/bg_homeSplash_01.jpg) no-repeat left top; }
#homepageIntro li.introOne p{ margin:200px 0 0 335px; }
#homepageIntro li.introTwo{ background: url(../../images/hftn/bg_homeSplash_02.jpg) no-repeat left top; }
#homepageIntro li.introTwo p{ margin:200px 0 0 365px; }
#homepageIntro li.introThree{ background: url(../../images/hftn/bg_homeSplash_05.jpg) no-repeat left top; }

/*#homepageIntro li.introThree p{ margin:30px 0 0 315px; }*/
#homepageIntro li.introThree p{ margin:90px 0 0 0; }

#homepageIntro li.introFour{ background: url(../../images/hftn/bg_homeSplash_04.jpg) no-repeat left top; }
#homepageIntro li.introFour p{ margin:130px 0 0 30px; }
#homepageIntro li.introChristmas{ background: url(../../images/hftn/hftn_christmasBanner.jpg) no-repeat left top; }

/* Transparent Overlay Tabs */
.transparentBg{ bottom:0px; height:70px; position:absolute; z-index:5555; }
.transparentBg li{ background:#000; float:left; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; height:70px; margin-right:2px; width:174px; }
.homeAct{ bottom:0px;  position:absolute; z-index:9999; }
.homeAct a:link, .homeAct a:visited, .homeAct a:active{ color:#fff; display:block; font-size:14px; font-weight:bold; line-height:14px; padding:20px 20px 23px 20px; text-decoration:none; }
.homeAct a:hover{ background:#CCCC00; color:#fff; }
.homeAct li{ float:left; height:70px; margin-right:2px; width:174px; }
a.homeActWho:hover{ background:#453420; }
a.homeActChampion:hover{ background:#453420; }
a.homeActDonate:hover{ background:#990000; }

.homeIntroText{ background:#ece8cf; height:auto; padding-bottom:20px; width:527px; z-index:99999; }
.homeIntroText p{ line-height:1.4; margin:0px 30px 5px 20px; padding:0; }
.homeIntroText h3{ background:transparent; font-family:Georgia, serif; font-size:24px; font-style:italic;  letter-spacing:0px; padding:15px 0 0 15px; }

.blog ul{ padding-bottom:15px; padding-left:25px; }
.blog li{ margin-right:50px; }
.blog h3{ display:none; }
.blog h5{ float:left; height:20px; margin-top:20px; }
.blog h5 span{ line-height:9px; padding-left:10px; }
.blog h5 img{ position:relative; bottom:-3px; }
.blog h5 a:hover{ text-decoration:none; }
.blog p{ display:block; margin:0 50px 20px 20px; padding:0;  }
.blog h1, .blog h2, .blog h3, .blog h4{ margin:0 0 0 20px; padding:20px 0 0 0;  }
.blog .rssItem img{ border:solid 0px #FFE0BF; display:block; margin:0px 0 0 -20px; padding:0px !important; }
.blog .rssItem{ background:#ece8cf; border-top:solid 0px #666; margin:0px 0 10px 0px; padding:0px 0 40px 0; overflow:hidden; }
.blog p.wp-caption-text{ color:#777; font-size:12px; margin-top:5px; }

.featureCarousel{ background:#f8f8f8; clear:none; float:right; height:290px; position:relative; overflow:hidden; width:238px; }
.featureCarousel object{ float:left; }
.featureCarousel img{ margin:6px; width:238px; }
.featureCarousel ul{ float:left; height:290px; width:238px; }
.featureCarousel li{ float:left; height:290px; line-height:1.1; width:238px; }
.featureCarousel h3{ font-size:18px; font-weight:bold; line-height:18px; margin:10px 10px 0 10px; }
.featureCarousel h4{ background:#f8f8f8; border:0; clear:left; color:#333; float:left; font-size:18px; font-weight:bold; line-height:18px; margin:0 0 0 10px; overflow:visible; padding:0px; width:auto; }
.featureCarousel .buttons{ border:0; display:block; float:left; font-size:18px; font-weight:normal; margin:5px 0 0 10px; }
.featureCarousel .buttons a:link, .featureCarousel .buttons a:active, .featureCarousel .buttons a:visited{ background:#f8f8f8; clear:none; color:#666; float:none; height:auto; line-height:18px; margin:0; padding:0px; width:auto; }
.featureCarousel .buttons a:hover{ background:#f8f8f8; color:#000; text-decoration:none; }
.featureCarousel .buttons .next1{ border:0; clear:none; }
.featureCarousel .buttons .prev1{ clear:both; }

.featureBanner{ background:#eee; float:right; height:250px; margin-top:10px; width:238px; }
.featureBanner a:link, .featureBanner a:active, .featureBanner a:visited{ background: url(../../images/hftn/himalayaBannerSprite.jpg) no-repeat 0px 0px; display:block; height:252px; width:238px; }
.featureBanner a:hover{ background: url(../../images/hftn/himalayaBannerSprite.jpg) no-repeat 0px -252px; text-decoration:none; }

.christmasTreeBanner{ background:#eee; float:right; height:250px; margin-top:10px; width:238px; }
.christmasTreeBanner a:link, .christmasTreeBanner a:active, .christmasTreeBanner a:visited{ background: url(../../images/hftn/banner_christmasTree.gif) no-repeat 0px 0px; display:block; height:252px; width:238px; }
.christmasTreeBanner a:hover{ text-decoration:none; }

.homeBanner{ background:#eee; float:right; height:250px; margin-top:10px; width:238px; }
.homeBanner a:link, .homeBanner a:active, .homeBanner a:visited{ background: url(../../images/hftn/sponsorshipBannerSprite.jpg) no-repeat 0px 0px; display:block; height:252px; width:238px; }
.homeBanner a:hover{ background: url(../../images/hftn/sponsorshipBannerSprite.jpg) no-repeat 0px -252px; text-decoration:none; }

.eventsBanner{ background:#eee; float:right; height:125px; margin-top:10px; width:238px; }
.eventsBanner a:link, .eventsBanner a:active, .eventsBanner a:visited{ background: url(images/sprite_specialEventsV2.gif) no-repeat 0px 0px; display:block; height:125px; width:238px; }
.eventsBanner a:hover{ background: url(images/sprite_specialEventsV2.gif) no-repeat 0px -125px; text-decoration:none; }

#home #sideColWide .socialBookmarks{ float: none; }
#home #sideColWide .activityBox{ float: left; } /* for IE7 */


/********************/
/* Take Action Page */
/********************/
#takeaction_slideshow, #takeaction_slideshow li { height:350px; width:795px; background-color: white; list-style: none; }
#takeaction_slideshow li a { position: absolute; top: 0; left: 0; height: 350px; width: 795px; z-index: 9}
#takeaction_slideshow li .ribbon_shadow { position: absolute; width: 498px; left: 10px; background: #000; z-index: 7; filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; }
#takeaction_slideshow li .ribbon { position: absolute; width: 498px; background: #990000; z-index: 8; }
#takeaction_slideshow li .ribbon p { position: absolute; padding: 10px 20px; font-size: 14px; font-weight: bold; color: #fff; }

#takeaction_slideshow li.slide01 { background: url(../../images/hftn/hftn_takeaction_slide1.jpg) no-repeat top left; }
#takeaction_slideshow li.slide01 .text_overlay { position: absolute; top: 80px; left: 0px; width: 578px; }
#takeaction_slideshow li.slide01 .text_overlay p { padding: 10px; font-size: 16px; font-family: Georgia, Serif; font-weight: bold; color: #fff; }
#takeaction_slideshow li.slide01 .ribbon_shadow { top: 286px; height: 64px; }
#takeaction_slideshow li.slide01 .ribbon { top: 276px; height: 64px; }
#takeaction_slideshow li.slide02 { background: url(../../images/hftn/hftn_takeaction_slide2.jpg) no-repeat top left; }
#takeaction_slideshow li.slide02 .ribbon_shadow { top: 286px; height: 64px; }
#takeaction_slideshow li.slide02 .ribbon { top: 276px; height: 64px; }
#takeaction_slideshow li.slide03 { background: url(../../images/hftn/hftn_takeaction_slide3.jpg) no-repeat top left; }
#takeaction_slideshow li.slide03 .ribbon_shadow { top: 286px; height: 64px; }
#takeaction_slideshow li.slide03 .ribbon { top: 276px; height: 64px; }
#takeaction_slideshow li.slide04 { background: url(../../images/hftn/hftn_takeaction_slide4.jpg) no-repeat top left; }
#takeaction_slideshow li.slide04 .ribbon_shadow { top: 286px; height: 64px; }
#takeaction_slideshow li.slide04 .ribbon { top: 276px; height: 64px; }
#takeaction_slideshow li.slide05 { background: url(../../images/hftn/hftn_takeaction_slide5.jpg) no-repeat top left; }
#takeaction_slideshow li.slide05 .ribbon_shadow { top: 286px; height: 64px; }
#takeaction_slideshow li.slide05 .ribbon { top: 276px; height: 64px; }
	
#takeaction_slideshow_wrapper { position: relative; margin: 0 0 20px 0; }

#takeaction_slideshow_wrapper .opacity_layer { position: absolute; top: 0; left: /*795-189=*/606px; height:108px; z-index:10; }
#takeaction_slideshow_wrapper .opacity_layer li { margin-bottom: 13px; height:108px; width:189px; list-style: none; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

#takeaction_slideshow_wrapper .tabs_overlayed { position:absolute; top: 0; left: /*795-189=*/606px; height:108px; z-index:11; }
#takeaction_slideshow_wrapper .tabs_overlayed li { margin-bottom: 13px; height:108px; width:189px; list-style: none; }
#takeaction_slideshow_wrapper .tabs_overlayed a { color:#fff; display:block; height: 48px !important; padding: 30px 20px; height: /*108-2*30 (minus padding)*/48px; font-size:16px; font-weight:bold; line-height:1.4em; text-decoration:none; }
#takeaction_slideshow_wrapper .tabs_overlayed a:hover { background:#453420; }

.four_columns_wrapper { width: 100%; overflow: hidden; margin: 20px 0px; }
.four_columns_wrapper .column { float: left; width: 189px; margin-right: 13px; }
.last { margin-right: 0; }

.column h2.sectionHdr { 
	margin: 15px 10px 10px 10px;
	font-size: 28px; }
.column h3.sectionSubHdr { margin: 0px 10px 10px 10px; }
.column p { margin: 10px; }
#takeaction_boxes .column { height: 500px; }
#takeaction_boxes .column p, #takeaction_boxes .column h2, #takeaction_boxes .column h3 { color: #fff; }
#takeaction_boxes .column p { /*font-weight: bold; /*height: 380px;*/ }

#takeaction_boxes #one { background: #e53b3b/*990000*/ url(../../images/hftn/takeaction_boxes_column_one.jpg) no-repeat top left; }
#takeaction_boxes #two { background: #f67d56/*f65a29*/ url(../../images/hftn/takeaction_boxes_column_two.jpg) no-repeat top left;}
#takeaction_boxes #three { background: #ca995e/*453420*/ url(../../images/hftn/takeaction_boxes_column_three.jpg) no-repeat top left;}
#takeaction_boxes #four  { background: #5aa0b4/*b2e0ed*/ url(../../images/hftn/takeaction_boxes_column_four.jpg) no-repeat top left;}

#takeaction_boxes #one a { color: #ffc68c; }
#takeaction_boxes #two a { color: #ffd580; }
#takeaction_boxes #three a { color: #ffff80; }
#takeaction_boxes #four a { color: #80ffd4; }

div.fundraising { display: none; }

/*
.takeActionIntro{ background:transparent url(../../images/hftn/bg_takeAction.jpg) no-repeat 480px top; height:auto; margin:0 0 0 0px; }
.takeActionIntro h2.pageHdr{ margin:0; padding:0; }

.hftnIntro{ background:#ece8cf; border:solid 1px #453420; margin:10px 0; overflow:hidden; padding:0; }
.hftnIntro p{ font-size:16px; line-height:18px; margin:15px 30px 15px 10px; }
.hftnIntro ul{ float:left; }
.hftnIntro li{ border-top:solid 1px #d2cfb8; float:left; list-style-type:none; margin:0; padding:0; width:448px; }
.hftnIntro a:link, .hftnIntro a:active, .hftnIntro a:visited{ background:#ece8cf; color:#000; display:block; font-size:16px; height:20px; line-height:17px; padding:10px; text-decoration:none; width:428px; }
.hftnIntro a:hover{ background:#b3a684; color:#fff; }

li.donate{ border-top:solid 6px #990000; }
li.champion{ border-top:solid 6px #453420; }
li.share{ border-top:solid 6px #453420; }

div.fundraising{ display:none; }
.fundraising{ background: url(../../images/hftn/bg_assetBrowser.gif) repeat-y left 5px; float:left; margin:0 0 0 0px; }
.fundraising h3{ width:240px; }
.fundraising ul{ width:242px; } 
.fundraising ul li{ width:260px; } 
.fundraising ul li h4 a{ width:210px; } 
.fundraisingArchitecture li{ width:240px; }
.fundraising .middle{ margin:0 20px 0 20px; } 
ul#projects, ul#fundraisers, ul#projectChosen, ul#fundraiserChosen{ width:241px; } 
.projectMsg{ margin:10px 0 0 30px; padding:0; width:240px; }
.fundraiserMsg{ margin:10px 0 0 20px; padding:0; width:240px; }*/





/* ----- FAQ Page --------------------------------------------------------------------------------------------------- */
#faqContent{ padding:0 0 40px 0; width:450px; }
    #faqContent ul, ul.vert{ list-style-type:none; width:450px; }
        #faqContent ul li, ul.vert li{ list-style-type:none; width:450px; }
    #faqContent h2.pageHdr{ margin-bottom:0; padding:3px; width:450px; }
.faqQuery{ background:#f2e6c6; margin:100px 30px 0 0; padding:20px; width:250px; }
.faqQuery textarea{ display:block; margin-bottom:7px; width:250px; }
.faqQuery input{ display:block; margin-bottom:7px; width:250px; }
.faqQuery h3.subHdr{ margin-top:0; }
#faqContent h3.subHdr{ width:450px; }

/* ----- Login Page ------------------------------------------------------------------------------------------------- */
.loginIntro{ margin:0; padding:0; width:670px; }
    #content .loginIntro h2.pageHdr{ margin:0 0 20px 0; padding:0; width:670px; }
.loginBox{ background:#f2e6c6; margin:20px 0 0 0px; padding:20px 20px 20px 0; width:370px; }
    .loginBox input, .loginBox select{ margin:0 0 15px 20px; width:300px; }
.signupBox { background:transparent; margin:20px 0 0 10px; width:370px; }
.loginBox .errors, .signupBox .errors{ margin:20px 20px 20px 20px !important; padding-right:0px; width:300px; }


/* ----- Asset Pages ------------------------------------------------------------------------------------------------- */
#accordion{ margin-top:5px; overflow:hidden; /*width:795px;*/ }
#accordion .accordionContent .asset-summary{ width:500px; }/* for IE6 */
#accordion .accordionContent .summary-sidebar{ float:left; margin-left:50px; width:222px; }/* for IE6 */
#fundingPg{ background:#b2e0ed; margin:0 0 20px 0; /*width:775px;*/ }

.actionNav a:link, .actionNav a:visited, .actionNav a:active{ background:#453420; color:#fff; display:block; font-family:helvetica, Arial, sans-serif; font-size:20px; font-weight:bold; letter-spacing:0px; line-height:20px; margin:2px 0; padding:11px 10px; text-transform:uppercase; }
.actionNav a:hover{ background:#330000; color:#fff; text-decoration:none; }/* note: gets underline from global a */
.actionNav a span{ font-size:15px; font-weight:normal; letter-spacing:0px; line-height:20px; margin-left:1px; text-transform:none; }

.actionNav a.createProject:link, .actionNav a.createProject:visited, .actionNav a.createProject:active{ background:#453420; }
.actionNav a.createProject:hover{ background:#330000; text-decoration:none; }/* note: also gets rules from .actionNav a & global a */
.actionNav a.createProject span{ color:#fff; }

.actionNav a.startChampion:link, .actionNav a.startChampion:visited, .actionNav a.startChampion:active{ background:#453420; }
.actionNav a.startChampion:hover{ background:#330000; text-decoration:none; }/* note: also gets rules from .actionNav a & global a */
.actionNav a.startChampion span{ color:#fff; }

.actionNav a.inviteFriends:link, .actionNav a.inviteFriends:visited, .actionNav a.inviteFriends:active{ background:#453420; }
.actionNav a.inviteFriends:hover{ background:#330000; text-decoration:none; }/* note: also gets rules from .actionNav a & global a */
.actionNav a.inviteFriends span{ color:#fff; }

.actionNav a.follow:link, .actionNav a.follow:visited, .actionNav a.follow:active{ background:#453420; } /* special handling for donate & manage */
.actionNav a.follow:hover{ background:#330000; }/* note: also gets rules from .actionNav a & global a */
.actionNav a.follow span{ color:#fff; }

.actionNav a.manage:link, .actionNav a.manage:visited, .actionNav a.manage:active{ background:#555; } /* special handling for donate & manage */
.actionNav a.manage:hover{ background:#333; }/* note: also gets rules from .actionNav a & global a */
.actionNav a.manage span{ color:#fff; }
   
.actionNav a.donate:link, .actionNav a.donate:visited, .actionNav a.donate:active{ background:#990000; }
.actionNav a.donate:hover{ background:#660000; text-decoration:none; }/* note: also gets rules from .actionNav a & global a */
.actionNav a.donate span{ color:#fff; }

.updates{ float:left; margin:20px 0; width:520px; }
.updateHdr{ width:520px; }
    .updateHdr .date{ width:130px; }
    .updateHdr span{ width:360px; }
.updateInfo, .latestUpdate{ width:350px; }

.assetImg{ border:solid 1px #ddd !important; display:block; float:left; margin:5px 20px 20px 0; overflow:hidden; padding:3px; width:200px; }
.assetInfo{ float:left; line-height:1.5; margin:0 0 20px 0; overflow:hidden; width:530px; } /* width rule sets assetInfo beside assetImg */

    /* #1712 note: this may need margin-bottom:5px */
    .assetInfo .summary p{ margin:0 10px 10px 0; }/* temporary? */
    .assetInfo .summary ol, .assetInfo .summary ul{ margin-bottom:10px; padding-left:150px; }/* temporary? */
.asset-summary{ float:left; width:70%; }

    /* #1712 note: this may need margin-bottom:5px */
    .asset-summary p{ margin-bottom:10px; }/* temporary? */
.summary-sidebar{ float:right; width:222px; }

#accordion .accordionContent ul, #accordion .accordionContent ol{ padding-left:20px; }
.assetInfo .summary ol, .assetInfo .summary ul{ margin-bottom:10px; padding-left:50px; }
.friendList .donorComment{ margin-left:10px; }

.commentList p{ width:430px; }
.socialBookmarks{ float:left; margin:0; padding:15px 0 0 0; width:240px; }


/* ----- Create Wizard ------------------------------------------------------------------------------------------------- */
.createWizHdr{ margin:0; }
.createWizHdr h2{ padding:0; }
.createWizStep{ margin-left:0; }
.createWizStep p{ margin-left:0; }
.createWizStep .secondary{ /*margin-left:50px;*/ }

/* ----- Asset Management ------------------------------------------------------------------------------------------------- */
.mediaItem{ margin-right:10px; width:180px; }
.mediaItem img{ width:180px !important; }
#manageHdr{ width:auto; }


/* ----- Checkout ------------------------------------------------------------------------------------------------- */
table.donation{ width:780px; margin:0; }
div.trustBox{ float:right; margin:0; position:relative; bottom:10px; right:20px; }
div.trustBox table{ padding:0; }
div.trustBox table td{ margin:0; padding:0; }
.donationSteps{ margin:0; width:640px; }
.donationSteps ol li{ width:190px !important; }



/* ----- User Profile ------------------------------------------------------------------------------------------------- */
#userProfile{ margin-left:0; }
#userPages{ width:485px; }
#userPages li, #userActivity, #userActivity li{ width:485px; }
#userPages .pageInfo{ width:300px; }

/* ----- My Account ------------------------------------------------------------------------------------------------- */
.asset-checklist{ width:785px; }

/* ----- Admin ------------------------------------------------------------------------------------------------- */
.filters{ padding:20px 5px; /*width:765px;*/ }
.filters select{ width:115px; }

#config .current{ background:#9999ff !important; border-bottom:solid 0px #9999cd; color:#fff !important; font-weight:bold; text-transform:uppercase; }
#config a:link,    #config a:visited, #config a:active{ padding:9px; }

.searchTbl{ float:left; width:330px; }
.assetsTbl{ float:left; width:200px; }

.faqCatAdmin{ clear:left; margin-right:10px !important; }
.faqAdminBox{ background:#efefef; float:left; margin:3px 0 0 0; overflow:hidden; padding:15px; width:360px; }
    .faqAdminBox input{ width:300px; }

/* ----- About Pages ------------------------------------------------------------------------------------------------- */

#aboutSlideshow{ height:280px; list-style-type:none; overflow:hidden; z-index:1111; }
#aboutSlideshow li{ height:280px; width:787px; }
#aboutSlideshow li.slideOne{ background: url(../../images/hftn/hftn_aboutSlide_01.jpg) no-repeat left top; }
#aboutSlideshow li.slideTwo{ background: url(../../images/hftn/hftn_aboutSlide_02.jpg) no-repeat left top; }
#aboutSlideshow li.slideThree{ background: url(../../images/hftn/hftn_aboutSlide_03.jpg) no-repeat left top; }
#aboutSlideshow li.slideFour{ background: url(../../images/hftn/hftn_aboutSlide_04.jpg) no-repeat left top; }
#aboutSlideshow li.slideFive{ background: url(../../images/hftn/hftn_aboutSlide_05.jpg) no-repeat left top; }
#aboutSlideshow li.slideSix{ background: url(../../images/hftn/hftn_aboutSlide_06.jpg) no-repeat left top; }
#aboutSlideshow li.slideSeven{ background: url(../../images/hftn/hftn_aboutSlide_07.jpg) no-repeat left top; }
#aboutSlideshow li.slideEight{ background: url(../../images/hftn/hftn_aboutSlide_08.jpg) no-repeat left top; }
#aboutSlideshow li.slideNine{ background: url(../../images/hftn/hftn_aboutSlide_09.jpg) no-repeat left top; }
#aboutSlideshow li.slideTen{ background: url(../../images/hftn/hftn_aboutSlide_10.jpg) no-repeat left top; }
#aboutSlideshow li.slideEleven{ background: url(../../images/hftn/hftn_aboutSlide_11.jpg) no-repeat left top; }
#aboutSlideshow li.slideTwelve{ background: url(../../images/hftn/hftn_aboutSlide_12.jpg) no-repeat left top; }

/* ---- Contact ------------------------------------------------------------------------------------------------- */
.highlightBox{
    background-color:#ede9d0;
    padding:15px; 
}
.borderedHdrTop{
    border-top:1px solid #ddd; 
    font-family:helvetica, arial, sans serif; 
    font-size:16px; 
    line-height:1; 
    color:#000; 
    text-transform:uppercase; 
    margin:45px 0 15px 0; 
    padding:20px 0 0; }


/* search results */
.search-results-bar{ width:auto; }
.search-results-bar input{ display:block; float:left; }
.search-results-bar input.search-input{ margin:1px 2px 0 0; }

/* ----- Posts --------------------------------------------------------------------------------------------------- */
.update-head{ width:90%; }
.update-head a:link,
.update-head a:visited,
.update-head a:active{ white-space:normal !important; }
.update-content{ width:90%; }
.postItem{ clear:left; margin-top:10px; width:530px; }
.post-page .sectionHdr{ width:490px; }

.postComments{ width:487px; }
.post-page .postComments .commentList{ clear:left; float:left; margin-top:30px; width:487px; }
.post-page .postComments .commentList div{ width:404px; }
.post-page .commentList p{ width:404px; }
.post-page .commentInput{ width:485px; }

.post-page .subHdrNoCaps{ width:490px; }

/* ----- Extras --------------------------------------------------------------------------------------------------- */
#ie6Alert{ float:left; margin:50px 0 0 0; }

/* link-buttons */
.go:link, .go:active, .go:visited{ background:#534839 url(../../images/bgButton_arrowForward.png) no-repeat left top; }
.go:hover{ background-color:#453420; }

.save:link, .save:active, .save:visited{ background:#534839 url(../../images/bgButton_tick.png) no-repeat left top; }
.save:hover{ background-color:#453420; }

.upload:link, .upload:active, .upload:visited{ background:#534839 url(../../images/bgButton_arrowUp.png) no-repeat left top; }
.upload:hover{ background-color:#453420; }

.add:link, .add:active, .add:visited{ background:#534839 url(../../images/bgButton_plus.png) no-repeat left top; }
.add:hover{ background-color:#453420; }


/* ----- IE6 Hacks ---------------------------------------------------------------------------------------------------
* html #sidebar{ background:#453420 url(../../images/hftn/sidebar_bg.gif) no-repeat left top; display:block; float:left; height:400px; position:static; width:160px; }
* html #content{ background:#fff; margin:0; padding:20px 0 140px 20px; width:815px; }
* html .fundraising .middle{ margin:0; }
* html .projectMsg{ width:200px; }
* html .fundraiserMsg{ margin-left:60px; width:200px; } */

/* +++++++++++++++++++++++ demo +++++++++++++++++++ */
.siteLogo {
    background: url("images/bg_sidebar_update01.gif") no-repeat left top;
    float:left;   
    height:550px;
    margin:0;
    padding-top:0;
    text-indent:-4999px;
    width:160px;
}
    .siteLogo a:link,
    .siteLogo a:visited,
    .siteLogo a:hover,
    .siteLogo a:active {
        color: #000;
        display:block;
        float:left;
        height:550px;
        text-decoration:none;
        text-indent:-9999px;
        width:160px;
    }
   
.hftnContent{
    float:left;
    margin-left:15px;
    padding-bottom:140px;
    width:795px; /* 800 815 */
}

/* Take Action */
.fundraising{ display:block; }



/* Explore */
.queryBox{ margin:0; }

#explorePage .tabNav{ /*width:795px;*/ }
#explorePage #results li{ /*width:795px;*/ }    
.searchItemImgLink{ display:block; float:left; padding:0 10px 0 0; width:150px }
.searchItemImg{ width:150px; }