﻿
    @import url('css-Lato400400i700700i.css');

	/*admin */
	.overwrite_inside_left{font-size:15px;}
	.inside_left_bar, .inside_left_bar img{display:none;}
	#menu{background-color:rgb(255,255,255);margin-right:10px;float:left;font-size:14px;width:200px;border-right:1px solid rgb(10,4,28);}
	#menu ul{font-size:1em;list-style:none;margin:0px;padding:0;background-color:transparent;}
	#menu ul li{padding:7px 0px 0px 0px;}
	#menu a{color: rgb(10,4,28);}
	#menu a.ln div{padding-top:5px;}
	#menu a:hover{color:rgb(10,4,28);}
	.inside_page_bg #menu a{font-size:1em; line-height:1em;}
	.inside_page_bg #menu li li li li a{font-size:0.9em;}
	.inside_page_bg #menu ul ul ul{padding-left:20px;}
	.inside_page_bg #menu ul ul ul ul{padding-left:40px;}

	.overwrite_inside_left{padding-right:11px;}
	.print_total{padding-bottom:35px;}
	.screen_total2,.screen_total{width:1024px;}
	.top_text_bg{background-color:rgb(10,4,28);color:rgb(0,0,0);height:10px;color:rgb(255,255,255);}
	#header_nav, #tabnav, #headermenu a.toplink, #headermenu a.toplink:visited{overflow:hidden;background-color:rgb(255,255,255);height:auto;color:rgb(0,0,0);}
	#header_nav li a.toplink{display:inline-block;}
	#header_nav{background-color:rgb(255,255,255);color:rgb(0,0,0);border-bottom:1px solid rgb(10,4,28);}
	#header_nav li a.toplink a.toplink{background-color:rgb(255,255,255);text-transform:uppercase;height:25px;font-size:14px;line-height:16px !important;padding:10px 10px 0px 10px;border:none;color:rgb(0,0,0);}
	#header_nav li a.toplink:hover{background-color:rgb(242,242,242);color:rgb(10,4,28);}
	#header_nav li a.tabnav_default,
	#headermenu a.tabnav_default, #headermenu a.tabnav_default:visited{background-color:#ccc;color:rgb(10,4,28);}
	#header_nav li{width:auto !important;background:none; display:inline-block; padding-right:1px;}
	#header_nav li:last-child{padding-right:0px;}
	#tabnav{margin-left:0px;}
	#headermenu, #headermenu ul{padding:0px;margin:0px 0px 0px 0px;}
	.top_border_bg{background-color:rgb(10,4,28);}
	.left_menu_column{width:250px;}
    /*end admin*/

    /* utilityNav */
	#utilityNav {float:left;overflow:hidden; position:absolute; direction:rtl; right: 0; top:100%;  z-index:9999; background:rgb(10,4,28);}
	#utilityNav ul {float:left;margin:0;padding:0;list-style:none;position:relative;display:inline-block;}
	#utilityNav li {block-size:auto; display:block; position:relative;text-transform: capitalize; letter-spacing: 0.05em; line-height:0;
	-webkit-transition: width 0.2s ease-out;-moz-transition: width 0.2s ease-out;-ms-transition: width 0.2s ease-out;-o-transition: width 0.2s ease-out;transition: width 0.2s ease-out;}
	#utilityNav li a,#utilityNav li button {font-size:1.25em; padding:0.5em;color:rgb(255,255,255);background-color:rgb(10,4,28); display: inline-block; border:none; cursor:pointer;}
	#utilityNav li a:hover,#utilityNav li a:focus,#utilityNav li a:active,
	#utilityNav li button:hover,#utilityNav li button:focus,#utilityNav li button:active{background-color:rgb(70,68,69); text-decoration:none;}
	#utilityNav li span.icon{line-height:1em;overflow:hidden;float:left;display:inline-block;}

	/***Schools Menu***/
	#schools-modal{width:30%; top:0; left:auto; right:0; -webkit-transform:none; -ms-transform:none; transform:none; padding:0;border-left:0.6em solid rgb(10,4,28); overflow-y:auto; height:100%;max-height:100%;}
	#schoolsMobileNav{display:inline-block;width:90%;padding:3em 5% 1em;}
	#schools-modal .close-modal{position:absolute; right:2.5%; top:0.75em;}
	#schools-modal ul{width:100%;display:inline-block; position:relative; margin:0; padding:0; list-style:none;}
	#schools-modal ul.categoryLevel{margin:0 0 1em;}
	#schools-modal ul li{width:100%;text-align:left;display:inline-block; float:left; position:relative;}
	#schools-modal ul li span.icon{position:absolute;top:0.5em;right:1em;color:rgb(10,4,28); display:none;}
	#schools-modal ul li span.icon.show{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
	#schools-modal ul li a{font-size:1em;line-height:1em;padding:0.5em 0; margin:0 0 0.75em; width:100%; display:inline-block; font-weight:700; text-transform:uppercase; color:rgb(10,4,28); border-bottom:0.1em solid rgb(10,4,28);}
	#schools-modal ul li a:hover,#schools-modal ul li a:focus,#schools-modal ul li a:active{color:rgb(55,53,54); text-decoration:none; font-style:italic; border-color:rgb(55,53,54);}
	#schools-modal ul ul{width:95%; float:right;}
	#schools-modal ul ul li a{font-size:0.85em; border:none; padding:0.35em 0; margin:0; text-transform:none}
	#schools-modal ul ul ul{display:none;}
	#schools-modal ul ul ul li span.icon{display:inline-block;}

    /***TOP NAV***/
	#topNav {padding:0; text-align: left; display:inline-block;float:right; width:100%; z-index:9999;}
	#topNav ul{margin:0; padding:0; list-style:none; width:100%;}
	.topnav{float:right; margin:0; padding:0; display: block; width:auto; text-align:right;}
	#topNav li.navMenus,#topNav li.menuBtn,#topNav li.schoolBtn {position: relative; display: inline-block; margin: 0;  vertical-align: top;}
	#topNav li.schoolBtn{display:inline-block; position:relative; top:-50%; -webkit-transform:translate(0,30%); -ms-transform:translate(0,30%); transform:translate(0,30%); margin-right:3.5%;}
	#topNav li.schoolBtn button{background:rgb(10,4,28); border:none; color:rgb(255,255,255)!important;padding:1.1em 1.5em; text-transform:none;}
	#topNav li.schoolBtn button span.icon{margin-left:0.5em; display:inline-block; float:right;}
	#topNav li.navMenus a,#topNav li.menuBtn button {font-size:1em; line-height: 1em;  font-weight:700; color: rgb(10,4,28); padding: 1.75em 1.5em; margin:0; display: inline-block;position: relative;background:none; border:0}
	#topNav li.menuBtn button span.icon{float:left; margin-right:0.3em; display:inline-block;}
	#topNav li a:hover,#topNav li a:focus, #topNav li:hover a.nav, #topNav li:focus a.nav,#topNav li a.on, #topNav li a.dropDownOn{ text-decoration:none;background:rgb(10,4,28);color:rgb(255,255,255);}
	#topNav li.navMenus a.navDrop{display:inline-block;padding:0;color:rgb(10,4,28);font-size:1em;line-height: 1em; visibility:hidden; position: absolute;right:0; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
	#topNav li.navMenus a:hover,#topNav li.navMenus a:focus,#topNav li.navMenus a:active, #topNav li.navMenus:hover a.nav, #topNav li.navMenus:focus a.nav, #topNav li.navMenus:active a.nav, #topNav li.navMenus a.on,,#topNav li.navMenus button:hover,#topNav li.navMenus button:focus,#topNav li.navMenus button:active{ color: rgb(255,255,255); background:rgb(10,4,28);text-decoration:none; }
	#topNav li.navMenus a.navDrop:hover,
	#topNav li.navMenus a.navDropOn{color: rgb(255,255,255);}

	/*dropdown*/
	.dropDown{position:absolute;top:100%; display:none;overflow:hidden;margin:0; padding:0; z-index:11000;text-align:left;}
	.dropDown.megaDrop{width:auto;left:auto!important;right:0;}
	.dropDown.singleDrop{width:15em;}
	.dropDown .mainNav{ border-bottom:0.2em solid rgb(10,4,28); padding:2em 0; background:rgb(10,4,28);position: relative; display: inline-block;}
	.dropDown.megaDrop .mainNav{padding:2em 3em;}
	.dropDown.singleDrop .mainNav{padding:1.25em 1em; width:calc(100% - 2em);}
	.dropDown .mainNav ul{width:100%;padding:0!important;vertical-align: top;}
	.dropDown.megaDrop .mainNav ul{width:10em!important; padding:0 0.5em!important;display:none;}
	.dropDown.singleDrop .mainNav ul{width:95%!important;padding:0 2.5%!important;}
	.dropDown.megaDrop .mainNav ul:nth-child(1),.dropDown.megaDrop .mainNav ul:nth-child(2),
	.dropDown.megaDrop .mainNav ul:nth-child(3),.dropDown.megaDrop .mainNav ul:nth-child(4),
	.dropDown.megaDrop .mainNav ul:nth-child(5),.dropDown.megaDrop .mainNav ul:nth-child(6){display:inline-block;}
	.dropDown .mainNav ul li{display: inline-block;width:100%; position: relative;float:left;}
	.dropDown .mainNav ul li a{width:100%; display: inline-block; font-weight: 700; color:rgb(255,255,255); letter-spacing: 0.05em; font-size:1.1em; line-height: 1.15em; float:left; padding:0.25em 0 0.5em; position: relative; }
	.dropDown.singleDrop .mainNav li a{font-size:0.9em;}
	.dropDown .mainNav ul li a:hover,.dropDown .mainNav ul li a:focus,.dropDown .mainNav ul li a:active{ color:rgba(255,255,255,0.7)!important; background:none!important;}
	.dropDown .mainNav ul ul,.dropDown.megaDrop .mainNav ul ul{width:100%!important;padding:0!important;display:inline-block;}
	.dropDown .mainNav ul ul li a{font-size:0.9em;padding:0.5em 0;}

    .facultyMobile{width:100%;display:inline-block;margin-bottom:2.5em;}


    /*left navigation */
    #sidebar{padding:1.8em 10%;width:80%;position:relative;display:inline-block;font-size:100%;}
	#sidebar #menu{width:100%;position:relative;display:inline-block; background: none!important;border: none!important;font-size: 1em!important;margin: 0;}
	#sidebar #menu ul {width:100%;position:relative;display:inline-block;list-style: none; padding: 0; margin: 0;}
	#sidebar #menu ul li{padding:0;width:100%;display:inline-block;}
	#sidebar #menu li li {width:100%;position:relative;display:inline-block;padding:0;margin:0 0 0.5em;}
	#sidebar #menu li li span{display:inline-block;width:100%;}
	#sidebar #menu li li a {font-size:1.1em; padding: 0.7em 2em 0.7em 5%;margin:0; width:calc(95% - 2em); transition: none; -webkit-transition: none; position: relative; text-decoration: none; display: block; background:rgb(10,4,28); color: rgb(255,255,255);line-height: 1.1em; font-weight: 400;  -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
	#sidebar #menu li li.has_children_1:hover a.ln,#sidebar #menu li li.has_children_1:focus a.ln,#sidebar #menu li li.has_children_1:active a.ln,
	#sidebar #menu li li a:hover,#sidebar #menu li a:focus,#sidebar #menu li a:active, #sidebar #menu li a.ln_default{ background:rgb(255,255,255); color:rgb(10,4,28); }
	#sidebar #menu ul li span.icon{position:absolute; top:0.8em;width:1.25em;right:0.8em;padding:0; cursor:pointer; color: rgb(255,255,255);text-align:center;}
	#sidebar #menu ul li:hover span.icon,#sidebar #menu ul li:focus span.icon,#sidebar #menu ul li:active span.icon,
	#sidebar #menu ul li.on span.icon{color:rgb(10,4,28)}
	#sidebar #menu ul ul ul{margin:0; padding:1.15em 5%; width:90%; background:rgb(242,242,242); display:none;}
	#sidebar #menu li li li{margin:0;}
	#sidebar #menu li li li a{font-size:0.9em; color:rgb(70,68,69); background:none; font-weight:700; background:transparent; padding:0.9em 0;}
	#sidebar #menu li li li a:hover,#sidebar #menu li li li a:focus,#sidebar #menu li li li a:active, #sidebar #menu li li li a.ln2_default {color:rgb(10,4,28);background:none;}
	#sidebar #menu li li li ul{ position: relative; padding: 0!important; margin: 0.5em 5% 0.5em 15%; width:80%; display:inline-block;}
	#sidebar #menu li li li ul:before { width: 3px; position:absolute; left:0; top:5%; height: 94%; background:rgb(10,4,28); content:''; }
	#sidebar #menu li li li li { padding: 0.25em 0; }
	#sidebar #menu li li li li a { color:rgb(70,68,69); font-weight: 400; font-size: 0.9em;  font-style: italic; padding: 0.5em 5% 0.5em 10% !important;width:85%; }
	#sidebar #menu li li li li a.ln3_default,#sidebar #menu li li li li a:active,
	#sidebar #menu li li li li a:hover,#sidebar #menu li li li li a:focus { color:rgb(10,4,28); }

	/***Mobile Nav***/
	#mobileBtn{display:none!important;;}
	#menu-modal { width: 90%; height: 100%; border-radius: 0; border: none; left: auto; top: auto;
		-webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);
		right: 0; overflow-y: auto; padding: 0; background:rgb(255,255,255); color:rgb(0,0,0);border-left:0.6em solid rgb(10,4,28); }
	#menu-modal #utilityNav{position: relative; background:none; top:auto; left:auto; -webkit-transform:none; -ms-tranform:none; transform:none; padding:1em 5% 1em;text-align: center; display: inline-block; width:90%; bottom:auto; right:auto;font-size:120%}
	#menu-modal #utilityNav li{float:none;display:inline-block;}
	#menu-modal ul{margin:0;padding:0;width:100%; display: inline-block; list-style: none;}
	#menu-modal button{color:rgb(0,0,0);margin-right: 2.5%;padding:1em;}
	#mobileNav{width:95%; display: inline-block; padding:0 2.5% 3.5em;}
	#mobileNav ul{margin:0;padding:0;list-style:none;width:100%;}
	#mobileNav ul.categoryLevel li { width: 100%; font-size: 1em; line-height: 1.2em; position:relative;}
	#mobileNav ul.categoryLevel li a {font-weight:700;font-size:1.35em; padding: 1em 10% 0.8em 5%; width:85%; display:inline-block; color:rgb(10,4,28);text-transform:uppercase; }
	#mobileNav ul.categoryLevel li li a{font-size:1.2em;padding: 1em 10% 0.8em 5%; width:85%;color:rgb(255,255,255);background-color:rgb(10,4,28); text-transform:none;}
	#mobileNav ul.categoryLevel li li li a{font-size:1.05em;padding: 1em 10% 0.8em 10%; width:80%;border:none;}
	#mobileNav ul.categoryLevel li li li li a{background-color:rgb(255,255,255);color:rgb(10,4,28);font-size:0.9em;padding:1.2em 10% 1em 20%;width:70%;}
	#mobileNav ul.level1,#mobileNav ul.level2,#mobileNav ul.level3{display:none;}
	#mobileNav ul.level1{background:rgb(255,255,255)}
	#mobileNav li .menu_arrow{position:absolute;color:rgb(10,4,28);right:0 ; padding:1.2em 5%;text-align:center;cursor:pointer;}
	#mobileNav ul.level1 li .menu_arrow{color:rgb(255,255,255);}
	#mobileNav li .menu_arrow.show:before{content: "\e003";}
	#mobileNav ul li a span.icon{font-size:0.8em; margin-right:0.5em;}

    /*Media Queries*/
	@media only screen and (max-width:1200px){
		#topNav li.navMenus a, #topNav li.menuBtn button{padding: 1.75em 0.95em; font-size:0.9em;}
		#topNav li.schoolBtn{-webkit-transform:translate(0,20%); -ms-transform:translate(0,20%); transform:translate(0,20%);}
		.dropDown{font-size:90%;}
	}
	@media only screen and (max-width:1024px){
		#topNav{position:absolute; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);padding-right:2.5%; right:0; width:30%; font-size:100%;}
		#topNav li.navMenus{display:none;}
		#mobileBtn{display:inline-block!important;}
		#schools-modal{width:90%;}
		#schools-modal ul li span.icon{display:inline-block;}
		#schools-modal ul li a{width:calc(100% - 3em);}
		#schools-modal ul ul li a{padding:0.75em 0;}

		#utilityNav{background:rgb(10,4,28);position:fixed; right:auto; left:0; top:auto; bottom:0;width:100%; text-align:center; direction:ltr;}
		#utilityNav ul{width:100%;display:inline-block;text-align:center;}
		#utilityNav li{display:inline-block;vertical-align:top;}
		#utilityNav li a, #utilityNav li button{font-size:1.5em; padding:0.75em;}
	}
	@media only screen and (max-width:800px){
		#topNav{width:50%;}
	}
	@media only screen and (max-width: 680px){
		#topNav{width:100%;position:relative;width:80%;padding:0 10%; top:auto; right:auto; -webkit-transform:none; -ms-transform:none; transform:none;}
		.topnav{text-align:center;}
		#utilityNav li a, #utilityNav li button{font-size:1.25em;}
	}
	@media only screen and (max-width: 400px){
		#utilityNav li a, #utilityNav li button{font-size:1em;}
	}
