/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */
/* Stylesheet for the homepage */
/* Main Content */
#bd { width:850px; }
#maincontent { float:left; width:635px; }
.box { background-color:white; border:1px solid #d7d7d7; }
.text{ margin:0; }


/* First Row */
#firstRow { height:230px; clear:both; }
#homepageWelcome { width:220px; height:195px; padding:15px 10px 20px 15px; position:relative }

#homepageWelcome h2 { color:#491152; font-size:140%; line-height:1em; }
#homepageWelcome .text{ font-size:95%; }
#homepageWelcome .link {
    position:absolute;
    bottom:20px;
    font-size:90%;
    background:transparent url('/images/layout/small-arrow.gif') no-repeat right 35%;
    display:block;
    padding-right:15px;
}

#homepageImages { width:370px; height:100%; }
#homepageImages .featureHomepageImage { width:100%; height:100%; border:1px solid #d7d7d7; position:relative; }
#homepageImages .homepageImageText {
    background-color:#E585B1;
    color:white;
    padding:5px 10px;
    width:80%;
    position:absolute;
    left:20px;
    bottom:20px;
    background-color: rgba(229, 133, 177, 0.85);
    -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=85)”;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E585B1', EndColorStr='#E585B1');

}
#homepageImages .homepageImageText .text{ font-size:110%; }
#homepageImages .homepageImageText .link { 
    text-align:right;
    background:transparent url('/images/layout/small-arrow-no-bg.png') no-repeat right 60%;
    padding-right:10px;
}
#homepageImages .homepageImageText .link a{ color:white; font-size:80%; }


/* Second Row */
#secondRow { 
    clear:both; padding:30px 0px; margin:20px 0px; 
    border-top: 4px solid white; border-bottom: 4px solid white; height:245px; 
}

#homepageQuote {
    height:185px;
    width:235px;
    background:#fff url('/images/layout/homepage-quote-bg.png') no-repeat top left;
    color:#2a002f;
    padding:30px 20px 30px 30px;
}

#homepageQuote .text { font-size:120%; }

#homepageQuote .author { font-size:90%; margin:0; margin-top:10px; font-style: italic; }

#homepageShowreel { height:220px; width:289px; padding:10px 15px 15px; }
#homepageShowreel h2 {
    font-size:125%;
    color:#2a002f;
    background:transparent url('/images/icons/homepage-showreel-icon.png') top left no-repeat;
    padding-left:25px;
    margin-bottom:5px;
}
#homepageShowreel a { cursor: pointer; }


/* Third Row */
#thirdRow { clear:both; background-color:white; height:166px; padding:10px 10px 10px 20px; }

.thirdRowBox { float:left; width:193px; margin-right:25px; }

.thirdRowBox h2 { color:#491152; font-size:115%; }

#thirdRow .contactUs { margin-right:0px; color:#2a002f; font-size:95%; width:165px; }
#thirdRow .contactUs .text a { color:inherit; text-decoration: underline; }
#thirdRow .contactUs .socialNetworkingIcons { margin-top:10px; text-align: center;}
#thirdRow .contactUs .socialNetworkingIcons a { margin-right:7px; }

/* Right Panel */
#rightPanelNews h2{ color:#2a002f; font-size:130%; }

#rightPanelNews .content { font-size:85%; }
#rightPanelNews .content a{ font-weight:normal; color:#2a002f; }

#rightPanelNews .content a:hover { text-decoration:underline; }

#rightPanelNews .content ul li { padding:10px 0px; border-top:1px dotted #c3c3c3; }
#rightPanelNews .content ul li.firstItem { padding-top:0px; border:0 none; }
#rightPanelNews .link { margin-top:10px; text-align:right; padding-right:10px; background:url("/images/layout/small-arrow.gif") no-repeat scroll right 60% transparent; }
#rightPanelNews .link a { font-size:85%; }

/* Right Panel FundRaising */

#rightPanelFundraising { color:white; background-color:#2a002f; padding:10px 5px; margin-bottom:15px; }

#rightPanelFundraising h2 { font-size:155%;}

#rightPanelFundraising .text { font-size:95%;}

#rightPanelFundraising .amount {
    background: transparent url('/images/layout/fundraising-amount-bg.png') repeat-x;
    font-size:240%;
    font-weight:bold;
    height:41px;
    border:1px solid #d7d7d7;
    text-align:center;
    margin:10px 0px;
    width: 172px;
}
#rightPanelFundraising .link {  
    text-align:right;
    padding-right:10px;
    background:url("/images/layout/small-arrow-dark-bg.png") no-repeat scroll right 60% transparent;
}
#rightPanelFundraising .link a{ font-size:85%; }

/* Right Panel - The Reason */
#rightPanelTheReason { margin-bottom:15px; }
#rightPanelTheReason h2 { font-size:155%; color:#491152;}
#rightPanelTheReason img { border: 1px solid #d7d7d7;}
#rightPanelTheReason .text { font-size:95%;}
#rightPanelTheReason .link {  
    text-align:right;
    padding-right:10px;
    background:url("/images/layout/small-arrow.gif") no-repeat scroll right 60% transparent;
    margin-top:10px;
}
#rightPanelTheReason .link a{ font-size:85%; }