function getcss(cssfile){

loadcss = document.createElement('link')
loadcss.setAttribute("rel", "stylesheet")
loadcss.setAttribute("type", "text/css")
loadcss.setAttribute("href", cssfile)
document.getElementsByTagName("head")[0].appendChild(loadcss)

}

//if(screen.width <= '800') 
// Defines the resolution range you're targeting (less than 800 pixels wide in this case)
//{
//getcss('800x600.css') 
// Defines the .css file you want to load for this range (800x600.css)
//}


//else if(screen.width > '800' && screen.width < '1280') 
//if(screen.width > '800' && screen.width < '1280')

if(screen.width <= '1024')
// This time we're targeting all resolutions between 800 and 1280 pixels wide
{
getcss('/websmart/Pasco/css/Pasco_gen800.css') 
//And we want to load the .css file for "1024x768.css"

}

//else if(screen.width > '1280')
else if(screen.width > '1024')
//Targeting screen resolutions between 1024 and up wide
{
getcss('/websmart/Pasco/css/Pasco_gen.css')
//Load 1280x1024.css
}

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android");


if(isAndroid) {
  // Do something! // USE android.css 

getcss('/websmart/Pasco/css/Pasco_gen_Android.css')
}

var isIphone = ua.indexOf("iphone");


if(isIphone) {
  // Do something! // USE android.css 

getcss('/websmart/Pasco/css/Pasco_gen_Android.css')
}