@import url('reset.css');

body
{
    font-size: 62.5%;
    font-family: Georgia, Arial;
    background: #383836;
    color: #333333;
}

/* Typography */
h2
{
    width: 100%;
    font: normal 2.2em Arial;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

/* Site Wrapper */
#wrapper
{
    width: 980px;
    margin: 0 auto;
}

/* Header */
#header
{
    width: 970px;
    height: 225px;
    background: url('../images/hdsi_banner.jpg') left top no-repeat;
    text-align: center;
    position: relative;
}

    #header a.logo
    {
        width: 500px;
        height: 200px;
        text-indent: -5000px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    /* Header Navigation */
    #header #navigation
    {
        width: 970px;
        position: absolute;
        bottom: 0;
        left: 0;
        padding-bottom: 0;
	z-index:100;
    }
   
        /* Navigation Items */
        #header #navigation ul 
        {
	    background: #a12a1e;
	    padding: 5px 0;
        }

        #header #navigation ul li
        {
            display: inline;
        }
 
            #header #navigation ul li a
            {
            	padding: 5px 15px;
		text-transform:uppercase;
                font: bold 1.3em Arial;
                color: #fff7c8;
		background: #a12a1e;
                text-decoration: none;
            }
            
            #header #navigation ul li a:hover, #header #navigation ul li a:active
            {
                color: #a12a1e;
		background: #e5c450;
            }
        #header.home #navigation ul li a.home, #header.about #navigation ul li a.about, #header.investigations #navigation ul li a.investigations, 
        #header.video #navigation ul li a.video, #header.insiderblog #navigation ul li a.blog, #header.techniques #navigation ul li a.techniques, 
        #header.contact #navigation ul li a.contact, #header.educators #navigation ul li a.educators
        {
            color: #CC9900;
        }
            
    /* Program Info */
    #header p
    {
        width: 150px;
        position: absolute;
        top: 25px;
        right: 10px;
        font: normal 1.4em Arial;
        text-align: left;
        line-height: 18px;
    }
    
        #header p strong
        {
            float: left;
            width: 150px;
            color: #a12a1e;
            font-weight: bold;
        }
        
        #header p a
        {
            color: #ffffff;
            text-decoration: none;
        }

/* Main Content */
#main
{
    width: 980px;
}

/* Sponsor */
#sponsor
{
    position: absolute;
    left: 660px;
    top: 10px;
    z-index: 100;
}
    #sponsor p {
        background: #000;
        color: #fff;
        display: block;
        float: none;
        padding: 3px 5px;
    }

/* Homepage */
#homepage
{
    float: left;
    position: relative;
}

    /* Homepage Headers */
    #homepage h2
    {
        border-bottom: 3px solid #a12a1e;
    }

    /* Homepage Features */
    #homepage .explore
    {
        float: left;
        width: 933px;
        background: #F7F7F0;
        padding: 30px 18px 70px 19px;
    }
    
        #homepage .features .story
        {
            float: left;
            width: 185px;
            height: 105px;
            position: relative;
            overflow: hidden;
	        margin: 1px 2px 1px 0;
        }
        
        #homepage .features .story.no-margin
        {
            margin-right: 0;
        }

        #homepage .features .story a
        {
            display: block;
            color: #ffffff;
            text-decoration: none;
            cursor: pointer;
        }

        #homepage .features img
        {
            float: left;
            position: absolute;
            width: 185px;
            height: 105px;
        }
    
        #homepage .features .story span
        {
            float: left;
            position: absolute;
            bottom: -78px;
            width: 165px;
            height: 95px;
            padding: 5px 10px;
            font-size: 1.2em;
	        line-height: 14px;
            background: url(../images/home/bg-story.png) left top no-repeat;
        }
        
            #homepage .features .story span strong
            {
                float: left;
                width: 165px;
                font: bold 1.0em Arial;
                padding-bottom: 10px;
            }
            
    /* Homepage Promos */
    #homepage .promos
    {
        float: left;
        background: #1e1e1b;
        padding: 30px 16px;
    }
    
        #homepage .promos li
        {
            float: left;
            padding: 0 5px;
        }
        
            #homepage .promos li a
            {
                float: left;
                height: 76px;
                color: #ffffff;
                padding: 3px 15px 0 35px;
                text-decoration: none;
            }
            
                #homepage .promos li a strong
                {
                    float: left;
                    width: 100%;
                    font: bold 1.4em Arial;
                }
                
                #homepage .promos li a span
                {
                    font-size: 1.2em;
                    line-height: 14px;
                    text-decoration: none;
                }
                
                #homepage .promos li a:hover span
                {
                    text-decoration: underline;
                }
            
            /* Submit Promo */
            #homepage .promos li.submit a
            {
                width: 97px;
                background: url('../images/home/promo-submit.gif') left top no-repeat;
            }
            
            /* Facebook Promo */
            #homepage .promos li.facebook a
            {
                width: 97px;
                background: url('../images/home/promo-facebook.gif') left top no-repeat;
            }
            
            /* Twitter Promo */
            #homepage .promos li.twitter a
            {
                width: 97px;
                background: url('../images/home/promo-twitter.gif') left top no-repeat;
            }
            
            /* Support Promo */
            #homepage .promos li.support a
            {
                width: 97px;
                background: url('../images/home/promo-support.gif') left top no-repeat;
            }
            
            /* Shop Promo */
            #homepage .promos li.shop a
            {
                width: 250px;
                background: url('../images/home/promo-shop.gif') left top no-repeat;
            }

/* Video */
#video
{
    float: left;
    width: 950px;
    padding: 20px 0 30px 20px;
    background: url('../images/content/bg-content-dark.gif') left top no-repeat;
}

    #video strong
    {
        font: bold 2.5em Arial;
        color: #CC9900;
    }

    #video h1
    {
        font: bold 3.0em Arial;
        color: #cccccc;
    }

    #video p
    {
        float: left;
        width: 512px;
        padding: 20px 0 0 0;
        font-size: 1.6em;
        color: #ffffff;
        line-height: 18px;
    }

    #video .player
    {
        float: left;
        padding: 10px 20px 0 0;
    }

        #video .player img
        {
            float: left;
        }

    #video .links
    {
        float: left;
        width: 80px;
    }

        #video .links a
        {
            float: left;
            width: 80px;
            height: 40px;
            padding: 40px 0 0 0;
            margin-top: 20px;
            color: #CC9900;
            font-size: 1.2em;
            line-height: 15px;
            text-align: center;
            text-decoration: none;
        }

        #video .links a:hover
        {
            text-decoration: underline;
        }

        #video .links a.full-episode
        {
            background: url('../images/content/full-episode.gif') center top no-repeat;
        }

        #video .links a.transcript
        {
            background: url('../images/content/transcript.gif') center top no-repeat;
        }

    #video .social
    {
        float: left;
        clear: both;
        width: 512px;
        padding: 20px 0 0 0;
    }

        #video .social .twitter-share-button
        {
            float: left;
        }

        #video .social iframe
        {
            float: right;
        }

            
/* Static Image */
#static-image
{
    float: left;
    width: 970px;
    height: 330px;
    position: relative;
}

    #static-image img
    {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    #static-image .caption
    {
        position: absolute;
        left: 0px;
	    bottom: 0px;
	    width: 210px;
	    padding: 20px;
        background: #000000;
        filter:alpha(opacity=80);
        opacity:0.8;
    }
    
        #static-image .caption h1
        {
            float: left;
            width: 200px;
            font: 18px Arial;
            color: #ffffff;
            padding-bottom: 10px;
        }
        
        #static-image .caption h1 span
        {
            font-size: 16px;
            color: #CC9900;
            display: block;
        }
        
        #static-image .caption p
        {
            float: left;
            font-size: 16px;
            color: #ffffff;
        }
        
            #static-image .caption p a
            {
	            font-size: 14px;
	            line-height: 20px;
	            color: #CC9900;
	            text-decoration: none;
	            padding-left: 20px;
	            background:url(../images/nivo-slider/bullet.png) no-repeat left 2px;
            }
        
            #static-image .caption p a:hover
            {
                text-decoration: underline;
            }


/* Content */
#content
{
    float: left;
    position: relative;
}

    /* Map Page */
    #content .map
    {
        float: left;
        width: 970px;
        background: #f7f7f0;
    }
    
        /* Map Content */
        #content .map .map-content
        {
            width: 620px;
            height: 230px;
            padding: 20px;
        }
    
            #content .map .map-content strong
            {
                float: left;
                clear: both;
                font: bold 1.8em Arial;
                color: #C9900;
            }
        
            #content .map .map-content h1
            {
                float: left;
                clear: both;
                font: bold 2.0em Arial;
            }
        
            #content .map .map-content p
            {
                float: left;
                width: 620px;
                clear: both;
                font-size: 1.4em;
                line-height: 16px;
                padding-top: 20px;
            }
            
        #content .map .filters
        {
            float: left;
            width: 930px;
            background: #333333;
            padding: 5px 20px;
        }
                
            #content .map .filters .combo
            {
                float: left;
                margin-right: 5px;
            }

    /* Content */
    #content .content
    {
        float: left;
        width: 960px;
        padding: 20px 0 20px 20px;
        background: url('../images/content/bg-content.gif') left top repeat-y;
    }
    
        #content .content h2
        {
            border-bottom: 1px solid #a12a1e;
        }
    
    /* Dark Content */
    #content .content.dark
    {
        background: url('../images/content/bg-content-dark.gif') left top no-repeat;
    }
    
        #content .content.dark h2
        {
            color: #cccccc;
            border-bottom: 1px solid #a12a1e;
        }

    #content h3
    {
        width: 100%;
        font: bold 1.4em Arial;
        margin-bottom: 10px;
    }

        #content .content.dark #video
        {
            width: 620px;
            padding: 0 0 30px 0;
            background: transparent;
        }
    
        /* Left Content */
        #content .content .left-content
        {
            float: left;
            width: 620px;
        }
        
            /* Left Content Links */
            #content .content .left-content a
            {
                color: #CC9900;
                text-decoration: none;
            }
        
            /* Content 1 Column */
            #content .content .left-content .content-1col
            {
                float: left;
                width: 615px;
                font-size: 1.4em;
                line-height: 16px;
                margin-bottom: 30px;
            }
            
                #content .content .left-content .content-1col strong
                {
                    font-weight: bold;
                }
            
                #content .content .left-content .content-1col a:hover
                {
                    text-decoration: underline;
                } 

                /* Video Inside Content */
                #content .content .left-content .content-1col .video
                {
                    margin-top: 30px;
                }
            
            /* Content 2 Column */
            #content .content .left-content .content-2col
            {
                float: left;
                width: 620px;
                font-size: 1.4em;
                line-height: 16px;
                margin-bottom: 20px;
            }
            
                #content .content .left-content .content-2col a:hover
                {
                    text-decoration: underline;
                }
            
                #content .content .left-content .content-2col strong
                {
                    font-weight: bold;
                }
            
                #content .content .left-content .content-2col .col-1
                {
                    float: left;
                    width: 410px;
                }
                    .content .content-2col p,
                    .content .content-1col p
                    {
                        margin-bottom: 10px;
                    }
                
                #content .content .left-content .content-2col .col-2
                {
                    float: right;
                    width: 200px;
                }
                
                    #content .content .left-content .content-2col .col-2 img
                    {
                        margin: 5px 0 15px 0;
                    }
            
            /* Related Links */
            #content .content .left-content .related-links
            {
                font-size: 1.4em;
                line-height: 20px;
                margin-bottom: 30px;
            }
            
                #content .content .left-content .related-links a:hover
                {
                    text-decoration: underline;
                }
            
                #content .content .left-content .related-links li
                {
                    background: url('../images/content/bullet.gif') left 2px no-repeat;
                    padding-left: 20px;
                }
                
            /* Features */
            #content .content .left-content .features
            {
                float: left;
                width: 620px;
                margin-bottom: 30px;
            }
            
                #content .content .left-content .features li
                {
                    float: left;
                    width: 310px;
                    margin: 5px 0;
                }
                
                    #content .content .left-content .features li a
                    {
                        float: left;
                        cursor: pointer;
                    }
                
                        #content .content .left-content .features li a img
                        {
                            float: left;
                            width: 150px;
                            height: 83px;
                        }
                    
                        #content .content .left-content .features li a span
                        {
                            float: right;
                            width: 140px;
                            padding: 0 10px;
                            font-size: 1.4em;
                            line-height: 16px;
                        }
                        
                        #content .content .left-content .features li a:hover span
                        {
                            text-decoration: underline;
                        }
                    
                        #content .content .left-content .features li a strong
                        {
                            float: right;
                            width: 140px;
                            padding: 0 10px;
                            font-size: 1.6em;
                            font-weight: bold;
                            line-height: 18px;
                            color: #333333;
                        }
                        
            /* Explore */
            #content .content .left-content .explore
            {
                float: left;
                width: 620px;
                margin-bottom: 30px;
                position: relative;
            }
                
                /* Carousel Pagination */
                #content .content .left-content .explore .prev, #content .content .left-content .explore .next
                {
                    width: 24px;
                    height: 24px;
                    text-indent: -5000px;
                    position: absolute;
                    top: -43px;
                    cursor: pointer;
                }
            
                #content .content .left-content .explore .prev
                {
                    right: 30px;
                    background: url('../images/content/pagination-arrows.gif') left top no-repeat;
                }
                
                    #content .content .left-content .explore .prev.disabled
                    {
                        background-position: left -24px;
                    }
                
                #content .content .left-content .explore .next
                {
                    right: 0;
                    background: url('../images/content/pagination-arrows.gif') -24px top no-repeat;
                }
                
                    #content .content .left-content .explore .next.disabled
                    {
                        background-position: -24px -24px;
                    }
            
                /* Carousel */
                #content .content .left-content .explore .carousel li
                {
                    float: left;
                    width: 200px;
                    margin: 3px;
                }
                
                    #content .content .left-content .explore .carousel li a
                    {
                        float: left;
                        width: 180px;
                        height: 200px;
                        padding: 10px;
                        background: #eaeae3;
                        cursor: pointer;
                    }
                    
                    #content .content .left-content .explore .carousel li a:hover
                    {
                        background: #d5d5cd;
                    }
                    
                        #content .content .left-content .explore .carousel li a img
                        {
                            float: left;
                            width: 180px;
                        }
                        
                        #content .content .left-content .explore .carousel li a strong
                        {
                            float: left;
                            width: 180px;
                            font: bold 1.4em Arial;
                            line-height: 16px;
                            padding: 10px 0;
                        }
                        
                        #content .content .left-content .explore .carousel li a span
                        {
                            float: left;
                            width: 180px;
                            font-size: 1.2em;
                            line-height: 14px;
                            color: #333333;
                        }
                        
                            #content .content .left-content .explore .carousel li a span em
                            {
                                float: left;
                                width: 180px;
                                font-weight: bold;
                                font-style: normal;
                                line-height: 16px;
                            }
            
                #content .content .left-content .explore .empty
                {
                    font-size: 130%;
                }
            
            /* Related Content */
            #content .content .left-content .related-content
            {
                float: left;
                margin-bottom: 30px;
                width: 620px;
            }
                #content .content .left-content .related-content p
                {
                    font-size: 1.4em;
                    line-height: 16px;
                    margin-bottom: 15px;
                }
                
                #content .content .left-content .related-content li
                {
                    float: left;
                    width: 146px;
                    height: 82px;
                    margin: 5px 12px 5px 0;
                    position: relative;
                    background: #1e1e1b;
                    text-align: center;
                }
                
                #content .content .left-content .related-content li.no-margin
                {
                    margin-right: 0 !important;
                }
                
                    #content .content .left-content .related-content li a
                    {
                        float: left;
                        cursor: pointer;
                    }
                
                        #content .content .left-content .related-content li a img
                        {
                            width: 146px;
                            position: absolute;
		                    top: 0;
		                    left: 0;
                        }

                        #content .content .left-content .related-content li a span
                        {
                            float: left;
                            width: 126px;
                            padding: 10px;
                            font-size: 1.2em;
                            line-height: 16px;
                        }
            
            /* Video Promo */
            #content .content .left-content .video
            {
                float: left;
                width: 600px;
                padding: 10px 10px 22px 10px;
                margin-bottom: 30px;
                background: #1e1e1c url('../images/content/content-video-btm.gif') left bottom no-repeat;
            }
            
                #content .content .left-content .video .player
                {
                    float: left;
                }
                
                #content .content .left-content .video p
                {
                    float: right;
                    width: 180px;
                    color: #ffffff;
                }
                
                #content .content .left-content .video p strong, #content .content .left-content .video p em
                {
                    font: bold 14px Arial;
                    line-height: 18px;
                }
                
                #content .content .left-content .video p strong
                {
                    color: #CC9900;
                }
                
                #content .content .left-content .video p span
                {
                    font-size: 14px;
                    line-height: 16px;
                }
            
            /* Image & Content Promo */
            #content .content .left-content .img-content-promo
            {
                float: left;
                width: 620px;
                margin-bottom: 30px;
            }
            
                #content .content .left-content .img-content-promo img
                {
                    float: left;
                    width: 150px;
                }
                
                #content .content .left-content .img-content-promo p
                {
                    float: right;
                    width: 460px;
                }
                    #content .content .left-content .img-content-promo p a
                    {
                        float: left;
                        font: bold 1.6em Arial;
                        line-height: 18px;
                        margin-bottom: 5px;
                    }
                    
                    #content .content .left-content .img-content-promo a:hover
                    {
                        text-decoration: underline;
                    }
            
                    #content .content .left-content .img-content-promo p span
                    {
                        float: left;
                        width: 100%;
                        font-size: 1.2em;
                        line-height: 16px;
                    }
                    
                    #content .content .left-content .img-content-promo p em
                    {
                        float: left;
                        width: 100%;
                        font-size: 1.2em;
                        line-height: 16px;
                    }
                        
            /* Browse */
            #content .content .left-content .browse
            {
                float: left;
                width: 620px;
                margin-bottom: 30px;
                position: relative;
            }
            
                /* Pagination */
                #content .content .left-content .browse .prev, #content .content .left-content .browse .next
                {
                    width: 24px;
                    height: 24px;
                    text-indent: -5000px;
                    position: absolute;
                    top: -43px;
                    cursor: pointer;
                }
            
                #content .content .left-content .browse .prev
                {
                    right: 30px;
                    background: url('../images/content/pagination-arrows.gif') left top no-repeat;
                }
                
                #content .content .left-content .browse .next
                {
                    right: 0;
                    background: url('../images/content/pagination-arrows.gif') -24px top no-repeat;
                }
                
                /* Filters */
                #content .content .left-content .browse .filters
                {
                    float: left;
                    width: 613px;
                    background: #333333;
                    padding: 5px 0 5px 5px;
                    margin-bottom: 12px;
                }                
                    #content .content .left-content .browse .filters .search
                    {
                        float: left;
                        width: 321px;
                        padding: 0 0 5px 287px;
                    }
                        
                        #content .content .left-content .browse .filters .search input
                        {
                            float: left;
                        }
                    
                        #content .content .left-content .browse .filters .search .textbox
                        {
                            width: 150px;
                            height: 16px;
                            border: 0;
                            margin: 0;
                            padding: 3px;
                            font: normal 12px Arial;
                        }

                    #content .content .left-content .browse .filters .combo
                    {
                        float: left;
                        margin-right: 5px;
                    }
                
                /* Items */ 
                #content .content .left-content .browse ul.items li
                {
                    float: left;
                    width: 200px;
                    margin: 3px;
                }
                
                    #content .content .left-content .browse ul.items li a
                    {
                        float: left;
                        width: 180px;
                        height: 200px;
                        padding: 10px;
                        background: #eaeae3;
                        cursor: pointer;
                    }
                    
                    #content .content .left-content .browse ul.items li a:hover
                    {
                        background: #d5d5cd;
                    }
                    
                        #content .content .left-content .browse ul.items li a img
                        {
                            float: left;
                            width: 180px;
                        }
                        
                        #content .content .left-content .browse ul.items li a strong
                        {
                            float: left;
                            width: 180px;
                            font: bold 1.4em Arial;
                            line-height: 16px;
                            padding: 10px 0;
                        }
                        
                        #content .content .left-content .browse ul.items li a span
                        {
                            float: left;
                            width: 180px;
                            font-size: 1.2em;
                            line-height: 14px;
                            color: #333333;
                        }
                        
                            #content .content .left-content .browse ul.items li a span em
                            {
                                float: left;
                                width: 180px;
                                font-weight: bold;
                                font-style: normal;
                                line-height: 16px;
                            }                            

                        #content .content .left-content .browse ul.items li a h6
                        {
                            float: left;
                            width: 180px;
                            font-size: 1.2em;
                            line-height: 14px;
                            color: #333333;
                            margin: -3px 0 4px 0;
                        }
                        
                /* Dark Items */ 
                #content .content.dark .left-content .browse ul.items li a
                {
                    float: left;
                    width: 180px;
                    height: 200px;
                    padding: 10px;
                    background: #31312f;
                    cursor: pointer;
                }
                    
                #content .content.dark .left-content .browse ul.items li a:hover
                {
                    background: #474745;
                }
                
                    #content .content.dark .left-content .browse ul.items li a span
                    {
                        color: #ffffff;
                    }
                        
                        #content .content.dark .left-content .browse ul.items li a span em
                        {
                            color: #cccccc;
                        }
            
        /* Right Content */
        #content .content .right-content
        {
            float: right;
            width: 310px;
        }
        /* Right Content that has no Header removed with ads: padding-top: 280px; */
        #content .content.no-header .right-content
        {
            
        }
            
            /* Promos */
            #content .content .right-content ul.promos
            {
                float: left;
            }
            
                #content .content .right-content ul.promos li
                {
                    float: left;
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                }
                
                    #content .content .right-content ul.promos li a
                    {
                        float: left;
                        width: 250px;
                        padding: 10px 20px 10px 40px;
                        color: #ffffff;
                        text-decoration: none;
                    }
            
                    #content .content .right-content ul.promos li a strong
                    {
                        float: left;
                        width: 100%;
                        font: bold 1.6em Arial;
                    }
                    
                    /* Home Promo */
                    #content .content .right-content ul.promos li.home
                    {
                        background: url('../images/content/promo-home-btm.gif') right bottom no-repeat;
                    }
                    
                    #content .content .right-content ul.promos li.home a
                    {
                        background: url('../images/content/promo-home.gif') left top no-repeat;
                    }
                    
                        #content .content .right-content ul.promos li.home a span
                        {
                            font-size: 1.4em;
                            line-height: 16px;
                        }
                    
                    /* Submit Promo */
                    #content .content .right-content ul.promos li.submit
                    {
                        background: url('../images/content/promo-submit-btm.gif') right bottom no-repeat;
                    }
                    
                    #content .content .right-content ul.promos li.submit a
                    {
                        background: url('../images/content/promo-submit.gif') left top no-repeat;
                    }
                    
                        #content .content .right-content ul.promos li.submit a span
                        {
                            font-size: 1.4em;
                            line-height: 16px;
                        }
                    
                    /* Comment Promo */
                    #content .content .right-content ul.promos li.comment
                    {
                        background: url('../images/content/promo-comment-btm.gif') right bottom no-repeat;
                    }
                    
                    #content .content .right-content ul.promos li.comment a
                    {
                        background: url('../images/content/promo-comment.gif') left top no-repeat;
                    }
                    
                        #content .content .right-content ul.promos li.comment a span
                        {
                            font-size: 1.2em;
                            line-height: 14px;
                        }
                    
                    /* Twitter Promo */
                    #content .content .right-content ul.promos li.twitter
                    {
                        background: url('../images/content/promo-twitter-btm.gif') right bottom no-repeat;
                    }
                    
                    #content .content .right-content ul.promos li.twitter a
                    {
                        background: url('../images/content/promo-twitter.gif') left top no-repeat;
                    }
                    
                        #content .content .right-content ul.promos li.twitter a span
                        {
                            font-size: 1.2em;
                            line-height: 14px;
                        }
                    
                    /* Facebook Promo */
                    #content .content .right-content ul.promos li.facebook
                    {
                        background: url('../images/content/promo-facebook-btm.gif') right bottom no-repeat;
                    }
                    
                    #content .content .right-content ul.promos li.facebook a
                    {
                        background: url('../images/content/promo-facebook.gif') left top no-repeat;
                    }
                    
                        #content .content .right-content ul.promos li.facebook a span
                        {
                            font-size: 1.2em;
                            line-height: 14px;
                        }
                    
                    /* Location Promo */
                    #content .content .right-content ul.promos li.location
                    {
                        background: url('../images/content/promo-location-btm.gif') right bottom no-repeat;
                    }
                    
                    #content .content .right-content ul.promos li.location a
                    {
                        color: #0b251c;
                        background: url('../images/content/promo-location.gif') left top no-repeat;
                    }
                    
                        #content .content .right-content ul.promos li.location a span
                        {
                            font-size: 1.2em;
                            line-height: 14px;
                        }
                    
                        #content .content .right-content ul.promos li.location a img
                        {
                            margin-top: 5px;
                            width: 250px;
                            height: 99px;
                        }
                        
                    /* Find Promo */
                    #content .content .right-content ul.promos li.find
                    {
                        background: url('../images/content/promo-find-btm.gif') right bottom no-repeat;
                    }
                    
                    #content .content .right-content ul.promos li.find a
                    {
                        background: url('../images/content/promo-find.gif') left top no-repeat;
                    }
                    
                    /* Blog Promo */
                    #content .content .right-content ul.promos li.blog
                    {
                        background: url('../images/content/promo-blog-btm.gif') right bottom no-repeat;
                    }
                    
                    #content .content .right-content ul.promos li.blog a
                    {
                        background: url('../images/content/promo-blog.gif') left top no-repeat;
                    }
                    
                        #content .content .right-content ul.promos li.blog a span
                        {
                            font-size: 1.2em;
                            line-height: 14px;
                        }
            
            /* Navigation */
            #content .content .right-content ul.navigation
            {
                float: left;
                width: 290px;
                margin-bottom: 10px;
            }
            
                #content .content .right-content ul.navigation li
                {
                    float: left;
                    background: #474745;
                    margin: 3px 0;
                }
                
                #content .content .right-content ul.navigation li.icon-down
                {
                    background: #474745 url('../images/content/nav-icon-down.gif') 25px 9px no-repeat;
                }
                
                    #content .content .right-content ul.navigation li a, #content .content .right-content ul.navigation li span
                    {
                        float: left;
                        width: 230px;
                        padding: 7px 10px 7px 50px;
                        font: normal 1.5em Arial;
                        line-height: 17px;
                        color: #ffffff;
                        text-decoration: none;   
                    }
                    
                    #content .content .right-content ul.navigation li a:hover, #content .content .right-content ul.navigation li.active a
                    {
                        color: #CC9900;
                    }
                    
                    #content .content .right-content ul.navigation li.icon a
                    {
                        background: url('../images/content/nav-icon.gif') 25px 9px no-repeat;
                    }
                    
                    #content .content .right-content ul.navigation li.icon a:hover
                    {
                        background: url('../images/content/nav-icon-over.gif') 25px 9px no-repeat;
                    }
                    
                    /* Detectives Navigation */
                    #content .content .right-content ul.navigation li ul.detectives
                    {
                        float: left;
                        padding: 5px 0;
                        background: #343432;
                    }
                    
                        #content .content .right-content ul.navigation li ul.detectives li
                        {
                            background: #343432;
                            margin: 0 !important;
                        }
                        
                            #content .content .right-content ul.navigation li ul.detectives li a
                            {
                                width: 270px;
                                padding: 5px 10px !important;
                            }
                            
                                #content .content .right-content ul.navigation li ul.detectives li a img
                                {
                                    float: left;
                                    width: 105px;
                                    margin-right: 10px;
                                }
                                
                                #content .content .right-content ul.navigation li ul.detectives li a strong
                                {
                                    float: left;
                                    width: 155px;
                                    font-size: 12px;
                                    line-height: 14px;
                                    color: #CC9900;
                                    padding: 10px 0 0 0;
                                }
                                
                                #content .content .right-content ul.navigation li ul.detectives li a span
                                {
                                    width: 155px;
                                    padding: 0;
                                    font: normal 12px Georgia;
                                    line-height: 14px;
                                }
                                
                    /* Sub Navigation */
                    #content .content .right-content ul.navigation li ul.sub-navigation
                    {
                        float: left;
                        padding: 10px 0;
                        background: #343432;
                    }
                    
                        #content .content .right-content ul.navigation li ul.sub-navigation li
                        {
                            background: #343432;
                            margin: 0 !important;
                        }

                            #content .content .right-content ul.navigation li ul.sub-navigation li a
                            {
                                font-size: 12px;
                                padding: 3px 10px 3px 50px;
                                background-image: none !important;
                            }

                            #content .content .right-content ul.navigation li ul.sub-navigation li.sub-item a
                            {
                                font-size: 12px;
                                padding: 3px 10px 3px 65px;
                                background-image: none !important;
                                color: #bbb;
                            }
                            
                            
                            #content .content .right-content ul.navigation li ul.sub-navigation li a:hover, #content .content .right-content ul.navigation li ul.sub-navigation li.active a
                            {
                                color: #CC9900;
                            }
            
        /* Poll */
        #content .content .poll
        {
            float: left;
            width: 930px;
        }
        
            #content .content .poll .header
            {
                position: relative;
                float: left;
                width: 930px;
            }
            
                #content .content .poll .header h2
                {
                    margin-bottom: 0;
                }
                
                #content .content .poll .header iframe
                {
                    margin: 0 0 0 20px;
                    vertical-align: bottom;
                }
            
                #content .content .poll .header a
                {
                    position: absolute;
                    top: 0;
                    right: 0;
                    font: normal 20px Georgia;
                    text-decoration: none;
                    color: #CC9900;
                }
                
                #content .content .poll .header a:hover
                {
                    text-decoration: underline;
                }
            
            /* Poll Vote */
            #content .content .poll .poll-vote
            {
                float: left;
                width: 890px;
                padding: 20px;
                margin-top: 20px;
                border: 1px solid #d8d8ce;
                background: #eaeae3;
            }
            
                #content .content .poll .poll-vote img
                {
                    float: left;
                    margin-right: 5px;
                }
                
                #content .content .poll .poll-vote .description
                {
                    float: left;
                    width: 375px;
                    margin-right: 60px;
                }
                
                    #content .content .poll .poll-vote .description h3
                    {
                        margin-bottom: 2px;
                        font: bold 16px Georgia;
                        color: #CC9900;
                    }
                    
                    #content .content .poll .poll-vote .description p
                    {
                        font: normal 14px Georgia;
                    }
                
                #content .content .poll .poll-vote .video
                {
                    float: left;
                    padding: 5px;
                    margin-right: 30px;
                    background: #CC9900;
                }
                
                #content .content .poll .poll-vote .vote
                {
                    float: left;
                    width: 110px;
                    padding-top: 50px;
                }
                
                    #content .content .poll .poll-vote .vote p
                    {
                        width: 75px;
                        padding-left: 15px;
                        font: bold 20px Arial;
                        text-align: center;
                        color: #CC9900;
                    }
                    
                        #content .content .poll .poll-vote .vote p span
                        {
                            font-size: 33px;
                            line-height: 28px;
                        }
                        
            /* Poll Winners */
            #content .content .poll .poll-winner
            {
                float: left;
                width: 433px;
                padding: 10px;
                margin-top: 20px;
                border: 1px solid #d8d8ce;
                background: #eaeae3;
            }
            
            #content .content .poll .poll-winner.odd
            {
                float: right;
            }
            
                #content .content .poll .poll-winner h3
                {
                    font: bold 16px Georgia;
                    color: #CC9900;
                }
            
                #content .content .poll .poll-winner .video
                {
                    float: left;
                    padding: 5px;
                    background: #CC9900;
                }
                
                #content .content .poll .poll-winner .description
                {
                    float: left;
                    width: 157px;
                    margin-left: 10px;
                }
                
                    #content .content .poll .poll-winner .description p
                    {
                        float: left;
                        margin-top: 10px;
                        font: bold 12px Georgia;
                    }
                    
                    #content .content .poll .poll-winner .description a
                    {
                        float: left;
                        margin-top: 10px;
                        font: normal 11px Georgia;
                        text-decoration: none;
                        line-height: 12px;
                        color: #CC9900;
                    }
                    
                    #content .content .poll .poll-winner .description a:hover
                    {
                        text-decoration: underline;
                    }
        
/* Footer */
#footer
{
    float: left;
    width: 970px;
    background: #000000;
    font: bold 1.2em Arial;
    color: #b2b2b1;
    text-align: center;
    padding: 25px 0;
}

    #footer a
    {
        color: #b2b2b1;
        text-decoration: none;
    }
    
    #footer a:hover, #footer span
    {
        color: #CC9900;
    }

    #footer ul
    {
        margin: 15px 0;
    }
    
        #footer ul li
        {
            display: inline;
            padding: 0 5px;
        }

/* WYSIWYGd text */

div.wysiwyg {

}
    div.wysiwyg ul {
        list-style-type: disc;
        margin: 12px 0 12px 10px;
    }
        div.wysiwyg ul li {
            margin: 4px 0 0 15px;
        }
    div.wysiwyg h2 {
        font-size: 1.5em;
    }
    div.wysiwyg h5, div.wysiwyg h6 {
        display: block;
        margin: 12px 0 12px 0px;
        font-weight: bold;
    }

/* Map */

div.bubble-content {
    font-size: 12px;
    margin: 1px 0;
}
    div.bubble-content a {
        display: block;
        font-size: 14px;
        padding: 0 0 5px 0;
    }
    div.bubble-content img {
        float: left;
        margin-right: 10px;
    }

/* Static slider */

#slider.static img {
    display: block;
}

/* Submission form */

form.submit {

}
    form.submit input {
        display: block;
    }
    form.submit input.radio {
        display: inline;
        padding: 0 10px 0 0;
    }
    form.submit label {
        display: block;
        margin: 10px 0 3px 0;
    }

/* Comments links */

#content .content .left-content .img-content-promo a.num_comments {
    font-size: 100%;
    color: inherit;
    font-weight: normal;
    font-style: italic;
    font-family: inherit;
}

