/* This file is only for page layout styles. */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,700,700i,900');

html,body { margin:0; padding:0; font-family: 'Montserrat', sans-serif; color:#669; }

/* Basic Styles */
b, .bold, th, strong { font-weight:700; }
b i, i b, .bolditalic { font-weight:700; font-style: italic; }
big, .big { font-size: 1.1em; line-height:normal; }
.bigger { font-size: 1.2em; line-height:normal; }
.gray, .grey { color: #999; }
.green { color: #090; }
.hand { cursor: pointer; }
i, .italic { font-style: italic; }
.normal { font-style: normal; font-weight: normal; }
.red { color: #900 !important; }
.small, small { font-size: 0.9em; line-height:normal; }
.white { color: #fff; }

/* Paragraph Styles */
.caption { font-size: 0.9em; line-height:normal; font-style: italic; }
div.indent { text-indent:2em; }
.quadrihead, h4 { font-size:1.5em; font-weight:700; color:#99c; margin:3px 0; }
.subhead, h2 { font-size:1.5em; font-weight:700; color:#000080; margin:3px 0; }
.tertiaryhead, h3 { font-size:1.5em; font-weight:700; color:#66a; margin:3px 0; }
.title, h1 { position:relative; font-size:2em; font-weight:700; color:#000; margin:5px 0;  }

/* Box Styles */
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligntop { vertical-align: top; }
.backblue { background-color: #bbd; }
.backgrey { background-color: #ccc; }
.backlblue { background-color: #eef; }
.backlgold { background-color: #fff6dd; }
.bordtop { border-top:1px solid #bbd; padding-top:3px; }
.bordtop_dblue { border-top:1px solid #000080; padding-top:3px; }
.bordtop_dgold { border-top:1px solid #fc3; padding-top:3px; }
.bordtop_gold { border-top:1px solid #fff6dd; padding-top:3px; }
.bordright { border-right:1px solid #bbd; padding-right:5px; }
.bordright_gold { border-right:1px solid #fff6dd; padding-right:5px; }
.bordbottom { border-bottom:1px solid #bbd; padding-bottom:3px; }
.bordbottom_dblue { border-bottom:1px solid #000080; padding-bottom:3px; }
.bordbottom_gold { border-bottom:1px solid #fff6dd; padding-bottom:3px; }
.bordbottom_dgold { border-bottom:1px solid #fc3; padding-bottom:3px; }
.bordleft { border-left:1px solid #bbd; padding-left:5px; }
.bordleft_gold { border-left:1px solid #fff6dd; padding-left:5px; }
.padall { padding: 3px 5px; }
.padtop { padding-top:3px; }
.padtop8 { padding-top:8px; }
.padtop12 { padding-top:12px; }
.padtop18 { padding-top:18px; }
.padtop24 { padding-top:24px; }
.padright { padding-right:5px; }
.padright8 { padding-right:8px; }
.padright12 { padding-right:12px; }
.padright18 { padding-right:18px; }
.padbottom { padding-bottom:3px; }
.padbottom8 { padding-bottom:8px; }
.padbottom12 { padding-bottom:12px; }
.padbottom18 { padding-bottom:18px; }
.padleft { padding-left:5px; }
.padleft8 { padding-left:8px; }
.padleft12 { padding-left:12px; }
.padleft24 { padding-left:24px; }
.padleft32 { padding-left:32px; }
.padleft36 { padding-left:36px; }
.poof { display:none; }

a:link, .link { color: #009; }
a:visited { color: #000080; }
a:hover { color: #33f }
a:active { color: #900; }
a.nolink { color: #000; text-decoration: none; }

#sidebar_trigger { position: absolute; clip: rect(0, 0, 0, 0); }
#sidebar_trigger_label { padding-left:0 !important; } /*for mediawiki*/

#topbar_container { border-bottom:2px solid #fff; z-index:10; }
.topbar_link { float:right; }
.topbar_link a { text-decoration: none; }
#topbar_link_container { grid-area: links; }
#topbar_logo { grid-area: logo; }
#topbar_logo svg, #topbar_logo img { position:relative; z-index: 3; }
#topbar_search { padding-top: 2px; }
.topbar_search_box { font-family: 'Montserrat', sans-serif; font-size:1em; color:#fff; border:0; margin:0; }
#topbar_search_button { float: left; }
#topbar_search_button svg { float:right; }
.topbar_search_button_focus { background-color: #669; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
#topbar_school { grid-area: vision; }
#topbar_school_name { font-size: 2em; }

#menubar_container { position:relative; margin-bottom:-35px; }
#menubar_content { margin: 0 auto; padding:0; color:#000; line-height:35px; }
.menubar_menu_container { z-index: 100; }
.menubar_menu_content { margin: 0 auto; }
.menubar_menu_submenu { float:left; }
.menubar_menu_submenu_right { float:right; }
.menubar_menu_lockedmenu { background-color:rgba(187,187,221,.3); padding: 10px 20px !important; margin-right:20px; margin-left: -20px; }
.menubar_menu_submenu blockquote, .menubar_menu_submenu_toggler_content { margin: 0 0 0 20px; }
.menubar_menu_submenu_toggler_content {
	visibility: hidden;
	/* allows us to animate height. It doesn't work in Firefox yet, but it's cosmetic after all. */
	interpolate-size: allow-keywords;
	height: 0;
	transition: height 200ms, visibility 200ms;
	overflow: hidden;
}

.menubar_menu_submenu_toggler_content.menubar_menu_submenu_toggler_content--open {
	visibility: visible;
	height: auto;
}
.menubar_menu_submenu_toggler svg {
	transition: transform 200ms;
}

.menubar_menu_submenu_toggler:has(+ .menubar_menu_submenu_toggler_content.menubar_menu_submenu_toggler_content--open) svg {
	transform: rotate(90deg)
}
.menubar_menu_submenu img { /* display:block; */ }
.menubar_menu_submenu_item a, .menubar_menu_submenu_title a { text-decoration: none; }
.menubar_menu_submenu_note { color:#666;line-height:normal; }
.menubar_menu_submenu_title { font-weight:700; color:#000; }
.menubar_menu_touchtoclose_tablet svg { margin-right: 5px }
.menubar_item { text-align: left; text-decoration: none; cursor: pointer; }
.menubar_title { white-space: nowrap; }
.menubar_title a { text-decoration: none; }


.signout_status_off, .signout_status_on { font-size:1em; font-family: 'Montserrat', sans-serif; text-shadow:none; min-height:0; padding: 2px 6px 3px; line-height:19px; width:100%; color:#fff; border:none; border-radius: 5px; }
.signout_status_off { background-color:#f00; }
.signout_status_off:hover { background-color:#900; }
.signout_status_on { background-color:#bbd; }
.signout_status_on:hover { background-color:#000080; }
.signout_status_text_off { color:#f00; }
.signout_status_text_on { color:#669; }
.timecard_menu_button { background-color:#bbd; font-size:1em; font-family: 'Montserrat', sans-serif; text-shadow:none; min-height:0; padding: 2px 6px 3px; line-height:19px; width:100%; color:#fff; border:none; border-radius: 5px; }
.timecard_menu_button:hover { background-color:#000080; }
.timecard_menu_button_lg { font-size:2em; line-height:normal;}
.timecard_menu_label { padding-left:5px; font-size:0.9em; color:#666; }
.timecard_menu_hidden { display:none; }
.timecard_menu_icon, .timecard_menu_icon_attention { padding: 0 5px; }
.timecard_menu_icon path { fill:#bbd; }
.timecard_menu_icon_attention path { fill:#f00; }
.timecard_menu_text { font-size:0.9em; font-family: 'Montserrat', sans-serif; }

#hero_title { color:#fff; font-weight: 900; margin: 0 auto; text-align: right; text-shadow: 0 0 10px rgba(0,0,0,.5); }
.parallax_fixed_layer { display: block; width: 100%; z-index: -1; position: relative; background-repeat: no-repeat; background-position: center; }
.parallax_fixed_layer_floating_word { font-weight: 900; margin: 0 auto; color:#fff; }

#emergency_notify { padding:10px; background-color:#f00; }
.emergency_notify_title { font-size:1.5em; font-weight:900; color:#fff; margin: 0 auto; padding-bottom: 5px; }
.emergency_notify_message { font-size:1.1em; font-weigh:400; font-style:italic; color:#fff; margin: 0 auto; }
.emergency_notify_message a { color: #fff; }
#ie_warning { padding: 10px; background-color: #eef; }
#ie_warning_content { width: 1024px; margin: 0px auto; background-color: #eef; }
#ie_warning_content table { padding:5px 0; }

.announce_compress, .announce_expand { float:left; padding-right:2px; }
.announce_envelope { fill: #fff; stroke-width: 2; stroke: #669; }
.announce_envelope_flap, .announce_reveal, .announce_x { fill:#669; }
.announce_expand svg { float:right; padding-top:5px; }
#announce_full { border:0; margin:0; padding:0; }
#announce_full > li{ display:none; list-style:none; padding: 5px 8px; background:#fff; margin:-5px; -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .2); box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .2); }
#announce_items { width:100000px; border:0; margin:0; padding:0; }
#announce_items li{ cursor:pointer; list-style:none; padding:0 3px; border:0; margin:12px 0; float:left; height:36px; }
.announce_message { font-size:0.7em; color:#669; padding-left: 12px; }
.announce_message a { color:#669; }
#announce_stage{ background-color: #fff6dd; overflow-x:scroll; overflow-y:hidden; height:60px; }
#announce_stage::-webkit-scrollbar { height: 5px; }
#announce_stage::-webkit-scrollbar-thumb { background-color: #669; -webkit-border-radius: 5px; border-radius: 5px; }
.announce_title { color:#000080; font-size:0.9em; padding-bottom:2px; }

.page_content { margin: 0 auto; padding:10px; background-color:#fff; line-height:1.5; }

.interested_link { text-decoration:none; }
#interested_container { position:relative; background-color:#000080; display:flex; cursor: pointer;
background: -moz-linear-gradient(-45deg,  #000080 0%, #000080 40%, #3C3CCB 50%, #000080 60%, #000080 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000080), color-stop(40%,#000080), color-stop(50%,#3C3CCB), color-stop(60%,#000080), color-stop(100%,#000080));
background: -webkit-linear-gradient(-45deg,  #000080 0%,#000080 40%,#3C3CCB 50%,#000080 60%,#000080 100%);
background: -o-linear-gradient(-45deg,  #000080 0%,#000080 40%,#3C3CCB 50%,#000080 60%,#000080 100%);
background: -ms-linear-gradient(-45deg,  #000080 0%,#000080 40%,#3C3CCB 50%,#000080 60%,#000080 100%);
background: linear-gradient(135deg,  #000080 0%,#000080 40%,#3C3CCB 50%,#000080 60%,#000080 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080', endColorstr='#000080',GradientType=1 );
background-repeat: no-repeat; background-position:0px; background-size:300%; animation:interested_shimmer 6s linear infinite; -webkit-animation:interested_shimmer 6s linear infinite;
}
#interested_container:hover #interested_content { color:#bbd; }
#interested_content { margin: 0 auto; padding:10px; display: flex; align-items: center; color:#fff; font-weight:700; text-decoration:none; transition: 0.3s; }

#footer_container { border-top:2px solid #000080; }
#footer_container a, .footer_content a:visited, .footer_content a:active { color:#000080; }
.footer_content { color:#000080; font-size:1em; margin: 0 auto; padding:10px; }
.footer_social { padding-right:3px; }
#footer_social_title { font-size: .8em; }

.donations_banktext { line-height: normal; }



@media only screen and (min-width: 768px) {

	#topbar_container { display: flex; align-items: center; position: sticky; top: 0; }
	#topbar_content { display: grid; grid-template-columns:190px auto; grid-template-areas: "logo vision links"; position: sticky; height: 84px; top: 0; width:1004px; margin: 0 auto; padding: 10px; }
	.topbar_link { line-height: 1.3em; padding: 3px 0 0 10px; }
	#topbar_link_container { align-self: end; }
	#topbar_logo { float:left; padding-right:10px; }
	#topbar_logo_bookmark { position:absolute; top:0; left:0; }
	#topbar_logo_tree { position:absolute; top:18px; left:14px; }
	#topbar_search { float:right; padding-left: 5px; border-color: #669; border-style: solid; border-width: 0px 0px 1px 0px; }
	.topbar_search_focus { background-color: #669; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.topbar_search_box { float: left; background-color: transparent; }
	.topbar_search_box::placeholder { text-align:right; }
	.topbar_search_box_focus { background-color: #669;  }
	#topbar_search_button { padding: 1px 5px; }
	.topbar_search_button_focus { background-color: #669; }
	#topbar_school { align-self: end; }
	#topbar_school_small { display:none; }

	#menubar_bookmarkspacer { width: 190px; display: inline; float: left; }
	#menubar_container { z-index: 2; position:sticky; top: 106px; height:35px; background-color:rgba(255,255,255,0.9);  }
	.menubar_container_parallax_omitted { margin-bottom:30px !important; }
	#menubar_content, .menubar_menu_content { width: 1024px; }
	.menubar_item { padding:0 10px; display:inline; float: left; }
	.menubar_item .menubar_title .menubar_title_underline { transition: 0.25s ease; display: block; width: 100%; height: 1px; margin-top:-5px; background-color: currentcolor; transform: scalex(0); }
	.menubar_item:hover .menubar_title .menubar_title_underline { transform: scalex(1); }
	.menubar_item.menubar_item_small { display:none; }
	.menubar_item_right { float: right !important; }
	.menubar_menu_container {position: absolute; top: 35px; left: 0; width: 100%; overflow: hidden; pointer-events: none; }
	.menubar_item:hover .menubar_menu_container { display: block; }
	.menubar_menu_slide { background-color:rgba(255,255,255,0.9); transform: translateY(-100%); border-bottom:2px solid #000080; transition: transform 300ms; }
	.menubar_item:hover .menubar_menu_slide { transform: translateY(0%);  pointer-events: auto; }
	.menubar_menu_content { padding: 40px 10px 10px; }
	.menubar_menu_touchtoclose, .menubar_menu_touchtoclose_tablet { display:none; }
	.menubar_menu_submenu { padding: 10px 20px 10px 0; }
	.menubar_menu_submenu_item, .menubar_menu_submenu_title, .menubar_menu_submenu_note, .menubar_menu_submenu_toggler { padding-bottom: 10px; line-height: 20px; }

	#hero_title, .parallax_fixed_layer_floating_word, .emergency_notify_title, .emergency_notify_message, .page_content, .footer_content { width:1004px; }
	#emergency_notify { min-width:1004px; }
	#topbar_container, #menubar_container, .parallax_fixed_layer, #announce_stage, #footer_container { min-width: 1024px; }
	
	.parallax_fixed_layer { height:40vw; position:relative; background-size: 100%; background-color:#bbd; }
	#parallax_hero { height:300px; }
	#hero_title, .parallax_fixed_layer_floating_word { position:absolute; left:0; right:0; bottom:20px; font-size:3em; letter-spacing: 10px; }

	#interested_content { font-size:2em; height:100px; }
	#interested_content img { vertical-align: middle; margin-top: -10px; }
	#interested_content span { vertical-align: middle; padding-left: 10px; }
	@keyframes interested_shimmer {
		0% { background-position:-1500px; }
		25% { background-position:0px; }
		25.01% { background-position: 0px; }
		100% { background-position: 0px ; }
	}        
	@-webkit-keyframes interested_shimmer {
		0% { background-position:-1500px; }
		20% { background-position:0px; }
		20.01% { background-position: 0px; }
		100% { background-position: 0px ; }
	}

	#footer_container { background-position: 140% 100px; background-size: 700px; background-image:url('/images/shared/logo_footer.svg'); background-repeat: no-repeat; }
	.footer_third { float:left; width:33%; line-height:170%; }
	.footer_social { height:18px; }
	
	.donations_banktext, .donations_bankimg { width:30%; }

	/* Two column 62%/38% */
	#Cols2_Container2 { clear:left; width:1004px; overflow:hidden; }
	#Cols2_Container1 { float:left; width:1003px; position:relative; right:382px; border-right:1px solid #bbd; }
	#Cols2_Col1 { float:left; width:612px; position:relative; left:382px; }
	#Cols2_Col2 { float:left; width:372px; position:relative; left:402px; }

	/* Two column 50%/50% */
	#Cols2_50_Container2 { clear:left; width:1004px; overflow:hidden; background:#fff; }
	#Cols2_50_Container1 { float:left; width:1003px; position:relative; right:502px; background:#fff; border-right:1px solid #bbd; }
	#Cols2_50_Col1 { float:left; width:492px; position:relative; left:502px; overflow:hidden; }
	#Cols2_50_Col2 { float:left; width:492px; position:relative; left:522px; overflow:hidden; }

	/* Three column 30%/40%/30% */
	#Cols3_Container3 { clear:left; width:1004px; background:#fff; overflow:hidden; }
	#Cols3_Container2 { float:left; width:1003px; background:#fff; position:relative; right:301px; border-right:1px solid #bbd; }
	#Cols3_Container1 { float:left; width:1003px; background:#fff; position:relative; right:402px; border-right:1px solid #bbd; }
	#Cols3_Col1 { float:left; width:291px; position:relative; left:703px; }
	#Cols3_Col2 { float:left; width:382px; position:relative; left:723px; }
	#Cols3_Col3 { float:left; width:291px; position:relative; left:743px; }

}

@media only screen and (max-width: 767px) {
/* small screen devices */

	html, body { overflow-x: hidden; }

	#sidebar_trigger_label {
		position: relative;
		overflow: hidden;
	}
	.sidebar_trigger_label_unchecked, .sidebar_trigger_label_checked {
		transition: top 0.2s;
		position: absolute;
	}
	.sidebar_trigger_label_checked { top: 100%; }
	.sidebar_trigger_label_unchecked { top: 0%; }
	#sidebar_trigger_label:has(input:checked) .sidebar_trigger_label_checked { top: 0%; }
	#sidebar_trigger_label:has(input:checked) .sidebar_trigger_label_unchecked { top: -100%; }

	#sidebar_trigger_label { grid-area: hamburger; }
	#topbar_school { display:none; }
	#topbar_school_small { grid-area: vision; padding-right: 10px; text-align: right; }
	#topbar_container { position:relative; height:158px; }
	#topbar_container::after { clear:both; }
	#topbar_content { display: grid; grid-template-columns:1fr 1fr 1fr; grid-template-areas: "hamburger logo vision"; align-items: center; }
	.topbar_link { line-height: 40px; padding-left:10px; }
	.topbar_link a { color:#000080; }
	#topbar_link_container { display: none; }
	#topbar_logo svg, #topbar_logo img { margin:0 auto; display:block; padding-top:15px; }
	#topbar_logo_bookmark { display: none; }
	#topbar_search { pointer-events: auto; z-index:0; }
	.topbar_search_box	{ padding:3px; float:left; font-size:1.3em; height:27px; background-color:#fff; color:#000080; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.topbar_search_box::placeholder { color:#bbd; }
	#topbar_search_button { padding: 7px 5px; background-color: #669; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

	#menubar_bookmarkspacer { display:none; }
	body:has(#sidebar_trigger_label input:checked) #menubar_container {
		left: 0;
		visibility: visible;
		transition: left 0.2s, visibility 0s 0s;
	}
	#menubar_container {
		position: absolute;
		left: -302px;
		top: calc(158px);
		min-height: calc(100% - 158px);
		width: 300px;
		z-index: 5;
		background-color: rgba(255, 255, 255, 0.9);
		border-top: 2px solid #000080;
		border-right: 2px solid #000080;
		border-bottom: 2px solid #000080;
		transition: left 0.2s, visibility 0s 0.2s;
		visibility: hidden;
	}
	#menubar_container::after, #menubar_content::after { clear:both; }
	.menubar_item { width:280px; padding:0 10px; min-height: 40px; line-height: 40px; }
	.menubar_menu_container {
		top: 158px;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10000;
		background-color: rgba(255, 255, 255);
		display: none;
		padding: 8px;
	}
	.menubar_menu_container:not(.menubar_menu_container--open) {
		animation: menubar_menu_slide_out 300ms forwards;
	}
	
	@keyframes menubar_menu_slide_in {
		from {
			transform: translateX(-100%);
			display: block;
		}
	
		to {
			transform: translateX(0%);
		}
	}
	
	@keyframes menubar_menu_slide_out {
		from {
			transform: translateX(0%);
			display: block;
		}
	
		to {
			transform: translateX(-100%);
			display: none;
		}
	}
	
	.menubar_menu_container.menubar_menu_container--open {
		display: block;
		animation: menubar_menu_slide_in 300ms forwards;
	}

	.menubar_menu_submenu { padding: 10px 0; width:100%; border-bottom:2px solid #eef; }
	.menubar_menu_submenu_item, .menubar_menu_submenu_title, .menubar_menu_submenu_toggler { min-height:40px; line-height: 40px; }
	.menubar_menu_touchtoclose_phone { position: absolute; top: -42px; right: -10px; z-index: 2; height: 42px; }
	.menubar_menu_touchtoclose_x { stroke: #bbd; stroke-width: 3; }
	.menubar_title_underline { display: none; }
	
	#timecard_menu_content { display: flex; flex-direction: column; }
	#timebreak_container { order: 3; }
	#timeout_container { order: 2; }
	#timein_container { order: 1; }
	#timecard_container { order: 4; }
	#timecard_menu_content .menubar_menu_touchtoclose { order: 5; }
	
	.parallax_fixed_layer { z-index: 1; height:50vw; background-size: 100%; }
	#parallax_hero { height:200px; }
	.parallax_fixed_layer_floating_word { padding:10px; }
	#hero_title, .parallax_fixed_layer_floating_word { font-size:2.5em; padding:10px; letter-spacing: 5px; }
	
	
	#interested_content { height: 75px; font-size: 1.8em; }
	@keyframes interested_shimmer {
		0% { background-position:-1000px; }
		25% { background-position:0px; }
		25.01% { background-position: 0px; }
		100% { background-position: 0px ; }
	}        
	@-webkit-keyframes interested_shimmer {
		0% { background-position:-1000px; }
		25% { background-position:0px; }
		25.01% { background-position: 0px; }
		100% { background-position: 0px ; }
	}
	
	.footer_third { line-height:35px; padding-bottom:10px; margin-bottom:10px; }
	.footer_social { height:45px; }
	
	#emergency_notify, #announce_stage, .page_content, #footer_container { position:relative; }

	/* Two column */
	#Cols2_Col1, #Cols2_50_Col1 { padding-bottom:15px; border-bottom:2px solid #bbd; margin-bottom:15px; }

	/* Three column 30%/40%/30% */
	#Cols3_Container1 { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; }
	#Cols3_Col1 { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; padding-bottom:15px; border-bottom:2px solid #bbd; margin-bottom:15px; }
	#Cols3_Col2 { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; box-ordinal-group: 1; padding-bottom:15px; border-bottom:2px solid #bbd; margin-bottom:15px; }
	#Cols3_Col3 { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; box-ordinal-group: 3; padding-bottom:15px; }

	
} /* end @media */



/* Meio Autocomplete styles */
.ma-container { background-color: rgba(255,255,255,0.9); color: #336; position: absolute; visibility: hidden; overflow-y: auto; overflow-x: hidden; z-index:100; }
.ma-container ul { list-style: none; overflow: hidden; width: 100%; padding:0; margin:0 !important; }
.ma-container li { padding: 5px 5px; line-height: 16px; cursor: pointer; float: left; width: 100%; overflow: hidden; }
.ma-container .ma-hover { }
.ma-container .ma-odd { }
.ma-container .ma-even { }
.ma-loading { }
.ma-selected { }

ul, ol, h1, h2, h3, h4 { margin-top:0px;margin-bottom:0px; }
#clear, .clear { clear:both; background-color:transparent; }

#portal_preferences { float:right; }
#portal_preferences form { display:inline; }

@media only print {

	body { width:900px; color:#000 !important; }
	
	

	#topbar_school { color:#000080; font-size:1.2em; letter-spacing: 2px; display:inline-block; vertical-align: 20%; align-content: center; }
	#topbar_container { background-color:transparent !important; border-bottom:2px solid #000080 !important; }
	#topbar_content:after { clear: both; }
	#topbar_content { width:900px; margin: 0 auto; display: flex; }
	#topbar_logo { padding: 10px 10px 10px 0; display:inline-block; }
	#topbar_logo_tree svg { height: 75px; width: auto; }
	#topbar_school_name { font-weight:500px; }

	#emergency_notify, #topbar_logo_bookmark, #topbar_school_small, #topbar_link_container, #topbar_search, #sidebar_trigger_label, #menubar_container, .parallax_fixed_layer, #announce_stage, #footer_container, #interested_container { display:none; }

	@page { margin: 1cm; }
	tr, img, .title, .subhead, .tertiaryhead, h1, h2, h3 { page-break-inside: avoid; }
	p, .title, .subhead, .tertiaryhead, h1, h2, h3 { orphans: 3; widows: 3; }
	.title, .subhead, .tertiaryhead, h1, h2, h3 { page-break-after: avoid; }

}

#menubar_item__giving select, #menubar_item__giving input[type=image] { vertical-align: middle; }

/* SOPHIE */
table.sophie_alternating tr:nth-child(odd) td{ padding:3px; background-color:#eef; vertical-align: top; }
table.sophie_alternating tr:nth-child(even) td{ padding:3px; vertical-align: top; }
table.sophie_alternating tr:not(:first-child) td:not(:first-child) { border-left:1px solid #bbd; }
table.sophie_alternating tr:nth-child(1) td, table.sophie_alternating th{ padding:3px; background-color:#000080; color:#fff; font-weight: 400; vertical-align: text-bottom; text-align: left; }
.dress_code_images { max-width:450px; height: auto; }
@media (max-width: 767px) { .dress_code_images { width: 100%; } }
@media (min-width: 768px) { .dress_code_images { width: 50%; } }

/* Rapid Weaver */
#sidebar #blog-categories, #sidebar #blog-archives { margin:20px 0; }
#sidebar #blog-categories::before { content: 'Sports\A';  white-space:pre; font-size:1.5em; font-weight:700; color:#66a; margin:3px 0; }
#sidebar #blog-archives::before { content: 'Archives\A';  white-space:pre; font-size:1.5em; font-weight:700; color:#66a; margin:3px 0; }