@import url('../../Default/global/Global.css');

/* ############################################################################
   ## 
   ##  HOME PAGE
   ##
   ######################################################################### */

#Page {
    position: relative;
    float: left;
    
    margin: 1em 0 3em 0;
}
#PageInner {
}

#HomeBanner {
    position: relative;
    margin: -1em 0 1em;
}

#Panel1 {
    position: relative;
    width: 336px;
    float: left;
}
#Panel1Inner {
}

    #HomePageFeatures {
        width: 312px;
    }
    
    #Panel1 .calltoaction {
        width: 312px;
        height: 99px;
        display: block;
        padding-bottom: 15px;
    }
    
        #Panel1 #important_info.calltoaction, #Panel1 #important_info.calltoaction a {
            height: 287px;    
        }
        
        #Panel1 #important_info.calltoaction a:hover {
            background: none;
        }
    
    #Panel1 .calltoaction a {
        padding: 15px;
        position: absolute;
        width: 282px;
        text-decoration: none;
        height: 99px;
    }

        #Panel1 .calltoaction a:hover {
            background-position: -312px 0;
            height: 99px;
        }
        
        #Panel1 .calltoaction .title {
            padding: 0 0 6px 0;
            font-weight: bold;
            font-size: 110%;
            width: 282px;
        }
        
        #Panel1 .calltoaction .summary {
            color: #333333;
            font-weight: normal;
            width: 282px;
        }      

#Panel2 {
    position: relative;
    float: left;
    width: 306px;
    margin: 0 25px 0 0;
    background: #fafafa url('/App_Themes/Default/images/home_grey_curve_top.gif') no-repeat top left;
}

    #Panel2Inner {
        background: url('/App_Themes/Default/images/home_grey_curve_bottom.gif') no-repeat bottom left;
        padding: 0 15px 15px 15px;
    }

    #Panel2Inner #NewsSummary {
        padding: 0 15px;
    }
    
        #Panel2Inner #NewsSummary #NewsSummaryInner {
            padding: 0 0 20px 0;
        }
    
        #Panel2 h1 {
            padding-top: 20px;
            margin: 0;
            font-size: 170%;
        }
                        
                
#Panel3 {
    width: 306px;
    float: left;
    background: #fafafa url('/App_Themes/Default/images/home_grey_curve_top.gif') no-repeat top left;
}

    #Panel3 #Panel3Inner {
        background: url('/App_Themes/Default/images/home_grey_curve_bottom.gif') no-repeat bottom left;
        padding-bottom: 15px;
    }
    
        #Panel3 #Panel3Inner #RightPanelSummaryInner {
            padding: 0 15px;
        }
        
            #Panel3 h1 {
                padding-top: 20px;
                margin: 0;
                font-size: 170%;
            }
            
            #Panel3 h3 {
                font-weight: bold;  
                margin: 1em 0 0.5em; 
            }
            
                #Panel3 .title a {
                    color: #3374cc;
                }
            
                #Panel3 .date {
                    color: #333333;
                    padding: 0;
                    font-weight: bold;
                    margin: 0 0 0.5em;
                }
                
                #Panel3 .summary {
                    color: #333333;
                }

.event {
    position: relative;
    float: left;
    width: 100%;
    margin: 1em 0;
    clear: both;
}

    .event h3 {
        font-weight: bold;  
        margin: 0.25em 0 0.75em; 
    }
                            
    .event .title a {
        color: #3374cc;
    }
    
    .event .date {
        width: 24px;
        height: 49px;
        float: left;
        color: #333333;
        padding: 10px;
        margin-right: 6px;
        font-weight: bold;
        text-align: center;
        line-height: 16px;
        background: url('/App_Themes/Default/images/news_date_bg.gif') no-repeat top left;
        overflow: hidden;
    }
    
    .event .endDate {
    }
        
    .event .summary {
        padding: 0 0 0 50px;
        color: #333333;
    }

.viewAll {
    clear: left;
    margin: 1em 0;
}

    .viewAll a {
        color: #3374cc;
    }
    #Panel2 .viewAll a {
        color: #333399;
        font-size: 116.7%;
    }