#skipLink1, #skipLink2, #skipLink3 {
	position: absolute; top: 0; left: -500px; background-color: #ffffff; color: #000000; padding: 5px; z-index: -1;
}
#skipLink1:focus, #skipLink2:focus, #skipLink3:focus {
	top: 10px; left: 220px; z-index: 5;
}

#headerRow { position: fixed; width: 100%; margin: 0; padding: 0; background: transparent; height: 150px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; z-index: 1; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#headerRow.narrow_header_row { height: 80px; }
#headerStripe { position: absolute; width: 100%; background: #004477; height: 150px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; z-index: 1; justify-content: flex-start; margin: 0; padding: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#headerStripe.narrow_header_stripe { height: 80px; }
#homeBox { display: block; width: 150px; height: 75px; margin: 12px 5px 10px 15px; padding: 0; box-sizing: border-box;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#homeBox.smaller_home_box { width: 50px; height: 50px; margin: 5px 0 0 15px; padding: 0; }
#homeBox:focus { background: #2579ca; }
#drake_logo { width: 150px; height: 75px; margin: 0; padding: 0; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.drake_st0,
.drake_st1,
.drake_st2 {fill:rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#optionalLinks { position: absolute; top: 50px; right: 0; width: 320px; height: 40px; margin: 5px 25px; z-index: 5; display: flex; justify-content: flex-end; background-color: transparent; }
#optionalLinks a { display: flex; width: 120px; height: 24px; justify-content: center; align-items: center; color: #ffffff; background: #0099ff; margin: 0 0 0 10px; border-radius: 4px; text-decoration: none; 
    -webkit-transition-property: background, color;
	-webkit-transition-duration: 0.2s, 0.2s;
    -moz-transition-property: background, color;
	-moz-transition-duration: 0.2s, 0.2s;
    -ms-transition-property: background, color;
	-ms-transition-duration: 0.2s, 0.2s;
    -o-transition-property: background, color;
	-o-transition-duration: 0.2s, 0.2s;
	transition-property: background, color;
	transition-duration: 0.2s, 0.2s;
}
#optionalLinks.narrow_optional_links { }
#optionalLinks.narrow_optional_links a { background: transparent; color: transparent; }
#menuContainer { position: absolute; top: 100px; left: auto; right: auto; width: 100vw; box-sizing: border-box; background-color: #0099ff; color: #ffffff;
    display: flex; flex-direction: row; justify-content: center; align-items: center; height: 50px; z-index: 10; margin: 0; padding: 0; overflow: hidden;
    -webkit-transition-property: top, height;
	-webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-property: top, height;
	-moz-transition-duration: 0.5s, 0.5s;
    -ms-transition-property: top, height;
	-ms-transition-duration: 0.5s, 0.5s;
    -o-transition-property: top, height;
	-o-transition-duration: 0.5s, 0.5s;
	transition-property: top, height;
	transition-duration: 0.5s, 0.5s;
}
#menuTopMargin, #menuBottomMargin { display: none; }
#department_navigation { display: none; }
#menuMain { display: flex; justify-content: center; align-items: center; 
    -webkit-transition-property: top;
	-webkit-transition-duration: 0.5s;
    -moz-transition-property: top;
	-moz-transition-duration: 0.5s;
    -ms-transition-property: top;
	-ms-transition-duration: 0.5s;
    -o-transition-property: top;
	-o-transition-duration: 0.5s;
	transition-property: top;
	transition-duration: 0.5s;
}

#menuContainer.narrow_menu_container { top: 50px; height: 30px; }
#schoolBox { display: flex; width: 600px; height: 70px; margin: 15px 10px; padding: 0 20px; border-left: 1px solid #ffffff; color: #ffffff; align-items: center; font-size: 140%; box-sizing: border-box; line-height: 1.6;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#schoolBox a { color: #ffffff; text-decoration: none; }
#schoolBox.narrow_school_box { height: 30px; margin: 10px 0; }
#menuNavButton { display: none; }
#menuBack { display: none; }
#menuClose { display: none; }
#breadcrumb_row { width: 100%; margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: center; box-sizing: border-box; }
#breadcrumb_navigation { width: 1250px; display: flex; flex-direction: row; justify-content: flex-start; box-sizing: border-box; padding: 0; margin: 10px 15px; font-size: 80%; color: #999999; }
#breadcrumb_navigation a { display: inline-block; color: #999999; text-decoration: none; }
@media (max-width: 1024px) {
	#headerRow { height: 50px; }
	#headerStripe { height: 50px; }
	#homeBox { width: 50px; height: 50px; margin: 5px 0 0 15px; padding: 0; }
	#drake_logo { width: 100px; height: 50px; }

	#optionalLinks { display: none; }
	.drake_st0 { fill: rgba(255,255,255,1); }
	.drake_st1,
	.drake_st2 { fill: rgba(255,255,255,0); }
	#menuNavButton { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; margin: 5px 15px; }
	#menuNavButton a span { font-size: 2.2em; color: #ffffff; margin: 0; padding: 2px 0; }
	#menuBack { position: absolute; top: 0; right: -100vw; display: block; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.5); z-index: 1; 
		-webkit-transition-property: right;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: right;
		-moz-transition-duration: 0.5s;
		-ms-transition-property: right;
		-ms-transition-duration: 0.5s;
		-o-transition-property: right;
		-o-transition-duration: 0.5s;
		transition-property: right;
		transition-duration: 0.5s;
	}
	#menuBack.mobile_menu_back { right: 0; }
	#menuClose { position: absolute; top: 0; right: -320px; display: flex; justify-content: flex-end; align-items: center; width: 320px; height: 40px;
        background-color: #003355; margin: 0; padding: 0; z-index: 2;
		-webkit-transition-property: right;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: right;
		-moz-transition-duration: 0.5s;
		-ms-transition-property: right;
		-ms-transition-duration: 0.5s;
		-o-transition-property: right;
		-o-transition-duration: 0.5s;
		transition-property: right;
		transition-duration: 0.5s;
	}
	#menuClose a { color: #ffffff; padding: 5px 10px; margin: 5px 10px; cursor: pointer; font-weight: 700; font-size: 150%; }
	#menuClose.mobile_menu_close { right: 0; }

	#searchBox.mobile_search_box { right: 0; }
	#menuContainer { display: block; width: 320px; height: 100vh; margin: 0; padding: 0; top: 0; left: auto; right: -320px; overflow: scroll; background-color: #003355; z-index: 1;
		-webkit-transition-property: right;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: right;
		-moz-transition-duration: 0.5s;
		-ms-transition-property: right;
		-ms-transition-duration: 0.5s;
		-o-transition-property: right;
		-o-transition-duration: 0.5s;
		transition-property: right;
		transition-duration: 0.5s;
	}
	#menuContainer.mobile_menu_container { right: 0; z-index: 1; }
    #menuTopMargin, #menuBottomMargin { display: block; width: 320px; height: 80px; background-color: #003355; padding: 0; }
    #department_navigation { display: block; width: 320px; background-color: #003355; padding: 10px 0; color: #ffffff; }
    #department_navigation li { margin: 0; padding: 0; }
    #department_navigation li a {
        display: block; 
        width: 260px; 
        color: #ffffff; 
        text-decoration: none; 
        border-bottom: 1px solid #0099ff; 
        font-size: 100%; 
        margin: 0 30px 5px 30px; 
        padding: 5px 0; 
        box-sizing: border-box;
    }
    #department_navigation li ul { display: block; margin: 0; padding: 0; }
    #department_navigation li ul li { margin: 0; padding: 0; }
    #department_navigation li ul li a { display: block; height: auto; padding: 6px 0 6px 15px; box-sizing: border-box; font-size: 80%; }
    #department_navigation li ul li ul { margin: 0; }
    #department_navigation li ul li ul li a { padding: 6px 0 6px 30px; }
    #department_navigation li ul li ul li ul li a { padding: 6px 0 6px 45px; }
    #department_navigation li ul li ul li ul li ul li a { padding: 6px 0 6px 60px; }
    #department_navigation li ul li ul li ul li ul li ul li a { padding: 6px 0 6px 75px; }
	#menuMain { display: block; width: 320px; background-color: #003355; padding: 50px 0; }
	#menuMain { margin: 0; }
	#menuMain a	{ display: block; width: 260px; padding: 5px 0; margin: 0 30px 5px 30px; border-bottom: 1px solid #0099ff; font-weight: 400; color: #ffffff; text-decoration: none; }
    #breadcrumb_row { display: block; }
    #breadcrumb_navigation { display: block; width: auto; height: auto; padding: 0; box-sizing: border-box; }
    #breadcrumb_navigation a { display: inline; }
}
@media (max-width: 600px) {
	#schoolBox { width: 400px; font-size: 95%; }
}
@media (max-width: 500px) {
	#schoolBox { width: 235px; font-size: 90%; line-height: 1.3; }
}
@media (max-width: 400px) {
	#schoolBox { width: 220px; font-size: 85%; }
}
@media (max-width: 320px) {
	#schoolBox { width: 200px; font-size: 80%; }
}