/*
2025 FUEL color palette
logo blue (medium)  #2774AE
navy                #004680
lt blue	            #B9D9EB
Lt blue tint	    #DDECF5
golden yellow       #FCD757
terra cotta         #DE754C
gray                #A7A8A9
gray tint		    #CFCECE
deep navy           #253746

2022 ALP CSS
logo blue #0066ca
yellow    #ffd951
coral     #de6383
lt blue	  #79bad1
lt blue 50%	  #79bad180    #bcdce8

pics 
1080 x 1080 pixels in JPG format
style="width:350px;float:right; margin:0px 0px 20px 20px;border: 5px solid #ffd951;"
style="width:350px;float:left; margin:0px 20px 20px 0px;border: 5px solid #ffd951;" 

no border on quotes

*/

@font-face {
    font-family: "GlacialIndifference";
    src: url("GlacialIndifference-Regular.woff2") format("woff2"),
         url("GlacialIndifference-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: "GlacialIndifference";
    src: url("GlacialIndifference-Bold.woff2") format("woff2"),
         url("GlacialIndifference-Bold.woff") format("woff"),;
    font-weight: bold;
    font-style: normal;

}

*/


body {
    background: #fff;
    color: #000;
    font-family: "GlacialIndifference",Arial, Helvetica, sans-serif;
    font-size: 1.0em; 
}

h1 {
  margin: 0;
  font-family: "GlacialIndifference",Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: bolder;
  line-height: 2.0em;
  color: #2774AE;
}


h2 {
  margin: 14px 0 10px 0;
  font-family: "GlacialIndifference",Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bolder;
  line-height: 1.5em;
  color: #2774AE;
}

p {
  margin: 0 0 12px 0;
  color: #000;
  line-height: 1.4em;
}

a {
  color: #2774AE;
}

.pullquote {
     background: #DDECF5;
     border: 2px solid #2774AE;
     margin-top:50px;
     margin-bottom:20px;
     padding: 10px;

}

.main li {
margin: 12px 0 0 30px;
}

 img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

@media screen {	

    .wrapper {
        max-width: 980px;
        background: #fff;
        color: #000;
        margin:10px;
    }

    .logo {
        width: 100%;
        margin-bottom: 0;
        clear: both;
    }


     .navbar {
        margin-top:0;
        clear: both;
    }

    .social {
        display: inline;
        max-height:34px;
    }

#paypal {
  position: relative;
	float:right;
  display:block;        
	top:0px;
	width:80px;
  max-height:34px;
	padding: 0;
	margin: 0;
	clear:both;
	}

 #announcement {
	clear:both;
  position: relative;
/*	float:left;   */
	display:block;
	right:5px;
	top:20px;
	width:250px;
	padding: 0 8px 8px 8px;
/*	margin: 0px 0px 50px 0px;   */
margin:auto;
  border: 5px solid #2774AE;        
  border-radius:25px;
  background-color:#DDECF5;
	}
	
    .menubar {
        font-size: 0.9em;
        margin-top: 0px;
        float:left;
    }

    .banner {
        display:none;
    }

    .main {
        margin-bottom: 40px;
        clear: both;
    }


.footer {
	font: 0.8em "GlacialIndifference",Arial, Helvetica,sans-serif;
	text-align: center;
	color:#2774AE;
  clear: both;
	}
 

    .icon {
    width: 30px;
    height: 4px;
    background-color: black;
    margin: 5px 0;
}
.logo2 {
    display: none; 
    }

    #navToggle {
        position:relative;
        left: 10px;
        top: 0px;
        display: block;    
        padding: 4px 0 4px 0;
        margin: 0;
        clear: both;
    }
     
 
    nav {
        text-align: left;
        background-color: #fff;
        color: #2774AE;
        display: none;
        padding-left: 6px;
    }
     
        nav > ul {
            list-style-type: none;
        position:relative;
        left: 10px;
        }
         
            nav > ul > li {
                position: relative;
            }
             
                nav > ul > li:last-of-type {
                    border-bottom: none;    
                }
             
                nav > ul > li > a {
                    display: block;
                    color: #2774AE;
                    padding: 4px 0;
                    text-decoration: none;
                }
                 
                    nav > ul > li > a span.toggle {
                        padding: 2px 10px;
                    }
                     
                    nav > ul > li > a span.caret {
                        display: none;
                    }
                 
                    nav > ul > li:hover > a {
                        color: #2774AE;  
                    }
                 
            nav > ul > li > nav2 {
                background-color: #fff;
                display: none;
                padding-left: 10px;
                overflow: hidden;
                z-index: 100;
            }
            nav > ul > li > nav2 > ul {
                list-style-type: none;
            }
             
                nav > ul > li > nav2 > ul > li > a {
                    display: block;
                    color: #2774AE;
                    padding: 4px 0;
                    text-decoration: none;
                }
                 
                    nav > ul > li > nav2 > ul > li:hover > a {
                        background-color: #fff;
                        color: #2774AE;
                    }

/* Medium screens */
@media screen and (min-width: 600px) and (max-width: 849px) {
  
    .wrapper {
        max-width: 980px;
        background-color: #fff;
        color: #000;
        margin: 0 auto;
    }


    .logo {
    display: none; 
    }

    .header {
        max-height: 100px;
     /*   background: url("ALP_Upstate_logo_ftr.jpg");
        background-size: auto;
        background-repeat: no-repeat;  
        z-index: 50;
    */
    }
    .logo2 {
        display: block;
        width: 100%;
        background-color: transparent;
        top: 10px;
        padding: 2px 0;
    }
    .social {
        background-color: transparent;
        position: relative;
        max-height:34px;
        width:220px;
        margin-top: 20px;
        padding: 2px 0;
        z-index: 20;
    }
/*
    .menubar {
        background-color: transparent;
        position: absolute;
        top: 70px;
        right: 20px;
        min-width:100%;
        margin-bottom:10px;
    }
*/
     .menubar {
        font-size: 0.9em;
        margin-top: 0px;
        float:left;
    }

    .banner {
        display:block;
        z-index: 2;
    /* needed for the floated layout */
    clear: both;
    }

    .main {
    display:block;
    margin-top:30px;
    /* needed for the floated layout */
    clear: both;
    }

    
    .footer {
     display:block;
     color:#2774AE;
     text-align: center;
      /* needed for the floated layout */
      clear: both;
    }
 

    #navToggle {
        position:relative;
        top: 0px;
        display: block; 
        float: right;
        max-height:34px;
    }
     
 
    nav {
        text-align: left;
        background-color: #fff;
/*        opacity: 0.9;                  */
        color: #2774AE;
        display: none;
        padding-left: 12px;
    }
     
        nav > ul {
            list-style-type: none;
        }
         
            nav > ul > li {
                position: relative;
                margin-left: -30px;
                width: 180px;
            }
             
                nav > ul > li:last-of-type {
                    border-bottom: none;    
                }
             
                nav > ul > li > a {
                    display: block;
                    color: #2774AE;
                    padding: 4px 0;
                    text-decoration: none;
                }
                 
                    nav > ul > li > a span.toggle {
                        padding: 2px 10px;
                    }
                     
                    nav > ul > li > a span.caret {
                        display: none;
                    }
                 
                    nav > ul > li:hover > a {
                        color: #2774AE;  
                    }
                 
            nav > ul > li > nav2 {
                background-color: #fff;
                color: #2774AE;
                display: none;
                padding-left: 10px;
                overflow: hidden;
                z-index: 100;
            }

            nav > ul > li > nav2 > ul {
                list-style-type: none;
            }


            nav > ul > li > nav2 > ul > li {
                position: relative;
                overflow: hidden;
                margin-left: -30px;
            }
             
                nav > ul > li > nav2 > ul > li > a {
                    display: block;
                    opacity: 0.8;
                    color: #2774AE;
                    font-size:0.9em;
                    line-height: 1.8em;
                    margin: 0em;
                    padding: 0 .2em;
                    text-decoration: none;
                }
                 
                    nav > ul > li > nav2 > ul > li:hover > a {
                        background-color: #fff;
                        color: #2774AE;
                        z-index: 5;
                    }

}

/* Large screens */
@media all and (min-width: 850px) {
/*    *{outline:1px solid black;}         */

    .wrapper {
        max-width: 980px;
        min-width: 660px;
        background-color: #fff;
        color: #000;
        margin: 10px auto;
        padding: 0;
    }

    .logo {
    display: none; 
    }
    
    
    
    .header {
        max-height: 80px;
 /*       background: url("ALP_Upstate_logo_ftr.jpg");
        background-size: auto;
        background-repeat: no-repeat;  
        z-index: 50;
*/
    }

    .logo2 {
        display: block;
        width: 100%;
        background-color: transparent;
        top: 10px;
        padding: 2px 0;
    }
    .social {
        background-color: transparent;
        position: relative;
        max-height:34px;
        width:220px;
        margin-top: 20px;
        padding: 0;
        z-index: 20;
        clear: both;
    }


    .menubar {
        min-width:100%;
        background-color: transparent;
        position: relative;
        top: 10px;
        margin-bottom:10px;
        z-index: 100;
        clear: both;
    }

    .banner {
        display:block;
        position: relative;
        float:left;
        z-index: 2;
    /* needed for the floated layout */
    clear: both;
    }

    .main {
    display:block;
    margin-top:100px;
    /* needed for the floated layout */
    clear: both;
    }

    
    .footer {
     display:block;
     color:#2774AE;
     text-align: center;
      /* needed for the floated layout */
      clear: both;
    }
 


    #navToggle {
        display: none;   
    }
     
 
     
    nav {
        min-width:100%;
        font-weight:bold;
        line-height: 3em;
        padding: 0 1.4em;
        text-align: left;
        color:#2774AE;
        background-color: transparent;
        display: block;
        margin:0;
    }
     
        nav > ul {
        white-space: nowrap;
        margin:0 auto 0 80px;
        }
         
            nav > ul > li {
                float: left;
                position: relative;
                background-color: #fff;           /* 600   */
                border-bottom: none;
            }



     
                nav > ul > li > a {
                    display: block;
                    width: 88px;
                    padding: 0 1.0em 0 0.5em;
                    color:#2774AE;
                    text-align: center;
                }
                     
                    nav > ul > li > a span.toggle {
                        display: none;    
                    }
                     
                    nav > ul > li > a span.caret {
                        border-bottom: 4px solid transparent;
                        border-top: 4px solid #2774AE;
                        border-right: 4px solid transparent;
                        border-left: 4px solid transparent;
                        content: "";
                        display: inline-block;
                        height: 0;
                        margin: 0 0 0 .1em;
                        width: 0;
                        vertical-align: middle;
                    }
                     

     
    nav > ul > li:hover > nav2 {
        background-color: #fff;
        text-decoration: none;
        font-weight: bold;
        opacity: 1.0;
        list-style-type: none;
        margin: 0em;
        padding: 0 .2em;
        display: block;
        font-size:0.9em;
        line-height: 1.5em;
        width: 90%;
        z-index: 5;
    }


            nav > ul > li > nav2 > ul {
                background-color: #DDECF5;
                opacity: 1.0;
                list-style-type: none;
                position: absolute;
                width: 70%;
                left: 80%;            
                margin-left: -80px;
            }

            nav > ul > li > nav2 > ul > li {
                position: relative;
                overflow: hidden;
                margin-left: -38px;
            }


             
                nav > ul > li > nav2 > ul > li > a {
                    display: block;
                    opacity: 1.0;
                    color: #2774AE;
                    font-size:0.85em;
                    line-height: 2em;
                    margin: 0em;
                    padding: .2em .2em;
                    text-decoration: none;
                }
                 
                    nav > ul > li > nav2 > ul > li:hover > a {
                        background-color: #DDECF5;
                        color: #2774AE;
                        z-index: 5;
                    }

    
}

}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  

    .wrapper {
        max-width: 980px;
        min-width: 660px;
        background-color: #fff;
        color: #000;
        margin: 10px auto;
        padding: 0;
    }

    .logo {
    display: none; 
    }
    
    
    
    .header {
        height: 100px;
 /*       background: url("ALP_Upstate_logo_ftr.jpg");
        background-size: auto;
        background-repeat: no-repeat;  
        z-index: 50;
 */
   }

    .social {
        background-color: transparent;
        position: relative;
        max-height:34px;
        width:220px;
        top: 10px;
        padding: 0;
        z-index: 20;
    }


    .menubar {
        min-width:100%;
        background-color: transparent;
        position: relative;
        top: 20px;
        z-index: 100;
        clear: both;
    }

    .banner {
        display:block;
        position: relative;
        float:left;
        z-index: 2;
    /* needed for the floated layout */
    clear: both;
    }

    .main {
    display:block;
    /* needed for the floated layout */
    clear: both;
    }

    
    .footer {
     display:block;
     color:#2774AE;
     text-align: center;
      /* needed for the floated layout */
      clear: both;
    }
 


    #navToggle {
        display: none;   
    }
     
 
     
    nav {
        min-width:100%;
        font-weight:bold;
        line-height: 3em;
        padding: 0 1.4em;
        text-align: left;
        color:#2774AE;
        background-color: transparent;
        display: block;
        margin:0;
    }
     
        nav > ul {
        white-space: nowrap;
        margin:0 auto 0 80px;
        }
         
            nav > ul > li {
                float: left;
                position: relative;
                background-color: #fff;           /* 600   */
                border-bottom: none;
            }



     
                nav > ul > li > a {
                    display: block;
                    width: 76px;
                    padding: 0 1.0em 0 0.5em;
                    color:#2774AE;
                    text-align: center;
                }
                     
                    nav > ul > li > a span.toggle {
                        display: none;    
                    }
                     
                    nav > ul > li > a span.caret {
                        border-bottom: 4px solid transparent;
                        border-top: 4px solid #2774AE;
                        border-right: 4px solid transparent;
                        border-left: 4px solid transparent;
                        content: "";
                        display: inline-block;
                        height: 0;
                        margin: 0 0 0 .1em;
                        width: 0;
                        vertical-align: middle;
                    }
                     

     
    nav > ul > li:hover > nav2 {
        background-color: #fff;
        text-decoration: none;
        font-weight: bold;
        opacity: 1.0;
        list-style-type: none;
        margin: 0em;
        padding: 0 .2em;
        display: block;
        font-size:0.9em;
        line-height: 1.5em;
        width: 90%;
        z-index: 5;
    }


            nav > ul > li > nav2 > ul {
                background-color: #DDECF5;
                opacity: 1.0;
                list-style-type: none;
                position: absolute;
                width: 60%;
                left: 80%;            
                margin-left: -80px;
            }

            nav > ul > li > nav2 > ul > li {
                position: relative;
                overflow: hidden;
                margin-left: -30px;
            }


             
                nav > ul > li > nav2 > ul > li > a {
                    display: block;
                    opacity: 1.0;
                    color: #2774AE;
                    font-size:0.9em;
                    line-height: 2em;
                    margin: 0em;
                    padding: .2em .2em;
                    text-decoration: none;
                }
                 
                    nav > ul > li > nav2 > ul > li:hover > a {
                        background-color: #DDECF5;
                        color: #2774AE;
                        z-index: 5;
                    }

  
}

@media print {
	/* print styles which will not inherit any screen CSS */
    .logo {
        width: 100%;
        margin-bottom: 0;
        clear: both;
    }
    .social {
    display: none; 
    }    	

    .menubar {
    display: none; 
    }    	

    #announcement {
    display: none; 
    }    	

.footer {
	font: 0.8em "GlacialIndifference",Arial,Helvetica,sans-serif;
	text-align: center;
	color:#2774AE;
  clear: both;
	}
  	
}