:root {
		--foodmenu-default-color: rgb(10,4,28) !important;
		--foodmenu-second-color: rgb(10,4,28) !important;
	}
    html,body{height:100%;}
    body{margin:0;padding:0;font-family: 'Lato', sans-serif;font-size:112.5%;line-height:1.5em; color:rgb(0,0,0);letter-spacing:0;font-weight:400;overflow-x:hidden;background:rgb(255,255,255);}
    input,textarea,select{font-family: 'Lato', sans-serif;font-size:1em;line-height:1.5em;}
    table,td,tr{font-family: 'Lato', sans-serif;font-size:1em;line-height:1.5em;color:inherit; font-weight:400;}
	button{font-family: 'Lato', sans-serif;}
    img,div.figure{border:none; max-width:100%; height:auto;}
	div.figure a{display:inline-block;width:100%;}
    .cf{float:none;clear:both;}
	input{-webkit-border-radius:0;}
	img{border:none;}

    a,a:link {font-weight:700; text-decoration:none;color:rgb(10,4,28);}
    a:visited {text-decoration:none;color:rgb(70,68,69);}
    a:hover,a:focus, a:active {text-decoration:underline;color:rgb(70,68,69);-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	.main_body_size a, a{text-decoration:none; color:rgb(10,4,28);}
	.main_body_size a:hover,.main_body_size a:focus{text-decoration:underline;color:rgb(70,68,69);}
    #googleTranslate a{text-decoration:none;}

	a[href$=".pdf"]:after,a[href$=".psd"]:after,a[href$=".png"]:after,a[href$=".jpg"]:after,a[href$=".jpeg"]:after,
	a[href$=".doc"]:after,a[href$=".docx"]:after,a[href$=".mov"]:after,a[href$=".mp3"]:after,
	a[href$=".mp4"]:after,a[href$=".mpeg"]:after{font-size: 0.5em;margin:0 0.5em;}
	a[href$=".pdf"]:after {content: "[PDF]";}
	a[href$=".psd"]:after {content: "[PSD]";}
	a[href$=".png"]:after {content: "[PNG]";}
	a[href$=".jpg"]:after {content: "[JPG]";}
	a[href$=".jpeg"]:after {content: "[JPEG]";}
	a[href$=".doc"]:after {content: "[DOC]";}
	a[href$=".docx"]:after {content: "[DOCX]";}
	a[href$=".mov"]:after {content: "[MOV]";}
	a[href$=".mp3"]:after {content: "[MP3]";}
	a[href$=".mp4"]:after {content: "[MP4]";}
	a[href$=".mpeg"]:after {content: "[MPEG]";}

	.transitionStyle{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	.alignVMiddle{top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
	.alignHMiddle{left:50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
	.alignMiddle{top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

	.sr-only{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(35,31,32,0);border: 0;}
	.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0;overflow: visible;clip: auto;}

	.screen-reader-only { position: absolute; height: 1px; width: 1px;
		clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
		webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px); overflow: hidden !important;}

    /*.tabbing:-moz-focusring {border-left: 8px solid #F00 !important; outline:0;}
    .tabbing:focus {border-left: 8px solid #F00 !important;}*/

  	/*search results*/
    .gsc-result .gs-title{height:auto!important;}
    .gsc-control-cse, .gsc-control-cse .gsc-table-result{font-family: 'Lato', sans-serif!important; font-size:1em!important;}
    .gsc-control-cse{font-family: 'Lato', sans-serif!important;}
    form.gsc-search-box,.gsc-control-cse .gs-spelling,
    .gsc-control-cse .gs-result .gs-title,
    .gsc-control-cse .gs-result .gs-title *,.gsc-control-cse .gs-result .gs-spelling-original{font-size:1em!important;}

	/***PAGE LAYOUT***/
	.wrapper{float:left;margin:0; padding:0 5%; max-width:90%; width:90%; display:inline-block;height:100%; position:relative;-webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease;-ms-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease;}
	#main,#mainSection{float:left;width:100%;margin:auto;padding:0;overflow:hidden;min-width:100%;position:relative;display:inline-block;}
    #EmergencyMessage ~ #main, #EmergencyMessage ~ #mainSection { z-index: 10000; }

	a[name="skipNav"]{width:100%!important;background:rgb(10,4,28);color:rgb(255,255,255);text-align: center;display: inline-block;padding:0.25em 0;outline: rgb(10,4,28);}
    h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2em;font-weight:700;padding:0 0 0.2em;background:transparent;letter-spacing:0;}
    h1{font-size:2.44em; color:rgb(10,4,28);}
    h2{font-size:2.25em; color:rgb(10,4,28);}
    h3{font-size:2em;  color:rgb(0,0,0);}
	h3.tool_heading{padding:0.25em 0; color:rgb(10,4,28); border-bottom:0.1em solid rgb(10,4,28); line-height:1em;margin:0 0 0.5em;}
    h4{font-size:1.7em; color:rgb(10,4,28);}
    h5{font-size:1.5em; color:rgb(0,0,0); }
    h6{font-size:1.25em; color:rgb(10,4,28);}
    p{font-size:1em; line-height:1.5em; font-weight:normal; color:rgb(0,0,0); padding: 0 0 1.5em; margin:0;}
	blockquote{width:100%;display:inline-block; margin:1em 0 2em; padding:1em 0; position: relative; border-top:1px solid rgb(70,68,69); border-bottom:1px solid rgb(70,68,69);}
	blockquote p, blockquote div{font-size:1em; padding:0;color:rgb(10,4,28);font-weight:700; line-height: 1.8em; letter-spacing: 0em;}
    .main_body_size ol, .main_body_size ul{display:block; margin:0 0 0.75em; overflow:hidden;}
    hr{border:none; height:0.15em; margin:0.5em 0 1em; background:rgb(10,4,28);}

	.button{font-size:0.9em; line-height:1em; font-weight:700; display:inline-block; padding:0.7em 1.5em; color:rgb(10,4,28)!important; border: 0.1em solid rgb(10,4,28);background:transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.button:hover,.button:focus,.button:active{background:rgb(10,4,28);border-color:rgb(10,4,28); color:rgb(255,255,255)!important; text-decoration:none!important;}

    /***HEADER***/
	header{ width: 100%; float: left; z-index:10000; position:relative; background:rgb(255,255,255); -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.1); box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.1);}
    #EmergencyMessage ~ header { z-index: 10999; }
	header:after{content:'';z-index:-1;position:absolute;bottom:0;left:0;width:100%;height:0.2em; background:rgb(10,4,28);}
	#logo {position:absolute;top:0; left:3.5%; height:100%; display:inline-block; float:left; width:22%; padding:0; z-index:10000;}
	#logo a{position:absolute; top:0; left:0; width:100%; height:100%;}
	#logo img,#logo h1 { position:absolute; left:0; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); max-height:80%;max-width:100% }
	#logo h1 a{color:rgb(10,4,28);}
	#logo h1 a:hover,#logo h1 a:focus,#logo h1 a:active{color:rgb(10,4,28); text-decoration:none;}


	#search-modal,#translate-modal{width:90%;height:auto; padding:3.5em 5%; background:rgb(10,4,28); color:rgb(255,255,255); top:0; left:0; -webkit-transform:none; -ms-transform:none; transform:none;}
    #search-modal button,#translate-modal button{font-size:1em; color:rgb(255,255,255); position:absolute; top:1em; right:1em;}
	#translate, #search-modal form{width:100%;position:relative; display:inline-block}

	#google_translate_element{width:100%; text-align:center;}
	.goog-te-gadget{font-family:'Lato',sans-serif!important; font-size:0.9em!important; color:rgb(255,255,255)!important;}
	.goog-te-gadget .goog-te-combo{width:100%!important; margin:0 0 0.25em!important; padding:0.25em 0!important;
	}
	.goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon *{font-size:1em!important;}
	.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active{font-size:1em!important; font-family:'Lato',sans-serif!important; color:rgb(255,255,255)!important;}
	.goog-te-gadget img{height:1em!important; width:auto!important;}

	.searchForm input[type="search"] { width: 80%; margin: 0; border: 0; font-size: 1.8em; line-height: 1.15em; padding: 0 0 0.6em; border-bottom: 1px solid rgb(255,255,255); background: none; text-align: left; color: rgb(255,255,255); }
	.searchForm input[type="submit"] {float: right; width:15%; cursor: pointer; background: none;
    font-size: 0.9em; line-height: 1em; height: auto; font-weight: 700;
    display: inline-block; vertical-align: top; color: rgb(255,255,255)!important; border: 1px solid rgb(255,255,255)!important; text-transform: uppercase; text-align: center;}
	.searchForm input[type="submit"]:hover,.searchForm input[type="submit"]:focus,.searchForm input[type="submit"]:active{background:rgb(55,53,54)!important;border-color:rgb(55,53,54)!important;}

	/***Modal Windows*/
	.modal{display:none;}
	.no-scroll{overflow:hidden;}

    /*emergency feature*/
	#announEmergencyShellOuter{z-index:99999!important;}
	#announEmergencyShell{transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
	#announEmergencyShell.fixed{height:0;padding:0;overflow:hidden;}
	#announEmergencyShell,#announEmergency{background-color:rgb(198,26,6) !important; max-width:100% !important;font-family: 'Lato', sans-serif!important;}
	#announEmergencyShell #emergencyLogo{font-family: 'Lato', sans-serif;}
	#announEmergencyShell #emergencyLogo a{font-size:1.25em !important;font-family: 'Lato', sans-serif;}
	#announEmergencyShell #emergencyLogo h2{ font-size:1.5em !important; font-weight:400;}
	#announEmergency{font-size:0.8em!important;}
	#announEmergency #emergencyDescription{margin-top:0.5em !important;padding-top:1.2em !important;border-top:1px solid rgb(255,255,255);padding-bottom:0.5em !important; color:rgb(255,255,255);}
	#announEmergency p{color:rgb(255,255,255);font-family: 'Lato', sans-serif; font-size:1.25em!important;}
	#announEmergency #emergencyDescription #emergencyTitle h2, #announEmergency #emergencyDescription #emergencyTitle a{font-family: 'Lato', sans-serif!important;font-size:1.5em!important;font-weight:700!important;text-transform:none!important;letter-spacing:1px;}

	/***FOOTER***/
	footer { border-top: 0.6em solid rgb(10,4,28); width: 100%; float:left;position:relative;display:inline-block;}
	footer a{color:rgb(255,255,255)!important;}
	footer a:hover,footer a:focus,footer a:active{color:rgba(255,255,255,0.7)!important;}
	#footerTop {background:rgb(70,68,69); color:rgb(255,255,255); width: 100%; float:left; padding: 2.5em 0 3.25em;position:relative;display:inline-block;}
	#footerTop ul { list-style:none;margin:0;padding:0;}
	#schoolAddress{width:50%;display:inline-block; float:left; padding:0 0 1.5em;}
	#schoolAddress h2,#schoolAddress h3,#schoolAddress h4{color:rgb(255,255,255); font-weight:400; padding-bottom:0.15em;}
	#schoolAddress h4{font-size:1.5em; font-style:italic;}
	#schoolAddress address{width:100%;padding:0.25em 0; font-style:normal;}
	#schoolAddress span{font-weight:700; letter-spacing:0.05em;}
	#schoolAddress span.sep{padding:0 0.35em; display:inline-block; font-weight:400;}
	#footerRight{width:50%;float:right;display:inline-block; padding:0; text-aligh:right;}
	#footerRight h3{color:rgb(255,255,255);}
	#tagline{width:100%; display:inline-block; text-align:right; font-size:1.3em; float:left; margin:0 0 0.5em; color:rgb(255,255,255);}
	#btns{width:100%;display:inline-block; float:left; text-align:right;}
	#btns ul{width:100%;display:inline-block}
	#btns li{width:100%;display:inline-block; float:left; margin:0.5em 0;}
	#btns li .button{background:rgb(10,4,28); color:rgb(255,255,255)!important; border-color:rgb(10,4,28);}
	#btns li .button:hover,#btns li .button:focus,#btns li .button:active{background:rgb(55,53,54)!important; border-color:rgb(55,53,54)!important; color:rgb(255,255,255)!important;}
	#credit{position:absolute; left:5%; bottom:1.25em; font-size:0.8em; color:rgb(255,255,255); padding:0;}

	#footerBtm { padding: 0.6em 0; width: 100%; float:left; background:rgb(55,53,54); color:rgb(255,255,255);}
	#footerBtm ul{ width:85%;list-style:none; margin:0; padding:0; display:inline-block; float:left;}
	#footerBtm li{display:inline-block; float:left; font-size:0.75em;}
	#footerBtm li span.sep{display:inline-block;margin: 0 0.5em;}
	#footerBtm li a{color:rgb(255,255,255);}
	#footerBtm li a:hover,#footerBtm li a:focus,#footerBtm li a:active{color:rgba(255,255,255,0.7);}
	#CMS4SchoolsLogo { width: 10%; float: right; }
	#CMS4SchoolsLogo a{display:inline-block;float:left;}
	#CMS4SchoolsLogo img{width:100%;}

    /***INSIDE PAGES***/
    .main{width:100%;float:left;display:inline-block;position:relative; overflow:hidden;}
	.main.no-left:after{height:0;}
  	.leftNav{float:left;overflow:hidden; width:25%;position:relative;margin:0 0 2em;left:0;top:0;background:rgb(70,68,69); border-bottom: 0.6em solid rgb(10,4,28);}
	.leftNav h2{color:rgb(255,255,255); font-size:1.3em; padding: 0 0 1em; width:90%;}
	.middleColumn{overflow:hidden;position:relative;display:inline-block;z-index:9;float:right;width:75%;padding:2em 0 2em;}
	.no-left .middleColumn{width:100%;}
	.main_body_size{width:100% !important;margin:0; position:relative;padding:0;float:left;overflow:hidden;z-index:0;}
	.middle_when_right_side_bar{width:58%;padding:0 4% 0 4%!important;margin:0;min-height:12em;float:left;overflow:hidden;display:inline-block;}
	.middle_when_no_right_side_bar{width: calc(96% - 4.5em);padding:0 4.5em 0 4%;margin:0;min-height:12em;position:relative;z-index:1;display:block;overflow:hidden;}
	.no-left .middle_when_no_right_side_bar{width: calc(96% - 4.5em);padding:0 4.5em 0 4%!important;}
	.detail_padding{padding:0 0 1em;display:inline-block;}
	.middle_when_right_side_bar .detail_padding,
	.middle_when_no_right_side_bar .detail_padding,
	.no_right_side_bar_right_padding .detail_padding{margin:0;display:inline-block;width:100%;position:relative;}
	.middle_when_no_right_side_bar.detail_padding,
	.middle_when_right_side_bar.detail_padding{padding:1.5em 5%!important;width:90%!important;}

	/***BANNER***/
	#banner{width:100%;display:inline-block;float:left;position:relative;z-index:99;background:rgb(10,4,28); border-bottom:0.2em solid rgb(10,4,28); -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.15); box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.15);}
	#banner.landing-page{min-height:0;height:auto;}
	#banner.landing-page .imageDip{width:100%;position:relative;display:inline-block; float:left;height:36.5vw;background-size:cover!important;}
	#banner .pageTitle,div.titletext{position:relative;width:auto;display:inline-block;}
	#banner .pageTitle{padding:0.5em 3.5%; text-align:center; }
	#banner .pageTitle h1,div.titletext{color:rgb(255,255,255);line-height:1em; display:inline-block; text-align:left; padding:0;}
	#banner .pageTitle h1 span{display:block;font-size:0.5em; line-height:1.5em; text-transform:uppercase;}
	div.titletext{color:rgb(10,4,28); text-shadow:none; text-align:center;width:90%;padding:0.25em 5%; font-size:1.5em;}
	#banner.landing-page .pageTitle{position:absolute;background:rgb(10,4,28); border-bottom:0.2em solid rgb(10,4,28); bottom:4.5em; left:0; width:auto; max-width:80%; padding:0.5em 2.5%;}

	/***MAIN TOOLS***/

	/* Calendar */
    .detail_calendar .headerbg, .detail_member_directory .headerbg {
	background: rgb(10,4,28);border-color:rgb(242,242,242);color:rgb(255,255,255);}
	.detail_calendar table{border-color:transparent;}
	.detail_calendar table table tr{border-color:rgb(242,242,242);}
	.detail_calendar .headerbg a, .detail_member_directory .headerbg a{color:rgb(255,255,255);font-size:0.9em;text-transform:uppercase;font-weight:700;
		transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
	.detail_calendar .headerbg a:hover, .detail_member_directory .headerbg a:hover{opacity:0.8;text-decoration:none;}
	.detail_calendar .headerbg a span.icon, .detail_member_directory .headerbg a span.icon{font-size:1em;padding:0 1em;}
	.detail_calendar .headerbg .headertext, .detail_member_directory .headerbg .headertext{font-weight:700;text-transform:uppercase;color:rgb(255,255,255);padding:0.4em 0;font-size:1.75em;line-height:1em;}
	.detail_calendar .headerbg,.detail_calendar .header2bg{border-color:transparent;}
	.detail_calendar .header2bg{background-color:rgb(55,53,54);border-color:rgb(55,53,54);color:rgb(255,255,255);}
	.detail_calendar .header2bg .header2text{color:rgb(255,255,255); padding: 0.5em 0.5em 0.25em;text-align:left;font-size:0.9em;line-height:1em;text-transform:uppercase;font-weight:700;}
	.detail_calendar .borderstyle {border: 1px solid rrgb(242,242,242);}
	.detail_calendar div table table td table td{padding:0.1em 0.6em 0;font-weight:400;}
	.detail_calendar div table table td table tr:first-child td{font-size:0.9em;}
	.detail_calendar a.callink{font-size:0.85em;line-height:1.1em;display:inline-block;padding:0.5em 0;}
	.detail_calendar .calBottomBannerShell .headertext{display:none;}
	.detail_calendar .calBottomBannerShell .headerlink{display:inline-block;padding:0.5em 0;}
	.detail_calendar .calTopBannerShell select,
	.detail_calendar .calTopBannerShell input[type="submit"]{height:auto!important;line-height:1em;padding:0;font-size:0.75em;}
	.detail_calendar .caltblDate{width:100%;border-bottom:2em solid rgb(10,4,28);}
	.detail_calendar .calYearShell .caltblDate,.detail_calendar .calMonthShell .caltblDate{border:none;}
	.detail_calendar .caltblDate a.callink{width:95%;padding:0.75em 2.5%;}
	.detail_calendar .calDateToolsShell,.detail_calendar .caltblCat{text-transform:capitalize;}
	.detail_calendar .calYearShell .header2bg .header2text{border-bottom:0.25em solid rgb(10,4,28);}
	.today_highlight {background-color: rgb(242,242,242);}
	.detail_calendar .calListShell .alternatebg1,.detail_calendar .calListShell .alternatebg2{background:none;}

	/*Calendar Search*/
	.detail_calsearch form{margin:0 0 1.5em;}
	.detail_calsearch .header2bg{background:rgb(10,4,28);}
	.detail_calsearch .header2text{color:rgb(255,255,255);}

	/*Slide Show*/
	.detail_slideshow div{width:100%!important;}
    .detail_slideshow img{max-width:100%!important;}

	/*Blog*/
	.detail_bulletinboard .titletext{color:rgb(10,4,28); font-size:1.5em;}
	.detail_bulletinboard form{width:100%;}
	.detail_bulletinboard table{width:100%;}
	.detail_bulletinboard .headerbg{background:rgb(10,4,28); color:rgb(255,255,255);}
	.detail_bulletinboard .headerbg .headertext{color:rgb(255,255,255);}

	/*Site Map*/
	.detail_sitemap .headerbg{background:rgb(10,4,28); color:rgb(255,255,255);border-bottom:0.1em solid rgb(10,4,28); font-size:1.25em;}
	.detail_sitemap .headerbg a{color:rgb(255,255,255);}

    /*Expand and Collapse Content*/
	.detail_expand_collapse .expand_collapse_shell{width:100%; display: inline-block; float:left; margin-bottom:1.5em;}
	.expand_collapse_pm{ position: relative;background:rgb(10,4,28);color:rgb(255,255,255); width:2em!important; height:2em; margin-right:1.5em;}
	.expand_collapse_pm.expand_collapse_minus{background:rgb(55,53,54); color:rgb(255,255,255);}
	.expand_collapse_pm a{color:rgb(255,255,255); display:inline-block; font-size:1.2em!important;position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	.expand_collapse_pm a:hover,.expand_collapse_pm a:focus,.expand_collapse_pm a:active{color:rgb(255,255,255);}
	.expand_collapse_minus a{color:rgb(255,255,255);}
	.expand_collapse_initial{margin-bottom:1.5em;}

    /* Alternating row background colors */
	.alternatebg1{background-color:rgba(250,250,250);}
	.alternatebg2{background-color:rgba(242,242,242);}

    /*responsive embeds*/
    .video-container{position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
    .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

	 /*Faculty List*/
	.detail_facultylist .headerbg{background-color:rgb(10,4,28) !important;color:rgb(255,255,255);font-size:0.8em;}
	.detail_facultylist tr.headerbg .headertext,
	.detail_facultylist tr.headerbg a.headerlink{color:rgb(255,255,255) !important;padding:0.4em 0.25em;text-transform:uppercase;}
	.detail_facultylist tr.headerbg a.headerlink:hover{color:rgba(255,255,255,0.8)!important;}
	.detail_facultylist form{margin-bottom:2em;}
	.detail_facultylist form[name="search_results2"]{margin:2em 0 0;}
	.detail_facultylist form input{padding:0 0.5em;}
	.detail_facultylist .alternatebg1 td,.detail_facultylist .alternatebg2 td{padding:0.75em;line-height:1.15em;font-size:0.9em;}
	.detail_facultylist .inside_bg td{padding:0 0;}
	.detail_facultylist img{width:130px;}
	.detail_facultylist ul.names li .info li.name{font-size:1.2em; color:rgb(10,4,28);}
	.detail_facultylist ul.names li .info li.title{font-style:italic;}
	.detail_facultylist ul.names li .button{font-size:0.7em!important;}

    /*lunch_menu*/
	.detail_lunchmenu .headerbg{
	background: rgb(10,4,28);border-color:rgb(10,4,28);color:rgb(255,255,255);}
	.detail_lunchmenu table{border-color:transparent;}
	.detail_lunchmenu table table tr{border-color:rgb(242,242,242);}
	.detail_lunchmenu .headerbg a{color:rgb(255,255,255);font-size:0.9em;text-transform:uppercase;font-weight:700;
	transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
	.detail_lunchmenu .headerbg a:hover{opacity:0.8;text-decoration:none;}
	.detail_lunchmenu .headerbg a span.icon{font-size:1em;padding:0 1em;}
	.detail_lunchmenu .headerbg .headertext{font-weight:700;text-transform:uppercase;color:rgb(255,255,255);padding:0.4em 0;font-size:1.75em;line-height:1em;}
	.detail_lunchmenu .headerbg,.detail_lunchmenu .header2bg{border-color:transparent;}
	.detail_lunchmenu .header2bg{background-color:rgb(55,53,54);border-color:rgb(55,53,54);color:rgb(255,255,255);}
	.detail_lunchmenu .header2bg .header2text{color:rgb(255,255,255); padding: 0.5em 0.5em 0.25em;text-align:left;font-size:0.9em;line-height:1em;text-transform:uppercase;font-weight:700;}
	.detail_lunchmenu .borderstyle {border: 1px solid rgb(242,242,242);}
	.detail_lunchmenu .alternatebg1,.detail_lunchmenu .alternatebg2{background:none;}

	/*Announcements*/
	.detail_announcements2 h4{width:100%;padding:0 0 0.25em 0;margin:0 0 0.25em 0;font-style:normal;font-weight:700;}
	.detail_announcements2 h4:before{display:none;}
	.detail_announcements2 .annShell{width:100%;display:inline-block;margin-bottom:1.5em;padding-bottom:1em; border-bottom: 0.1em solid rgb(10,4,28);}


    /*homework*/
    .detail_homework div table table .headerbg{background:rgb(10,4,28);}
    .detail_homework div table table .headerbg td{color:rgb(255,255,255);line-height:3.25em;}
    .detail_homework div table table .headerbg td.headertext{font-weight:700;letter-spacing:1px;text-transform:uppercase;}
    .detail_homework div table table .headerbg td a{color:rgb(255,255,255);font-size:0.83em; font-weight:400;}
    .detail_homework div table table .header2bg{background:rgb(10,4,28);border-color:rgb(10,4,28);color:rgb(255,255,255);font-size:0.83em;text-transform:uppercase; line-height:1.5em;}
    .detail_homework div table table .header2bg td{color:rgb(255,255,255);}

    /*scholarships*/
    .detail_scholarships input[name="keywords"],
    .detail_scholarships select{width:90%!important;}
    .detail_scholarships .headerbg{background:rgb(10,4,28);color:rgb(255,255,255);}
    .detail_scholarships .headertext{color:rgb(255,255,255);}

    /***SIDEBAR***/
    #sidebar_content{width:27.5%;padding:0;margin:0 6.5% 0 0; overflow:hidden;position:relative; display:inline-block; float:right; z-index:0;}
	#sidebar_content .right_per_detail{width:100%;margin:0 0 2em;padding:0;display:inline-block;position:relative;}
	#sidebar_content .right_hr_top,
	#sidebar_content .right_hr_bottom,
	#sidebar_content .right_hr_bottom hr,
	#sidebar_content .right_hr_top hr{display:none;}
    #sidebar_content .right_content{margin:0;padding:0.75em 0; width:100%; display:inline-block; position:relative; overflow:hidden;font-size:90%;}
	#sidebar_content .tool_heading{font-size:1.7em;}
	#sidebar_content .right_content img{max-width:100% !important;}
    #sidebar_content iframe{width:100%!important;}

    /*translator*/
	.detail_translator .right_content{display:none;}

	/*quick links */
	.detail_quicklinks{text-transform:capitalize;font-weight:400;color:rgb(10,4,28);margin-bottom:1.25em !important;}
	.detail_quicklinks form{display:inline-block;width:100%;}
	.detail_quicklinks form div{padding:0!important;display:inline-block;width:100%;}
	.detail_quicklinks select{float:left;height:auto!important;font-size:1.1em;}
	.detail_quicklinks input[type="submit"]{height:auto!important;font-size:1.1em;padding:0;}
	.detail_quicklinks a{font-size:1.2em;}
	.detail_quicklinks .right_content a[title="Contract List"],
	.detail_quicklinks .right_content a[title="Expand/Contract List"],
	.detail_quicklinks .right_content a[title="Expand List"]{font-size:1.5em;margin:0;}
	.detail_quicklinks .right_content a{margin:0.5em 0;display:inline-block;}

    /*upcoming events */
	.right_per_detail ul li.upcoming_events_slide{display:inline-block;width:100%;}
	.right_per_detail ul li.upcoming_events_slide li{width:100%;display:inline-block;}
	.dateBox{margin:0.25em 0;width:100%;font-size:1em;font-weight:700;line-height:1.1em;}
	.upcoming_events_time{font-size:1em;display:inline-block;width:100%;float:left;overflow:hidden;}
	.upcoming_events_event{padding:0.25em 5% 0.75em;width:90%!important;font-size:1em;line-height:1.05em;}
	.upcoming_events_event a{}
	.upcoming_events_bottom{padding-bottom:0;}

    /*News*/
	.detail_rightnews ul{list-style-type:none;padding:0;margin:0;}
	.detail_rightnews ul ul li{padding:0 0 1em 0;margin:0 0 1em 0;border-bottom:1px solid rgb(10,4,28); }
	.detail_rightnews ul ul li:last-child{background:none !important;padding-top:0px;margin-top:0px;border:none;}
	.detail_rightnews a.right_news_style,
	.detail_rightnews ul li strong{text-transform:capitalize;font-size:1.35em;margin-bottom:0.5em;display:inline-block;width:100%;text-decoration:none;font-weight:700;}

    /*slideshow */
	.detail_rightslideshow div{width:100%!important;}
    .detail_rightslideshow .right_content img{max-width:100%!important; width: 100%;}
    .detail_rightslideshow .right_content p{padding:0.9em 0 0;}

    /*detail_announcements*/
    .detail_announcements2 p{margin:0;padding:0;}
    .detail_announcements2r p{margin:0;padding:0;font-size:1em !important;overflow:hidden;}
	.detail_announcements2r h4{font-size:1.4em;font-style:normal;margin:1em 0 0;padding:0 0 0.25em;font-weight:700;text-decoration:none;line-height:1.1em; text-transform:capitalize;}
	.detail_announcements2r h4:first-child{padding-top:0;background:none;margin-top:0;border:none;}
	.detail_announcements2r h4 a{text-transform:capitalize;}
	.detail_announcements2r h4 a:hover{text-decoration:none; }
	.detail_announcements2r a{text-decoration:none;}
	.detail_announcements2r a:hover{text-decoration:underline; }
	.detail_announcements2r ul.bxslider ul li{margin:0 0 1.5em;}
	.detail_announcements2r img{max-width:100%!important;margin:0 0 1em!important;}

    /*Mini Calendar*/
	.detail_minical h4{color:rgb(10,4,28);padding:0.6em 0 0;margin:0;font-size:1.1em;font-weight:700;font-style:normal;}
	.detail_minical ul{padding:0;margin:0;}
	.detail_minical ul li a{margin:0.5em 0 0 0;display:inline-block;font-weight:700;}
	table.minical{width:100%;border-spacing:0;border-collapse:collapse;}
	.minical_wrapper table tr td table{border-spacing:0;margin-bottom:0;}
	.minical_wrapper table tr,
	.minical_wrapper table tr td{vertical-align:middle !important;}
	.minical_wrapper .headerbg td a{display:block;}
	.minical_wrapper .headerbg a span.title{display:none;}
	.minical_wrapper .headerbg td:first-child,
	.minical_wrapper .headerbg td:first-child + td + td{width:auto !important;}
	.minical_wrapper .headerbg td:first-child + td{width:auto !important;}
	.minical_wrapper .headerbg td:first-child{text-align:left;}
	.minical_wrapper .headerbg td:first-child + td + td a{float:right;}
	.minical_wrapper .headerbg td:first-child a{margin:0 0.5em 0 0; z-index:1; position:relative;}
	.minical_wrapper .headerbg td:first-child + td + td a{margin:0 0 0 0.5em; position:relative;}
	.minical_wrapper{padding:0px;}
	.minical_wrapper .headerbg,
	.minical_wrapper .headerbg .headerlink{text-decoration:none;font-weight:normal !important;}
	.minical_wrapper .headerbg .headertext,
	.minical_wrapper .header2bg .header2text{font-size:1.3em;text-transform: capitalize;font-weight:700;color:rgb(10,4,28);padding:0;}
	.minical_wrapper .header2bg .header2text{font-size:0.8em;padding:0.8em 0 0.46em 0;color:rgb(10,4,28);text-align:center;}
	.minical_wrapper tr.header2bg{border-top:none;}
	.minical_wrapper tr.header2bg td{background-color:transparent;}
	.minical_wrapper .alternatebg1{background-color:transparent;height:2em;width:2.5em;padding:0px 0 0px;color:rgb(0,0,0);}
	.minical_wrapper .alternatebg2{height:30px;padding:0;color:rgb(0,0,0);width:2.5em; }
	.minical_wrapper td.headerbg{color:rgb(0,0,0);padding:0;height:2em;width:2.5em; }
	.minical_wrapper .detail_minical{padding-bottom:0;}
	.minical_wrapper .alternatebg1,
	.minical_wrapper .alternatebg2,
	.minical_wrapper .callink{color:rgb(0,0,0) !important;font-weight:normal !important;font-size:1em;text-align:center;}
	.minical_wrapper .callink{color:rgb(10,4,28) !important;}
	.minical_wrapper .callink:hover{color:rgb(10,4,28) !important;text-decoration:none !important; }
	.minical_wrapper td.headerbg{height:2em;width:2.5em;background:rgb(10,4,28);color:rgb(255,255,255);font-size:1em;}
	td.headerbg .headerlink{color:rgb(255,255,255) !important;font-weight:normal !important;}
	.minical_wrapper td.headerbg .headerlink:hover{color:rgb(255,255,255) !important;font-weight:normal !important; opacity:0.8;}
	.middle_when_no_right_side_bar.detail_padding .headerbg .headerlink{ color:rgb(255,255,255) !important;}
	.minical_wrapper .alternatebg1,
	.minical_wrapper .alternatebg2{background-color:transparent;}
	.middle_when_no_right_side_bar.detail_padding .headerbg{background:rgb(10,4,28);color:rgb(255,255,255);font-size:1.25em; padding:0.15em 0;}
	.minCalResults .header2bg{background:rgb(55,53,54);color:rgb(255,255,255);padding:0.15em 0;}
	.minCalResults .header2bg td{color:rgb(255,255,255);}

    /***HOME PAGE***/
    .homeRow{width:100%;float:left;display:inline-block;position:relative;}
	.homeRow .title{width:100%;position:relative;display:inline-block;float:right; margin:2.5em 0 2.5em;}
	.homeRow .title h2{font-size:1.7em;background:rgb(10,4,28); color:rgb(255,255,255);border-bottom:0.1em solid rgb(10,4,28);display:inline-block; width:auto; padding:0.5em 1.5em;}
	.homeRow .title .button{top:0.5em;right:3.5%;position:absolute;}

	/***Master Switch***/
	.layout-type{width:100%;float:left;display:inline-block;position:relative; overflow:hidden; display:none;}
	#open-master-modal{position:fixed; bottom:0; left:5%; background: #e42b12; border-color:rgb(239,128,51); color:rgb(255,255,255)!important; z-index:999999;}
	#open-master-modal.hide{display:none;}
	#open-master-modal .icon{font-size:0.8em; display:inline-block; padding-left:1em;}
	#master-modal{width:60%; left:50%;  -webkit-transform: translate(-50%,-50%); -ms-transform:  translate(-50%,-50%); transform:  translate(-50%,-50%);}
	#master-modal form{width:100%;}
	#master-modal fieldset{margin-bottom:1.5em; width:90%; display:inline-flex; flex-flow: row wrap; justify-content: space-between; align-content: stretch; align-items:flex-end; }
	#master-modal fieldset .col{flex-basis:47.5%;}
	#master-modal input,#master-modal select{width:100%;}
	#master-modal label{font-weight:700; display:block; flex-basis:100%;}
	#master-modal label.sr-only{display:auto;}
	#master-modal .contrast-result,#master-modal .switch-error{color:#000; font-style:italic; width:100%; flex-basis:100%;}
	#master-modal .switch-error{color:#8b0000;}
	#master-modal .contrast-result.failed-ratio{background:#FF6B6B;width:95%; padding:0.15em 2.5%; margin:0.15em 0;}
	#master-modal .contrast-result.warning-ratio{background:#FFFAAD;width:95%; padding:0.15em 2.5%; margin:0.15em 0;}
	#master-modal .contrast-result.passed-ratio{background:#99FF99;width:95%; padding:0.15em 2.5%; margin:0.15em 0;}
	.layout-type .columnBg{z-index:-1;}
	#master-layout-a .columnBg{z-index:auto;}
	#master-layout-b #welcome.wLinks.wText:before{z-index:auto;}


	/***Entrance***/
	a.dropArrow{position:absolute;display:inline-block; float:left; bottom:-2em; padding:1em; font-size:1em; line-height:1em;left:50%; -webkit-transform:translate(0,-50%); -ms- transform:translate(0,-50%); transform:translate(0,-50%); color:rgb(255,255,255); background:rgb(10,4,28); z-index:2;}
	a.dropArrow:hover,a.dropArrow:active,a.dropArrow:focus{text-decoration:none;background:rgb(55,53,54);}
	a.dropArrow span.icon{float:left;}

	.main-slider{width:100%;display:inline-block;position:relative;float:left;background:rgb(0,0,0);color:rgb(255,255,255);}
	.main-slider.wLinks{width:65%;float:right;}
	.main-slider .slideImage{width: 100%; height:38vw;overflow:hidden; display:inline-block; float:left;position:relative;}
	.main-slider .slideImage a{display:inline-block;float:left;position:relative;width:100%;}
	.main-slider .slideImage .slideOverlay{ background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 27%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 27%,rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); position:absolute;height:100%;width:100%;left:0;bottom:0;}
	.main-slider .slideImage img{width:100%; min-height:100%;display:inline-block;float:left;}
	.main-slider .slideText{position:absolute;left:0;bottom:2.5em;width:60%;padding: 0 5%;opacity:1!important;color:rgb(255,255,255);}
	.main-slider .slideText h2{font-weight:700;color:rgb(255,255,255);font-size:2.7em;padding-bottom:0.25em;text-shadow: 2px 2px 5px rgba(0,0,0,0.3);width:100%;}
	.main-slider .slideText a{display:inline-block;margin:0.5em 0; color:rgb(255,255,255)!important;border-color:rgb(255,255,255)!important;}

	.mfp-auto-cursor .mfp-content{width:60%;padding-top:3em;}
	.slideNav{position:absolute; display:inline-block; right:3.5%; bottom:2.5em;}
	.slideNav ul{display:inline-block;margin:0;padding:0;list-style:none;}
	.slideNav ul li{display:inline-block;margin:0 0.5em;}
	.slideNav ul li button{text-indent:-99999px;width:1.2em; height:1.2em; background:rgb(255,255,255); color:rgb(0,0,0);border:none; cursor:pointer;}
	.slideNav ul li.slick-active button,.slideNav ul li button:hover,.slideNav ul li button:focus,.slideNav ul li:active{background:rgb(10,4,28); color:rgb(255,255,255);}

	/***TextGraphic***/
	#welcome #linksList li{width:22%;margin:0.75em 1.5%;}
	#welcome #linksList li:first-child{margin-left:0}
	#welcome #linksList.wText li{width:100%;margin:0.75em 0;}
	#welcome #linksList.wText{position:relative;right:0;top:0;width:22.5%;height:calc(100% - 5em);}
	#welcome.wLinks.wText:after{content:'';position:absolute;top:0;right:32.5%;width:0.2em; background: rgb(10,4,28);height:100%;}
	#welcome.wLinks.wText:before{content:'';position:absolute; top:0; right:0; width:32.5%; height:100%;background:rgb(10,4,28);z-index:-1;}

	#textArea{position:relative;display:inline-block; min-height:10em;float:left; width:100%;padding:2.5em 0;}
	#textArea.wLinks{width:67.5%}
	#textArea h2{width:100%;font-size:1.8em;margin:0 0 0.5em;}
	#textArea h3{font-size:1.6em;}
	#textArea h4{font-size:1.4em;}
	#textArea h5{font-size:1.2em;}
	#textArea .left{width:100%;display:inline-block;position:relative;float:left; font-size:80%;}
	#textArea .left.wRight{width:55%;}
	#textArea .right{width:40%;float:right;margin:0;display:inline-block;}
	#textArea .right img{width:100%;margin:0 0 0.35em;}
	#textArea .right figcaption{width:100%;text-align:center;font-size:0.8em;}


	/***updates***/
	#updates{width:100%;display:inline-block;overflow:hidden;position:relative;float:left; background:rgb(10,4,28);}
	#updates h2{width:100%; text-align:center; margin:0 0 1em!important; font-size:2em; color:rgb(255,255,255)}
	#updates .column{display:inline-block;float:left;vertical-align:top;position:relative;z-index:1;}
	#updates .column .columnInner{padding:1.5em 5%;width:90%;display:inline-block; float:left; position:relative;}
	.columnBg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(242,242,242);}
	#storiesBg,#storiesColumn{background:rgb(78,68,69);}
	#annBg,#annColumn{background:rgb(242,242,242); left:auto; right:0;}

	/***links list***/
	#linksList{position:relative;display:inline-block;float:left;width:100%; width:90%; padding:2.5em 5%; background:rgb(10,4,28); color:rgb(255,255,255);}
	#linksList h2{font-size:1.8em; color:rgb(255,255,255);padding:0; margin:0 0 0.5em;}
	#linksList ul{width:100%;display:inline-block;float:left;margin:0; padding:0;}
	#linksList li{width:100%;display:inline-block;float:left; margin:0.75em 0;}
	#linksList a{width:90%;display:inline-block;background:rgb(153,153,153);color:rgb(0,0,0);padding:0.75em 5%; line-height:1.2em;}
	#linksList a:hover,#linksList a:focus,#linksList a:active{background:rgb(70,68,69);color:rgb(255,255,255); text-decoration:none}

	#entrance #linksList{width:25%; padding:2em 5%; height:calc(100% - 4em); position:absolute;left:0;top:0; font-size:90%;}
	#updates #linksList{width:100%;padding:0;}

	/***Stories***/
	#stories ul{width:100%;display:inline-block;position:relative;float:left;margin:0;padding:0; list-style:none;}
	#stories li{width:100%;display:inline-block;margin:0.75em 0;position:relative;float:left}
	#stories li .image{position:relative;display:inline-block; width:100%; height:15vw; background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important; margin:0 0 1em;}
	.column1 #stories li .image{width:30%;}
	.column2 #stories li .image{width:60%;}
	#stories li .text{display:inline-block;position:relative; width:100%;}
	#stories .text h3{width:100%;display:inline-block;position:relative;font-size:1.5em; line-height:1em; color:rgb(255,255,255); padding:0 0 0.6em; margin:0 0 0.6em;}
	#stories  li .text h3:after{content:'';width:50%; height:0.1em;bottom:0;left:0;background:rgb(10,4,28);display:inline-block; position:absolute;}
	#stories li .text p{color:rgb(255,255,255);padding:0;font-size:0.95em;}
	#stories li .text .button{background:rgb(10,4,28)!important; border-color:rgb(10,4,28)!important;font-size:0.75em; margin:1em 0 0; padding:1em 1.3em!important;color:rgb(255,255,255)!important;}
	#stories li .text .button:hover,#stories li .text .button:focus,#stories li .text .button:active{border-color:rgb(55,53,54)!important; background:rgb(55,53,54)!important;}

	#stories .fullWidth li{margin:0;}
	#stories .fullWidth li .image{width:67%;float:right;overflow:hidden;height:25vw; min-height:10em;margin:0;}
	#stories .fullWidth li:nth-child(2) .image{float:left;}
	#stories .fullWidth li .text{width:23%;padding:2em 5%;height:calc(100% - 4em); position:absolute; left:0; top:0; background:rgb(70,68,69);}
	#stories .fullWidth li:nth-child(2) .text{left:auto; right:0;}


	/***Announcements***/
	#announcements{background:rgb(245,245,245);}
	#announcements ul{width:100%;display:inline-block;float:left;position:relative; text-align:center;list-style:none; margin:0; padding:0 0 2.5em;}
	#announcements ul li{display:inline-block;width:28%;margin:0 1.5%;vertical-align:top;text-align:left;}
	#announcements ul li h3{font-size:1.3em;padding:0 0 0.6em;margin:0 0 00.6em;width:100%;position:relative;display:inline-block;}
	#announcements ul li h3:after{content:''; width:40%; height:0.1em; display:inline-block; position:absolute; bottom:0; left:0; background:rgb(10,4,28);}
	#announcements ul li .image{width:40%;margin-right:5%;float:left;display:inline-block;}
	#announcements ul li .image img{width:100%;}
	#announcements ul li .text{width:100%;float:left;display:inline-block;}
	#announcements ul li .text.wImg{width:55%;float:right;}
	#announcements ul li .text p{font-size:0.9em;padding:0;}
	#announcements ul li .text a.button{font-size:0.75em;margin-top:0.5em;}

	#updates #announcements h2{color:rgb(70,68,69);}
	#updates #announcements ul li{width:100%; margin:0.75em 0;}

	/***Events***/
	#events{background:rgb(242,242,242);}
	#events .eventsSlider{width:85%;display:inline-block;margin:0 7.5% 2.5em;padding:0;list-style:none; float:left;}
	#events .event{display: block; text-align: center; position: relative}
	#events .event-inner {padding: 0 5%; width: 90%; position: relative; display: inline-block;}
	#events .dateBox{width:90px;margin:0 auto 1em;display:inline-block;position:relative;}
    #events .dateBox .month{display:inline-block;background:rgb(70,68,69);color:rgb(255,255,255);font-size:0.9em;line-height:1em;text-transform:uppercase;font-weight:700;padding:3px 0;width:100%;float:left;border-bottom: 0.1em solid rgb(10,4,28);}
    #events .dateBox .day{display:inline-block;background:rgb(10,4,28);color:rgb(255,255,255);font-size:2.86em;line-height:1em;text-transform:uppercase;font-weight:400;padding:15px 0;width:100%;float:left;}
    #events .eventBox{width:100%;position:relative;display:inline-block;}
    #events .eventBox h3{font-size:1.43em;line-height:1.26em;color:rgb(55,53,54);font-weight:400;}
    #events .eventBox h3 a{font-weight:400;color:rgb(55,53,54);padding:0 0 0.433em;}
    #events .eventBox:hover h3,#events .eventBox h3 a:hover{color:rgb(10,4,28);text-decoration:none;}
    #events .eventBox h4{font-size:0.85em;line-height:1em;color:rgb(0,0,0);font-weight:700;padding:0 0 0.5em;}
    #events .eventBox h4 span{display:inline-block; padding:0 0.5em; color:rgb(10,4,28);}
    #events .eventBox div.datetime{font-size:0.75em;line-height:1em;color:rgb(0,0,0);font-weight:700;padding:0 0 0.5em;}
    #events .eventBox div.datetime span{display:inline-block; padding:0 0.5em; color:rgb(10,4,28);}
    #events .eventBox p{font-size:0.9em;padding:0 0 0.75em;}
    #events .slick-arrow{position:absolute;top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); left:-7.5%;font-size:2.5em; line-height:1em; background:none; border:none;color:rgb(197,197,197); padding:0;}
    #events .slick-arrow[title="Next Event"]{left:auto; right:-7.5%;}
    #events .slick-arrow span.linkName{display:none;}
    #events .slick-arrow:hover{text-decoration:none;color:rgb(10,4,28);}

	/***Callouts***/
	#callouts{padding:2.5em 0;background:rgb(153,153,153);}
	#callouts ul{width:100%;margin:0;padding:0;list-style:none;float:left;display:inline-block;position:relative; text-align:center;}
	#callouts li{width:30%;margin:0;display:inline-block; vertical-align:top;position:relative; text-align:left; background:rgb(10,4,28);}
	#callouts li:nth-child(2){margin:0 3%;}
	#callouts li a{display:inline-block;width:100%;float:left;position:relative;}
	#callouts li .image{display:inline-block;position:relative;width:100%;float:left; height:16vw;z-index:0; background-size:cover!important; background-position: center center!important; background-repeat:no-repeat;}
	#callouts li .itemTitle {position: absolute; background:rgba(10,4,28,0.8); top: 0;left: 0;height: 100%;width: 100%;-webkit-transition: all 1s linear;-moz-transition: all 1s linear;-ms-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;text-align: center;z-index: 2; display:inline-block;}
    #callouts li .itemTitle h3{position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); vertical-align: middle;width: 80%;display: inline-block;margin: 0;font-size:1.5em; line-height:1.25em;font-weight:700;color:rgb(255,255,255); padding:0;}
    #callouts li:hover .itemTitle, #callouts li:focus .itemTitle, #callouts li:active .itemTitle{display:none;}
    #callouts li .itemText{position:absolute;bottom:0;left:0;padding:0 25% 0 3%;display:inline-block;width:80%;background:rgb(10,4,28);height:0; overflow:hidden;-webkit-transition: height 1s ease;-moz-transition: height 1s ease;-ms-transition: height 1s ease;-o-transition: height 1s ease;transition: height 1s ease;z-index:4;color:rgb(255,255,255);font-weight:700;}
	#callouts li .itemText p{width:100%;font-size:1em; line-height:1.2em; padding:0;letter-spacing:0.01em; color:rgb(255,255,255);}
    #callouts li:hover .itemText, #callouts li:focus .itemText, #callouts li:active  .itemText{padding:0.75em 17% 0.75em 3%;height:auto;overflow:visible;min-height:2.5em;}
    #callouts li .itemText span{position:absolute;right:2%; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);  font-size:2em;display:inline-block; line-height:1em;}

    /*
     * CSS Styles to overwrite the bxSlider Defaults
     */
    .bx-wrapper .bx-controls-direction{display:none;}
    .bx-wrapper .bx-viewport{background:none!important;}
    .bx-wrapper{overflow:visible!important;padding:0!important;}
    .bx-wrapper .bx-pager{right:0!important;}
    .bx-wrapper .bx-pager.bx-default-pager a{border-radius:0!important;color:rgb(255,255,255)!important;background:rgb(55,53,54)!important;width:15px!important;height:15px!important;margin:0 0 0.5em!important;}
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{color:rgb(255,255,255)!important;background:rgb(10,4,28)!important;}
    ul.bxslider{margin:0!important; padding:0!important;}
	ul.bxslider ul{width:100%;max-width:100%;}
    ul.bxslider ul li{width:calc(75% - 2em);}

    .emergency-bar {
        z-index: 11000 !important;
    }

    /*Media Queries*/
    @media only screen and (max-width:3200px){
        body{font-size:150%;}
    }
    @media only screen and (max-width:2400px){
        body{font-size:137.5%;}
    }
    @media only screen and (max-width:2000px){
        body{font-size:125%;}
    }
    @media only screen and (max-width:1700px){
        body{font-size:118.25%;}
    }
    @media only screen and (max-width:1400px){
        body{font-size:112.5%;}

		#stories .fullWidth li .text{font-size:90%;width:30%;}
		#stories .fullWidth li .image{width:60%;height:30vw;}

		#entrance #linksList{width:20%; padding:2em 2.5%; font-size:80%;}
		.main-slider.wLinks{width:75%;}
	}
    @media only screen and (max-width:1200px){
    	body{font-size:106.25%;}
		#entrance #linksList{width:20%; padding:2em 2.5%; font-size:70%;}
    }
    @media only screen and (max-width:1024px){
		body{font-size:100%;}
		.leftNav{display:none;}
		.middleColumn{width:100%;}
		#banner.landing-page .pageTitle{bottom:1.5em;}
		#sidebar_content{margin-right:3%; width:30%}
		.middle_when_right_side_bar{width:61%;padding:0 3%!important}
		h1{font-size:2.2em;}

		#logo{position:relative; display:inline-block; left:auto; top:auto; width:25%;padding-left:2.5%;}
		#logo a{position:relative; top:auto; left:auto; width:100%; height:auto; display:inline-block;}
		#logo img,#logo h1 {position:relative; left:auto; top:auto; -webkit-transform:none; -ms-transform: none; transform: none;  max-height:100%;max-width:100%; width:100%; padding:0.5em 0;}

		#search-modal, #translate-modal{height:calc(100% - 7em);}

		#schoolAddress,#footerRight,#tagline,#btns{width:100%; text-align:center;}
		#credit{width:90%;text-align:center;}
		#footerBtm{padding-bottom:4.5em;}
		#footerBtm ul{width:100%; text-align:center;}
		#footerBtm li{float:none; font-size:0.9em;}
		#CMS4SchoolsLogo{width:15%;margin:0.5em 42.5%;display:inline-block;}
		#CMS4SchoolsLogo img{width:100%;}

		.main-slider .slideText{font-size:80%;}

		#welcome #linksList.wText{width:90%;position:relative;right:auto;top:auto;}
		#welcome.wLinks.wText:after{width:100%;height:0.2em;right:0;top:auto;bottom:0;}
		#welcome.wLinks.wText:before{display:none;}
		#welcome #linksList.wText li{width:22%;margin:0.75em 1.5%;}
		#welcome #linksList.wText li:first-child{margin-left:0}
		#textArea,#textArea.wLinks{width:100%;text-align:center;}
		#textArea ol,#textArea ul{text-align:left;}

		#stories .fullWidth li .text{font-size:115%;width:90%;top:auto;left:auto!important; right:auto!important; height:auto; position:relative;}
		#stories .fullWidth li .image{width:100%; height:37vw;position:relative;}
	}

    @media only screen and (max-width:980px){
        body{font-size:106.25%;}

		.searchForm input[type="search"]{width:100%; margin-bottom:1.5em;}
		.searchForm input[type="submit"]{width:100%;}

		.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
		.middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell,
		.middle_when_right_side_bar .calDayShell{font-size:50%;padding:0;width:70%;}
		.middle_when_right_side_bar .caltblShell{font-size:70%;}

		#callouts li{width:80%;}
		#callouts li .itemTitle h3{top:40%;}
		#callouts li .image{height:46vw;}
		#callouts li:nth-child(2){margin:2em 0;}
		#callouts li .itemText{padding: 0.75em 17% 0.75em 3%; height: auto; overflow: visible; min-height: 2.5em;}
		#callouts li:hover .itemTitle, #callouts li:focus .itemTitle, #callouts li:active .itemTitle{display:inline-block;}

		#entrance #linksList{width:90%; padding:2em 5%; font-size:100%; position:relative; top:auto;left:auto; height:auto;}
		.main-slider.wLinks{width:100%;}
		.main-slider.wLinks .slideImage{height:56vw;}

		#updates .column{width:100%!important;}
		.columnBg{display:none;}
		#stories li .image{height:35vw!important;}
    }

    @media only screen and (max-width:800px){
        body{font-size:100%;}
		h1{font-size:1.8em;}
		#banner .pageTitle{width:90%;max-width:90%;padding:1em 5%;text-align:center;}
		#banner.landing-page .pageTitle{width:90%;max-width:90%;position:relative;padding:1em 5%; bottom:auto;left:auto;text-align:center; border:none;}
		#banner .pageTitle h1, div.titletext{text-align:center;}

		#logo{width:30%;}

		.calInnerShell,.calMonthShell,
		.calListShell,
		.calYearShell,.calDayShell{font-size:80%;}

		.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
		.middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell,
		.middle_when_right_side_bar .calDayShell{font-size:80%;padding:0;width:100%;}
		.middle_when_right_side_bar .caltblShell{font-size:100%;}

		.detail_facultylist table{width:100%;font-size:70%;}
		div.figure{width:100%!important; margin:0.5em 0!important;padding:0!important;}

		.middle_when_right_side_bar,.middle_when_no_right_side_bar,.no-left .middle_when_no_right_side_bar{width:90%;padding:0 5% 2em!important;}
		#sidebar_content{width:90%;padding:0 5%;margin:0;}
		#sidebar_content .right_content{font-size:100%;}
		#sidebar_content .tool_heading{font-size:1.5em;}

		.main-slider .slideText{display:inline-block;position:relative;bottom:auto;left:auto;width:90%;padding:1em 5%;background:rgb(10,4,28);border-bottom:0.2em solid rgb(153,153,153); text-align:center;}
		.main-slider .slideText h2{font-size:2.25em;}
		.slideNav{top:2.5em;bottom:auto; right:2.5%;}
		a.dropArrow{left:1.5em; bottom:auto; top:0; -webkit-transform:none; -ms-transform:none; transform:none;}

		#textArea .left{font-size:100%;}
		#textArea .left.wRight{width:100%;}
		#textArea .right{width:100%;margin-top:1em;text-align:center;}
		#textArea .right img{width:auto;max-width:100%;}

		.homeRow .title h2{width:50%;padding:0.5em 5%}
		#announcements ul li{width:90%; padding:0 5% 1.5em;}
		#announcements ul li .text p{font-size:1em;}
	}
	@media only screen and (max-width: 680px){
		.calInnerShell,.calMonthShell,
		.calListShell,
		.calYearShell,.calDayShell,
		.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
		.middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell,
		.middle_when_right_side_bar .calDayShell{font-size:65%;}

		#logo{width:80%;padding:0 10%; text-align:center;}
		#logo img{width:75%;}

		#miniCal .minical_wrapper{width:90%;padding:1em 5%;}

		.detail_facultylist table{width:100%;font-size:75%;}
		.detail_facultylist img{width:75px;}
		.detail_lunchmenu .caltblTools tr,.detail_lunchmenu .caltblTools td{display:inline-block;width:100%; float:left; text-align: center;}
		.detail_bulletinboard form td{width:100%;display:inline-block;}
		.detail_bulletinboard,.detail_calsearch,.minical_wrapper {font-size:80%;}
		.detail_calsearch form{font-size:80%;}
		.minical_wrapper td.headerbg,.minical_wrapper .alternatebg2{width:1em;}

		#welcome #linksList.wText li,#welcome #linksList li{width:100%;margin:0.75em 0;}

		.homeRow .title h2{width:auto;max-width:90%; width:90%; padding:0.5em 5%; text-align:center;}
		.homeRow .title .button{position:relative;top:auto;right:auto;display:block; width: 85%; margin: 1em 2.5%; padding: 1em 5%; text-align: center;}


	}
	@media only screen and (max-width: 500px){
		.calInnerShell,.calMonthShell,
		.calListShell,
		.calYearShell,.calDayShell,.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
		.middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell,
		.middle_when_right_side_bar .calDayShell{font-size:45%;padding:0;width:90%;}
		.caltblShell, .middle_when_right_side_bar .caltblShell{font-size:80%;}
		.detail_lunchmenu form{font-size:80%;}

		.detail_facultylist table{width:100%;font-size:60%;}
		.detail_facultylist img{width:50px;}
		.detail_facultylist .picture img{max-width:100%!important; width:100%!important;}
	}
	@media only screen and (max-width: 480px){
		.calInnerShell,.calMonthShell,
		.calListShell,
		.calYearShell,.calDayShell,.middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell,
		.middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell,
		.middle_when_right_side_bar .calDayShell{font-size:30%;padding:0;width:90%;}
		.caltblShell, .middle_when_right_side_bar .caltblShell{font-size:70%;}
		.detail_facultylist table{width:100%;font-size:50%;}

		.detail_homework{font-size:70%;}
		.detail_lunchmenu .borderstyle{font-size:80%;}

		#schoolAddress h3{font-size:1.5em;}
		#schoolAddress h4{font-size:1.2em;}
		#schoolAddress address{padding:1.5em 0;}
		#schoolAddress span.sep,
		#footerBtm li span.sep{width:0;height:0; overflow:hidden; display:block;}
		#footerBtm li{width:100%;margin:0.5em 0;}
		#CMS4SchoolsLogo{width:40%;margin:0.5em 30%;display:inline-block;}
		#CMS4SchoolsLogo img{width:100%;}

		.slideNav{top:1em}
		.main-slider .slideText h2{font-size:1.8em;}
		#announcements ul li .image{width:90%;}
		#announcements ul li .text.wImg{width:90%;float:left;}
	}
	@media only screen and (max-width: 320px){
		.searchForm input[type="search"]{font-size:1.1em;}
		.detail_lunchmenu .borderstyle table td{font-size:0.6em!important;}
		.detail_bulletinboard,.detail_calsearch {font-size:65%;}
	}