@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
        body {             
                margin:0px;
        }
        #container {              
                width:100%;       
                margin:0px auto;     
                padding:0px;
	        -moz-box-shadow: 0 !important;
	        -webkit-box-shadow: 0 !important;
	        box-shadow: 0 !important;
                border-radius: 0 !important;
                -moz-border-radius: 0 !important;
                -webkit-border-radius: 0 !important;
        }
        #banner {
                max-width:100%;
		height: 55px;
                /*background:#002566 url(../graphics/rebrand_bg.png) no-repeat left 3px;*/
		background:#3a3037 url(../graphics/usnh_logo_white.png) no-repeat left 8px top 8px;
                background-size:50%;
                border-radius: 0 !important;
                -moz-border-radius: 0 !important;
        }                    
        #banner h1#site-name {
            	margin-left: -40px;         
		padding: 36px 4px 0px 84px;
            	color: white;  
            	font-family: 'Glypha LT W01 45 Light',Geneva,Arial,Helvetica,sans-serif;
            	font-weight: normal!important;
            	font-size: 1.25em;
        }
	#unhlogo {
	    	display: block;
		width: 40px;
		margin: 0px;
	}
	#content {
		margin:0px;
		width:90%;
	}
	.ximg {             
	        float:left;       
	        margin:0px 12px 0px 0px;
		max-width:54px;
	}
	.ximg img {
		width:40px;
		height:40px;
	}
	.xtxt {                
	        line-height:1.25em;     
	        margin:0px 0px 24px 48px;
	}
	.xtxt a {                 
	        font-size:12pt;        
	}
	ul.nde-menu-system li.submenu ul {
		max-width:12em;
	}
	fieldset {
		width:100%;
	}
	.login_fs {
		width:100%;
	}
	.login_field {
		width:30%;
	}
	.login_ctrl {
		width:75%;
	}
	#error, .error {
		width:100%;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape){
        #banner {
                height: 60px;
                background-size:50%;
        }
        #banner h1#site-name {
            	margin-left: -26px;         
		padding: 26px 0px 0px 90px;
            	color: white;  
            	font-family: 'Glypha LT W01 45 Light',Geneva,Arial,Helvetica,sans-serif;
            	font-weight: normal!important;
            	font-size: 1.25em;
        }
}

/*
@media only screen and (max-device-width: 1024px) and (orientation: portrait){
        body {             
                margin:0px;
        }
        #container {              
                width:100%;       
                margin:0px auto;     
                padding:0px;
	        -moz-box-shadow: 0 !important;
	        -webkit-box-shadow: 0 !important;
	        box-shadow: 0 !important;
                border-radius: 0 !important;
                -moz-border-radius: 0 !important;
                -webkit-border-radius: 0 !important;
        }
        #banner {
                max-width:100%;
		height: 64px;
                background:#002566 url(../graphics/rebrand_bg.png) no-repeat left 3px;
                background-size:50%;
                border-radius: 0 !important;
                -moz-border-radius: 0 !important;
        }                    
        #banner h1#site-name {
            	margin-left: -20px;         
		padding-top: 32px;
            	color: white;  
            	font-family: 'Glypha LT W01 45 Light',Geneva,Arial,Helvetica,sans-serif;
            	font-weight: normal!important;
            	font-size: 1.25em;
        }
	#content {
		margin:0px;
		width:90%;
	}
	.ximg {             
	        float:left;       
	        margin:0px 12px 0px 0px;
		max-width:54px;
	}
	.ximg img {
		width:40px;
		height:40px;
	}
	.xtxt {                
	        line-height:1.25em;     
	        margin:0px 0px 24px 48px;
	}
	.xtxt a {                 
	        font-size:12pt;        
	}
	ul.nde-menu-system li.submenu ul {
		max-width:12em;
	}
	fieldset {
		width:100%;
	}
	.login_fs {
		width:100%;
	}
	.login_field {
		width:30%;
	}
	.login_ctrl {
		width:75%;
	}
	#error, .error {
		width:100%;
	}
}

*/