/*** Intermediary single col ***/
@media only screen and (min-width: 400px) {
    #top_mark {
        height: 50px;
        margin: 1013px auto 0;
    }
    #tactical nav a, #tactical nav a:hover, #tactical nav a:active {
        width: 19.4%;
        padding: 0;
    }
    #tactical nav {
        width: 100%;
    }
    .home_slider .flex-caption {
    	height: 100px;
	}
}
@media only screen and (min-width: 475px) {
    #tactical nav a, #tactical nav a:hover, #tactical nav a:active {
        font-size: 15px; font-size: 1.5rem;
        line-height: 30px; line-height: 3.0rem;
    }
    footer #links_resources {
        padding: 8% 10% 5%;
    }
}

/*** Small Tablet ***/
@media only screen and (min-width: 600px) {
    #top_mark {
        height: 60px;
        margin: 1009px auto 0;
    }
    footer #links_resources {
        float: right;
        padding: 5% 0 0 0;
        width: 49%;
    }
    footer #social_media {
        padding: 6% 0% 2% 10%;
        width: 30%;
    }
    #topbar li {
        font-size: 15px;font-size: 1.5rem;
    }
    #tactical {
        padding: 8px;
    }
    #tactical nav {
        width: 94%;
        margin: 0px auto 5px;
    }
    #mobile_site_link {
        display: none;
    }
    .home_slider .flex-caption strong a {
        font-size: 25px; font-size: 2.5rem;
	}
	.home_slider .flex-caption {
		line-height: 17px; line-height: 1.7rem;
		height: 80px;
	}
	.home_slider .flex-direction-nav a {
		bottom: 55px;
	}
	#events, #news {
        width: 47%;
        float: left;
        margin-left: 2%;
    }
    #featuring, #mailing_list {
	    width: 96%;
	    margin-left: 2%;
    }
	#featuring figure img, #featuring iframe {
		width: 243px !important;
		float: left;
	}
	#featuring figcaption {
		margin-left: 255px !important;
		margin-top: 0 !important;
	}
	#featuring.home_block .video-container {
	    padding-bottom: 0;
	    padding-top: 0px;
	    float: left;
        height: 127px;
	}
    /*** Footer ***/
    footer a.sm_icon img{
        width: 50px;
    }
    /**** EMT Homepage box ****/
    #emt-homepage-box {
        width: 93.5%;
    }   
}

/* Go to two column view */
@media only screen and (min-width: 720px) {

    #tactical {
        background-color: #e7e7e7;
    }
    #main {
        background-color: #e7e7e7;
    }
    #qn_sitemenu {
        display: none !important;
    }
    .social-media-nav {
        margin: 15px 0px 10px !important;
    }
    .home_slider .flex-caption {
    	height: 75px;
	}
}

@media only screen and (min-width: 800px) {
    .home_slider .flex-caption {
		height: 65px;
	}
}

/* Go to fixed width view */
@media only screen and (min-width: 941px) {
    body {
        background: #183a53; /* Old browsers */
		background: -moz-linear-gradient(top,  #183a53 0%, #030609 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#183a53), color-stop(100%,#030609)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #183a53 0%,#030609 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #183a53 0%,#030609 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #183a53 0%,#030609 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #183a53 0%,#030609 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183a53', endColorstr='#030609',GradientType=0 ); /* IE6-9 */
    }
    #container {
        width: 940px;
        margin: 0 auto 35px;
        background: transparent;
        position: relative;
    }
    #navigation {
        display: block;
        z-index: 2;
        width: 100%;
        /*position: absolute;*/
    }    
    header#main-header {
        background-color: transparent;
    } 
    header#main-header form#search_site {
        display: block;
        position: absolute;
        right: 0;
    }
    .lt-ie8 #main-header #search_site {
	    position: relative;
    }
    .home_slider {
	    border-top: 4px solid #2573bc !important;
	    border-bottom: 4px solid #2573bc !important;
    }
    #banner {
        padding: 0;
        margin-top: 0px;
    }
    #cypher, #logo, .logo-link, #banner-title {
        display: block;
    }
    .deptText.withUmbrella {
        line-height: 43px;
    }
    #cypher, #logo, .logo-link {
        display: block;
    }
    #logo {
        left: 0px;
        position: absolute;
        text-decoration: none !important;
        top: 0px;
        z-index: 5;
    }  
    #seal {
        position: absolute;
        left: 308px;
        top: 95px;
        text-decoration: none !important;
        z-index: 100;
    } 
    .trans-pixel-box  {
        display: block !important;
        position: absolute;
        top: 200px;
        left: 0;
        width: 400px;
        height: 110px;
        z-index:10;
    }  
    #wmcypher {
        bottom: -9px;
        position: absolute;
        right: 0;
    }
    #topbar {
        display: none;
    }
    #main_content {
        width: 760px;
    }
    #main {
        border-bottom: none;
        -webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
    }
    #quick_nav { /** Hide quick nav when right column is visible **/
        display: none;
    }
    
    footer {
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        clear: both;
        position: relative;
        text-transform: none !important;
        overflow: hidden;
        color: #353b35;
    }
    footer #content {
        min-height: 200px;
    }
    footer h4 {
        padding: 0;
        margin: 0 0 10px 0;
        font-size: 30px; font-size: 3.0rem;
    }
    footer #links_resources {
        width: 470px;
        float: right;
        padding: 50px 20px 10px 0;
        border-bottom: none;
    }
    footer #links_resources a {
        line-height: 2.0rem;
    }
    footer #links_resources .column1 {
        width: 32%;
        float: left;
    } 
    footer #links_resources .column2 {
        width: 32%;
        float: left;
    } 
    footer #contact_info, footer #social_media {
        padding: 10px 0;
        float: right;
    }
    footer #social_media {
        border-top: none;
        padding: 55px 20px 10px 0;
        width: 140px;
    }
    footer #contact_info {
        border-top: none;
        width: 245px;
        padding: 50px 15px 30px 0;
    }
    .lt-ie8 footer #social_media a.blogs_link {
        display: block;
    }
    /**** YouTube Widget ****/
    aside.video-widget figcaption {
        display: inline-block;
    }
    /**** EMT Homepage box ****/
    #emt-homepage-box {
        width: 92%;
    }


    /** Homepage **/
    #main-header {
        border-bottom: none;
        height: 700px;
    }
    #word-marks {
        display:block;
        position: absolute;
        z-index: 0;
        padding-top:0;
        padding-left:0;
        color:#fff;
        font-family: Georgia;
        font-size:62px; font-size:6.2rem;
        font-weight:normal !important;
        width: 920px;
    }
    /*.lt-ie8 #word-marks {
	    padding-top: 117px;
    }*/
    #word-marks a {
        text-decoration:none;
        color: #fff;
    }
    
    #word-marks a img {
        margin:0;
        padding:0;
        border:0;
    }
    #wmcypher {
        position: absolute;
        right:0;
    }
    
    header, #slideshow, #major_emergency, #blocks, footer #content {
        width: 940px;
        margin: 0 auto;
        position: relative;
        z-index: 10;
    }
    
    #container .flexslider a:hover {
        text-decoration:none;
    }
    
    #container .flexslider h4 a:hover {
        text-decoration:underline;
    }    
    
    #container .flexslider li h4, #container .flexslider li h4 a {
        font-size: 22px; font-size: 2.2rem;
        font-family: "Rokkitt", Times, "Times New Roman", Serif;
        font-weight: normal;
        margin-top: 0px;
        line-height:30px;line-height:3.0rem;
        padding-bottom: 3px;
    }
    #container .flexslider li h4 a:hover {
        color: #183A53 !important;
    }
    
    .home_slider {
        margin-top: 0px !important;
    }
    
    /* Caption style */
    .home_slider .flex-caption, .home_slider .flex-direction-nav, .home_slider .flex-control-nav {
        display: none !important;
    }
    #container #slider_captions {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        top: 442px;
        background: url('../img/vims_nav_wave.png') no-repeat top center;
        width: 940px;
        height: 181px;
    }
    #container #slider_captions li {
        width: 253px;
        height: 80px;
        padding: 80px 30px 20px 30px;
        background-repeat: no-repeat;
        background-position: center bottom;
        position: absolute;
        bottom: 0px;
        z-index: 25;
        color: #f1f1f1;
        font-size: 13px; font-size: 1.3rem;
        line-height: 2.3px; line-height: 2.3rem;
        font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    }
    .lt-ie9 #slider_captions li {
	    zoom: 1;
    }
    #slider_captions li.first_caption {
        left: 0px !important;
    }
    #slider_captions li.second_caption {
        left: 313px !important;
    }
    #slider_captions li.third_caption {
        left: 626px !important;
        width: 254px !important;
    }
    
    #container #slider_captions li.active_caption, #slider_captions li:hover h4, #container #slider_captions li.active_caption, #slider_captions li:hover h4 a, #slider_captions li h4 a:hover {
        color: #ffffff !important;
        text-decoration: none !important;
    }
    
    #container #slider_captions li.active_caption.second_caption, #slider_captions li.second_caption:hover {
        background-image:url('../img/active_center_wave.png') !important;
        color: #ffffff !important;
    }
    
    #container #slider_captions li.active_caption.first_caption, #slider_captions li.first_caption:hover {
        background-image:url('../img/active_left_wave.png') !important;
        color: #ffffff !important;
    }
    
    #container #slider_captions li.active_caption.third_caption, #slider_captions li.third_caption:hover {
        background-image:url('../img/active_right_wave.png') !important;
        color: #ffffff !important;
    }
    #slider_captions li h4 a {
        padding-bottom: 10px;
	    color: #f1f1f1;
    }

    #slider_captions li.active_caption h4 a, #slider_captions li:hover h4 a {
        color: #ffffff;
        padding-bottom: 5px;
	    border-bottom: 5px solid #183a53;
    }
    #blocks {
        width: 940px;
        margin: 0 auto;
    }
    #featuring.home_block figcaption {
		margin: 8px 0 0 !important;
	}  
	#featuring figure img, #featuring figure iframe, #featuring .video-container {
		float: none !important;
	}
    .home_block {
        width: 29.5% !important;
        float: left !important;
        margin-top: 5px !important;
        margin-bottom: 0 !important;
        margin-left: 3% !important;
    }
    .home_block .block_content {
	    min-height: 255px !important;
    }
    #mailing_list .block_content {
    	min-height: inherit !important;
    }
    #events {
        margin-left:25px !important;
    }
    .lt-ie8 .home_block {
        position: static !important;
    }
    /*** Emergency Styling ***/
    #emergency_info_container {
	    top: 0;
    }
    #em_info {
	    width: auto;
    }
}