@charset "utf-8";
/* CSS Document */
    body{background-image: url(/websvcs/templates/enroll/images/tile.png); margin:0px; padding: 0px;}
    img{width: 100%;border:0;  display:block;}
    @media (min-width: 30px) {
        /*iphone/ipod/android portrait and everything that's smaller*/
        #wrapper{width: 100%;}
            #header{width: 100%; background-color:white; padding: 20px 0;}
            #logo{display:block; width: 50%; margin: auto;}
            #dept{display:block; text-align:center; font-family: 'Roboto Slab'; text-decoration:none; color: #c75b12; font-size: 13px; margin-top: 20px;}
            #text{width: 90%; margin: auto; margin-top: 30px;}
            #texas{width: 50px; margin: auto; margin-bottom: 30px;}
            #three-way{width: 94%; margin:auto; margin-bottom: 20px;overflow:auto;}
			#three-way a:hover span{background-color: white; color: #c75b12}
                #three-way div img{display:none;}
                #three-way div a{display:block; color: white; text-decoration:none; text-align:center; font-family: 'Roboto Slab', serif; height: 25px; padding-top: 15px;padding-bottom: 15px; font-size: 19px; margin-bottom: 10px; border:1px solid white; }
                #fresh-trans a{background-color: rgba(00,161,222, 1)}
                #graduate a{background-color: rgba(105,190,40,1)}
                #prof a{background-color: rgba(139,129,120,1)}
    }
	
	@media (min-width: 360px) {


	}
	
    @media (min-width: 480px) {
        /*iphone/ipod/android landscape*/
        #header{height: 40px;}
        #header div{width: 450px; margin: auto; padding: 0px;}
        #logo{width: 125px; float: left; margin-left: 10px;margin-top: 0px;}
        #dept{font-size: 13px; height: 14px; margin-top: 0px;  padding-top: 14px;text-align:right; margin-right: 10px;}
       #orange{background-image: url(front-images/orange.png); padding: 20px 0;background-size:cover; border-bottom: 20px solid white;}
       #text{margin-top:0px;}
        #texas{width: 75px; margin-top: -5px;}
        #three-way{margin-top: -30px;}
        #three-way div{float: left; position: relative;}
      
            #three-way div a{font-size: 12px; height: 12px; padding: 10px 0 16px 0; position: relative; border: 2px solid white; bottom:0; width: 98%;margin-bottom:0; border: 1px solid white;}
            #fresh-trans{width: 33%;}
            #graduate{width: 32%;margin-left: 1%}
            #prof{width: 33%; margin-left: 1%;}

    }
    @media (min-width: 768px) {
        #header div{width: 450px; margin: auto; }
        #logo{margin-left: 0px;margin-top: 0px;}
        #dept{margin-left: 20px; margin-top: 0px;padding-top: 15px;margin-right:0px;}
        #orange{background-image: url(front-images/orange.png); background-size: 100%; padding: 75px 0; border-bottom: 75px solid white}
            #text{margin-top: 0px;}
            #texas{width: 100px;}
        #three-way{margin-top: -140px; width:728px;}
            #three-way div{width: 235px; border: 2px solid white; border-bottom: 2px solid white; height: 185px;position: relative;}
            #three-way div a{border-width:0px;display:block; height: 185px; padding: 0px;width: 235px; }
            #three-way div img{display:block;width: 100%; height: 183px; }
            #fresh-trans{width: 100%;}
            #graduate{width: 100%; margin-left: 5px}
            #prof{width: 100%; margin-left: 5px;}
            	#three-way div a span{display:block;font-size: 15px; height: 12px; padding: 10px 0 16px 0; position: absolute; bottom:0px;width: 235px;left: 0px;margin-bottom:0}
			    #fresh-trans a span{background-color: rgba(00,161,222, .8)}
                #graduate a span{background-color: rgba(105,190,40,.8)}
                #prof a span{background-color: rgba(139,129,120,.8)}
   
    }
    @media (min-width: 960px) {

        #three-way{margin-top: -140px; width:942px; padding-bottom:  40px;}
		
            #three-way div{width: 300px; border: 0px solid white; border-bottom: 0px solid white;height: 246px;}
            #three-way div a{height: 244px;}
            #three-way div a span{font-size: 20px; height: 12px; padding: 5px 0 22px 0; position: absolute; bottom:0px; width:300px; left:2px;margin-bottom:0}
            #three-way div img{border: 2px solid white; width: 300px; height: auto;}
            #fresh-trans{}
            #graduate{margin-left: 15px}
            #prof{ margin-left: 15px;}
    }
	
	@media (min-width: 1025px) {
		#text{width: 920px}
		#orange{padding: 100px;}
		#three-way{margin-top: -150px;width: 940px}
		 #three-way div{width: 293px; border: 0px solid white; border-bottom: 0px solid white; }
		 #three-way div a span{width: 300px;padding-bottom: 19px;}
		         #graduate{margin-left: 25px}
            #prof{ margin-left: 25px;}
	}