/* CSS Document */
.row 
{
    margin: 0 auto;
    width: 1000px;
}

.Blog_handout_container
{
    border:solid 1px #dddddd; min-height:200px;width:232px; position:relative;
}

.Blog_handout_container_top
{
    min-height:150px;
}

.Video_handout_container_top
{
    min-height:120px;
    background-color:#cfd2d5;
}

/*Drop Shadow Effects*/
.DShad
{
    -webkit-box-shadow: 0 2px 10px #666;
    -moz-box-shadow: 0 2px 10px #666;
    box-shadow: 0 2px 10px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666666, strength=3, direction=135)";
}
.DShadH
{
    -webkit-box-shadow: 0 2px 10px #666;
    -moz-box-shadow: 0 2px 10px #666;
    box-shadow: 0 2px 10px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666666, strength=3, direction=135)";
}
.DShadH:Hover
{
    -webkit-box-shadow: 2px 4px 16px black;
    -moz-box-shadow: 2px 4px 16px black;
    box-shadow: 0 2px 10px black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=black, strength=3, direction=135)";
}
.DShadIE8Fix /* Front page featured content drop shadows not working without something like this or a border applied.  haven't been able to find a documented cause. */
{
    background-color:white;
}

/* employee bios */
.employeeInfo 
{
    height: 170px;
}

div.titleblue
{
    width:980px;
}

/***********************/

#mobile-navigation {
    display: none;
}

@media screen and (max-width: 1500px) { 
    .page-content {
        width: 1200px;
        max-width: 1200px;
    }
}

@media screen and (max-width: 1350px) { 
    .page-content {
        width: 1100px;
        max-width: 1100px;
    }

    #navigation ul li {
        font-size: 20px
    }
}