﻿/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1025px)
{


 #outercontainer
    {
        max-width: 1400px;
        min-width: 1240px;
        margin: 0em auto;
    }
    #container
    {
        max-width: 1400px;
        min-width: 1240px;
        margin: 0em auto;
    }

     .topnut
    {
         max-width: 1400px;
        min-width: 1240px;
        background-image: none;
        background-size: 100%;
         margin-top:102px;
         margin-left:  auto;
         margin-right:  auto;
         
    }


    #toplineright
    {
        width: 90%;
        margin: 0px 5% 0 5%;
    }

    .headwrapper
    {
        width: 90%;
        margin: 0px 5% 0 5%;
    }

    /*Sliding image and textbox*/
    .slidebannerholder
    {
        top: 90px;
        height: 400px;
        width: 90%;
        margin: 0px 5% 0 5%;
    }

    .slidebanner
    {
        height: 160px;
    }

    .slidebanner h1
    {
        font-size: 3em;
        
    }
    .slidebanner h2
    {
        font-size: 2.6em;
        line-height:130%;
        
    }

    .slidebanner p
    {
        color: #ffffff;
        font-size: 1.2em;
        m-argin: 0px !important;
        line-height: 1.1em;
         m-argin-top:50px;
    }

    #lefthome
    {
        width: 90%;
        margin: 70px 5% 0 5%;
    }


    .homeboxholder:after
    {
        padding-top: 100%; /*16:9 ratio*/
        display: block;
        content: '';
    }

    .hubnavcontainer, .hubnavlink
    {
        width: 240px;
    }

    #secondarycontent
    {
        width: 48%;
        margin-right: 2%;
        t-ext-align: justify;
    }

    #secondaryextras
    {
        display: block;
        width: 27.5%;
        float: right;
        margin-right: 2.5%;
    }
    #newsholder
    {
        margin-top: 30px;
    }

    #newsmain
    {
        width: 75%;
        float: left;
    }

    #newstopicsandsearch
    {
        width: 25%;
        display: block;
        float: left;
    }

    #newssearchsp
    {
        display: none;
    }

    #people
    {
        width: 80%;
    }


}
