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

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

#Page {
    position: relative;
}
#PageInner {
}
    #PageTitle{
        margin: 0 0 12px 35px;
    }

    #HomeFeatures {
        position: relative;
        width: 100%;
        border-bottom:1px solid #A7A9AC;
    }
    #HomeFeaturesInner {
    }
    
        #RotatorContent {
            position: relative;
            width: 980px;
            height: 353px;
            float: left;
            margin-top: -273px;
            margin-bottom: -80px;
            z-index: 1;
        }
        * html #RotatorContent {
        /* IE6 Only */
            margin: 0 0 -80px 0;
            float: none;
        }
        *:first-child+html #RotatorContent {
        /* IE7 Only */
            margin: 0 0 -80px 0;
            float: none;
        }
        
            .rotatorElement {
                display:none;
                left:0px;
                position:absolute;
                top:0px;
                z-index: 1;
            }
                  
                .rotatorElement .thumbnail {
                    float: left;
                    width: 980px;
                }
                
                .rotatorElement .thumbnail img {
                    border: 0;
                }
                
        #ElementWraper {
            background-color: #3e3b44;
            -khtml-opacity:.80; 
            -moz-opacity:.50; 
            -ms-filter:”alpha(opacity=80)”; 
            filter: alpha(opacity=80); 
            opacity: .80;
            height: 80px;
            margin-top: 270px;
            z-index: 10;
            position: relative;
        }
        *html #ElementWraper {
        /* IE6 Only */
            margin: 0;
        }
        *:first-child+html #ElementWraper {
        /* IE7 Only */
            margin: 0;
        }
        
        #RotatorNav {
            position: relative;
            float: left;
            margin-top: -80px;
            z-index: 10;
        }
                                
        #RotatorNav #thumbContainer {
            float: left;
            padding-right: 30px;
        }
        *html #RotatorNav #thumbContainer #thumb-sml{
        /* IE6 Only */
            margin-right: 20px;
        }
        #RotatorNav #thumbContainer #thumb-sml {
            width: 70px;
            float: left;
        }    

        #RotatorNav #thumbContainer #thumb-sml img {
            border: 1px #ffffff solid;
        }    
        
            #RotatorNav a.rotatorLink {
                color: #ffffff;
            }
                        
            #RotatorNav a:hover {
                cursor: pointer;
                color: #ffffff;
                text-decoration: none;
            }
            
            #RotatorNav a.rotatorLinkCurrent {
                margin-left: -40px;
                padding-left: 40px;
                display: block;
            }
                
                #RotatorNav #thumbContainer {   
                    padding: 5px 0 0 50px; 
                }
                
                #RotatorNav a.rotatorLinkCurrent div {
                    height: 40px;
                    padding: 20px 10px 20px 18px;
                    border-bottom: 1px solid #d0d2bd;                    
                }
                
            #RotatorNav a.rotatorLink #thumbWrapper {
            }
                    
            #RotatorNav a.rotatorLink #thmbDesc {
                padding: 20px 0 0 90px;
                font-size: 120%;
            }
            * html #RotatorNav #thumbWrapper #thmbDesc {
            /* IE 6 Only */
                margin-top: 22px;
                font-size: 120%;
                color: #ffffff;
                cursor: pointer;
            }
            *:first-child+html #thumbWrapper #thmbDesc {
            /* IE7 Only */
                margin: 30px 0 0 0;
                padding: 0 0 0 90px;
                font-size: 120%;
                color: #ffffff;
                cursor: pointer;
            }
            
            #RotatorNav #thumb-sml {
                float: left;
            }
            
    a.hover:hover {
        background-color: #231f20;
        width: 24.9%;
        height: 200px;
    }
        
    #quickLinks {
        float: left;
        width: 24.9%;
        height: 200px;
        background-color: #5b5c5e;
        color: #ffffff;
        border-right:1px solid #A7A9AC;
    }

    
    #quickLinks:hover, #quickLinks.active, #contentPanel.active, #HomeContent.active, #HomeNews.active {
        background-color: #231f20;
    }
    
        #quickLinksInner {
            padding: 20px;
        }
        
    #contentPanel {
        float: left;
        width: 24.9%;
        height: 200px;
        background-color: #5b5c5e;
        color: #ffffff;
        border-right:1px solid #A7A9AC;
    }
    
    #contentPanel:hover {
        background-color: #231f20;
    }


    #contentPanelInner {
        padding: 20px;
    }
            
    #HomeContent {
        position: relative;
        float: left;
        width: 24.9%;
        height: 200px;
        color: #ffffff;
        background-color: #5b5c5e;
        border-right:1px solid #A7A9AC;
    }

    #HomeContent:hover {
        background-color: #231f20;
    }

    #HomeContentInner {
        padding: 20px;
    }
    
    #MainContent {
    }

    #HomeNews {
        position: relative;
        float: left;
        width: 24.9%;
        height: 200px;
        margin: 0;
        background-color: #5b5c5e;
    }
    
    #HomeNews:hover {
        background-color: #231f20;
    }

    
    #HomeNewsInner {
        padding: 20px;
    }
        :first-child + html ul#NewsList {
            /* IE7 Only */
            margin-left: 0;
        }
        
        * html #HomeNews ul#NewsList {
            /* IE6 Only */
            margin: 10px 0 -13px 0 ;
        }
        
        #HomeNews .newsItem {
            list-style-type: none;
        }
            
            #HomeNews .newsItem .title {
                font-size: 90%;
                font-weight: normal;
                margin: 0;
            }
            
            #HomeNews .newsItem .title a {
                color: #ffffff;
            }
            
            #HomeNews .newsItem .title a:link {
                color: #ffffff;
            }
            
            #HomeNews .newsItem .date {
                padding: 10px 0; 
            }
            
            #HomeNews .newsItem .summary {
            }
            
#Tertiary {
}