#footer { position:relative; min-height: 100px; }

#footer, 
#footer a {
        background-color: #405158;
        color: silver;
}
#footer a:hover { color: white; }

#footer_first img { float:left; }
#footer_second { text-align: center; }

#footer_first, 
#footer_second,
#footer_third {
        width: 33%;
        background-color: #405158;
        float: left;
}

#footer_nav {
        margin-top: 30px;
	font-size: 12px;
}

#footer_long { display: none; }
#footer_short { 
	margin-top: 30px; 
	margin-left: 13px;
	width: 63%;
}

/* CSS For the #footer-bk element which is used in our apps that reference Drupal's footer */

#footer-bk {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #405158;
    z-index: 6;
}

        /* Specific for Center Block Wrapping on Footer */
        @media only screen and (max-width: 1055px) {
		#footer_nav { margin-top: 5%; }
	}


        /* Smaller than standard 960 (devices and browsers) */
        @media only screen and (max-width: 959px) {}

        /* Tablet Portrait size to standard 960 (devices and browsers) */
        @media only screen and (min-width: 768px) and (max-width: 959px) {}

        /* All Mobile Sizes (devices and browser) */
        @media only screen and (max-width: 767px) {
		#footer_first img { float:none; }
		#footer_first,
		#footer_second,
		#footer_third {
			width: 100%;
			text-align:center;
		}
		#footer_nav { margin-top: -10px; }
		#footer_long { display: block; margin-left: auto; margin-right: auto; }
		#footer_short { display: none; }
	}

        /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        @media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
        @media only screen and (max-width: 479px) {
		#footer_nav { font-size: 10px; }
	}