@media screen and (min-width: 100px) and (max-width: 899px)
{
    html{
        margin: 0;
        background-color: #003366;
    }
    
    body{
    
        width: 90%;
        margin: 0;
        padding: 0;
        
    } 
    
	.clear{
		clear: left:
	}
	
}

@media screen and (min-width: 900px) and (max-width: 1300px)
{
	html{
        margin: 0;
        background-color: #003366;
    }
    
    body{
    
        width: 97%;
        margin: 0;
        padding: 0;
		background-color: #FFFFFF;
        
    } 
	
	.clear{
		clear: left:
	}
    
}


@media screen and (min-width: 1301px) and (max-width: 1899px)
{
    html{
        margin: 0;
        background-color: #003366;
    }
    
    body{
    
        width: 97%;
        margin: 0;
        padding: 0;
        
    } 
	
	.clear{
		clear: left:
	}
	
	.region-header-topright, .block-menu{
		margin: 0;
		padding: 0;
	}
    
}

@media screen and (min-width: 1900px)
{
    html{
        margin: 0;
        background-color: #003366;
    }
    
    body{
    
        width: 97%;
        margin: 0;
        padding: 0;
		margin-left: 1%;
        
    } 
	
	.clear{
		clear: left:
	}
	
	.region-header-topright, .block-menu{
		margin: 0;
		padding: 0;
	}
    
}