@font-face {
    font-family:'textFontRegular';
	/*src:url('/img/new/.ttf') format('truetype');*/
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'headerFontRegular';
	src:url('/img/new/YaleAdmRom.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'textFontDine';
	src:url('/img/new/VerdanaDine.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
html{
	width:100%;
}
body{
	background-color: #00254c;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    text-align:center;
    font-family:textFontRegular, Arial, Helvetica, sans-serif;
}
span[data-language="dine"]{
    font-family:textFontDine, sans-serif!important;
}
textarea{
	resize:none;
}
/*main header*/
body>header{
    background-color:#00254c; /*default*/
    text-align:center;
    width:100%;
    top:0;
}
body>header div.container{
    max-width:980px;
    height:inherit;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}
@media only screen and (min-width:750px) {
	body>header{
		position:fixed;
		height:90px;
		z-index:10;
	}
	body>header div.container{
		position:relative;
	}
}

body>header div.container div#siteLogo{
    display:inline-block;
    vertical-align:top;
    background-position:left top;
    background-repeat:no-repeat;
    background-size:contain;
}
body>header div.container div#siteSearch{
	position:absolute;
	top:25px;
	right:0;
	width:150px;
}
@media only screen and (min-width:750px) {
    body>header div#siteLogo{
		margin-top:10px;
		margin-left:3px;
        height:70px;
        width:630px;
    }
}
@media only screen and (max-width:750px) {
    body>header div#siteLogo{
        height:auto;
        max-width:630px;
        max-height:70px!important;
        bottom:0;
        top:10px;
        left:70px;
        right:5px;
        position:absolute;
    }
}
/*main body*/
body>div#main{
    background-image:url("/img/new/mainBackground.jpg");
    background-repeat:repeat-x;
	background-color:#FFF
}
#linex{
    margin-top:90px;
    height:10px;
    background-color:#FFF;
    position:relative;
	background-color: #00254c;
}
#linex:after{
    content:" ";
    display:block;
    height:10px;
    max-width:980px;
    background-color:#FFF;
    margin-left:auto;
    margin-right:auto;
}
#siteLogo{
    background-image:url("/img/new/Initiative-logo.png");
}
#error{
    background-color:#ce4429;
    color:#FFF;
}
/*side menus*/
@media only screen and (min-width:750px) {
	#pageSideMenus{
		position:absolute;
		width:40%;
	}
}
@media only screen and (max-width:750px) {
	#pageSideMenus{
		position:absolute;
		width:100%;
	}
}
#pageSideMenus #siteMenu, #pageSideMenus #pageShare, #pageSideMenus #pageComment{
	background-color: #0e4d92;
	width:100%;
	position:absolute;
	color:#FFF;
	display:none;
	z-index:1;
}
#pageSideMenus #siteMenu hr{
	width:1px;
	border:1px solid #FFF;
	display:block;
	width:100%;
}
#pageSideMenus #siteMenu:before, #pageSideMenus #pageShare:before, #pageSideMenus #pageComment:before{
	content:'';
	border:10px solid #0e4d92;
	border-top-color:transparent;
	border-left-color:transparent;
	border-bottom-color:transparent;
	position:absolute;
	z-index:1;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
	left:-19px;
	top:15px;
}
#pageSideMenus #siteMenu ul{
    list-style: none outside none;
    margin:0 10px;
    padding: 0;
}
#pageSideMenus #siteMenu ul li{
    margin:10px 0;
}
#pageSideMenus #siteMenu a{
    color:#FFF;
	text-decoration:none;
    padding-left:10px;
    text-indent:-10px;
	display:block;
}
#pageSideMenus #siteMenu>ul>li>a{
	font-weight:bold;
}
#pageSideMenus #pageShare{
	/*top:180px;*/
	top:120px;
}
#pageSideMenus #pageComment{
	top:120px;
}
#pageSideMenus p, #pageSideMenus form{
	margin:10px;
}
#pageSideMenus select, #pageSideMenus input[type='text']{
	width:100%;
	height:2em;
	margin:10px 0;
}
#pageSideMenus textarea{
	width:100%;
	height:5em;
	margin:10px 0;
}
#pageSideMenus input[type='submit']{
	-webkit-appearance: none;
    border: 0 solid transparent;
    cursor: pointer;
    padding: 10px;
	background-color:#FFF;
	color:#0e4d92;
}
#pageSideMenus a{
	color:#FFF;
}
/*site menu*/
ul [data-sub-menu]{
	--display:none;
}
/*content*/
#content{
    max-width:980px;
	min-width:320px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFF;
	position:relative;
	width:100%;
}
#content #highlights ul#permanentFeatures{
	list-style: none outside none;
    margin:10px;
    padding: 0;
}
#content #highlights ul#permanentFeatures li{
    margin-bottom:10px;
}
#content #highlights ul#permanentFeatures li{
    margin-bottom:10px;
}
#content #highlights ul#permanentFeatures li *{
    margin:0;
    padding:0;
}
#content #highlights ul#permanentFeatures a{
    font-size:0.8em;
	color:#0e4d92;
	text-decoration:none;
}
#content #highlights ul#permanentFeatures li a img{
	width:100%;
	height:auto;
}
ul#TOC.allLevels{
	list-style: none outside none;
    margin:0;
    padding:0;
}
ul#TOC.allLevels *{
	list-style: none outside none;
}

@media only screen and (min-width:980px) {
	#content{
		display:table;
	}
	#content #sideMenu, #content #pageContentContainer, #content #highlights{
		vertical-align:top;
		background-image:url("/img/new/contentBackground.jpg");
		background-repeat: repeat-x;
		background-position: right bottom;
		display:table-cell;
	}
	#content #highlights{
		width:150px;
	}
	#content #highlights ul#permanentFeatures{
		--width:150px;
	}
	#content #highlights ul#permanentFeatures li a img{
		max-width:130px;
	}
	#pageContentContainer{
		border-right:1px solid #CCC;
	}
}
@media only screen and (min-width:750px) and (max-width:980px) {
	#content{
		display:table;
	}
	#content #sideMenu, #content #pageContentContainer{
		vertical-align:top;
		display:table-cell;
	}
	#content #highlights{
		display: table-caption;
		caption-side:bottom;
	}
}
@media only screen and (max-width:980px) {
	#content #highlights{
		width:100%;
		border-top:3px solid #0e4d92;
	}
	#content #highlights ul#permanentFeatures li{
		display:inline-block;
		width:150px;
		vertical-align:top;
		margin-left:5px;
	}
	#content #highlights ul#permanentFeatures li a img{
		max-width:150px;
	}
}

#pageContent{
    margin:0 10px 20px 10px;
}
#pageContentContainer h1, #pageContentContainer h2, #pageContentContainer h3, #pageContentContainer h4{
    margin-top:0;
    font-family:headerFontRegular,"Times New Roman",Serif;
}
/*side menu*/

@media only screen and (min-width:750px) {
	#content #sideMenu{
		width:70px;
		border-right:1px solid #CCC;
	}
}
@media only screen and (max-width:750px) {
	#content #sideMenu{
		width:70px;
		position:fixed;
		top:5px;
		z-index:10;
	}
}
#content #sideMenu ul{
	list-style: none outside none;
    margin:0;
    padding:0;
}
#content #sideMenu li{
	display:block;
	width:50px;
	height:50px;
	margin:10px;
	background-color:#0e4d92;
	cursor:pointer;
}
#content #sideMenu li img{
	display:block;
	width:50px;
	height:50px;
}
#content #sideMenu li:first-child {
	margin-top:0;
}
/*footer*/
footer{
	text-align: left;
	color:#FFF;
	font-size:0.8em;
}
footer nav, footer #copyright{
	margin-left: auto;
    margin-right: auto;
    max-width: 900px;
	padding-left:80px;
	text-align: left;
}

@media only screen and (min-width :980px) {
	footer nav, footer #copyright{
		display:table;
		width:100%;
	}
	footer nav div{
		display:table-cell;
		vertical-align:top;
		width:25%;
	}
}
@media only screen and (min-width :420px) and (max-width :980px) {
	footer nav div{
		display:inline-block;
		vertical-align:top;
		width:40%;
	}
}
footer h2{
    color:#FFF;
	font-family:headerFontRegular,"Times New Roman",Serif;
	font-size:1.6em;
	font-weight:normal;
}
footer a{
    color:#FFF;
	text-decoration:none;
}
footer ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
footer #socialMediaIcons ul li, footer #socialMediaIcons ul li img{
	display:inline-block;
	width:40px;
	height:40px;
}
.regButton{
    background-color:#0e4d92;
    color:#FFF;
}
.cuLinkToTop, .linkToTop{
	width:30px;
	height:30px;
	border: 1px solid #0e4d92;
	display:inline-block;
}
.cuLinkToTop img, .linkToTop img{
	width:20px;
	height:20px;
	margin:5px;
}
.pageSupportButton{
    background-color: #fff;
    border: 1px solid #0e4d92;
    color: #0e4d92;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    padding: 5px;
	text-decoration:none;
}
.pageSupportButton label{
    padding: 5px;
    cursor: pointer;
    display: inline-block;
	height:20px;
	line-height:20px;
	vertical-align:middle;
}
.pageSupportButton img{
    width:25px;
	height:25px;
    cursor: pointer;
    display: inline-block;
	vertical-align:middle;
}

/*content ellements*/
div.center{
	text-align:center;
}
#pageContent>header{
	margin:0;
}
#pageContent>header>h1{
	margin-bottom:10px;
}
#pageContent>nav{
	margin-top:10px;
}
#breadcrumbs{
	font-size: 0.8em;
	margin-bottom:10px;
}
#breadcrumbs a{
	text-decoration:none;
}
#pageContent h1, #pageContent h2, #pageContent h3, #pageContent h4, #pageContent a{
    color:#0e4d92;
}
.displayTable{
    display:table;
}
.displayTableRow{
	display:table-row;
	vertical-align:top;
}
.displayTableCell{
	display:table-cell;
	vertical-align:top;
}
.largeImage{
	width:100%;
	height:auto;
	max-width:900px;
	min-width:300px;
}
.largeImage.border{
	border:1px solid #ccc;
}
.shareOnSocialMedia{
	width:100%;
	height:30px;
	background-color:#0e4d92;
	margin-bottom:10px;
}
.captions{
    overflow: hidden;
	max-height:18px;
	font-size:0.8em;
}
.captionsContent{
	
	/*remove styles to colapse captions:*/
	
    --overflow: hidden;
	--max-height:18px;
}
.captionsExpand, .captionsExpand img, .captionsCollapse, .captionsCollapse img{
	
	/*remove styles to colapse captions:*/
	--width:30px;
	--height:30px;
	--display:block;
	--cursor:pointer;
	
	display:none;
}

/*forms*/
#pageContent input[type='submit']{
	-webkit-appearance: none;
    border: 0 solid transparent;
    cursor: pointer;
    padding: 10px;
	background-color:#0e4d92;
	color:#FFF;
}
#pageContent input[type='submit'].margins{
	margin:10px 0;
}
#pageContent select, #pageContent input[type="text"], #pageContent input[type="password"] {
    height: 2em;
    width: 100%;
}

/*search*/
#pageContent form.searchBox{
	display:block;
	width:95%;
}
#pageContent .searchBox input[type="text"]{
    width:75%!important;
	height:31px!important;
	vertical-align:top;
}
#pageContent .searchBox input[type='submit']{
	width: 15%!important;
	height:37px!important;
	vertical-align:top;
}
.searchActiveDocumentType{
    font-weight:bold;
	border-bottom:2px solid #0e4d92;
	margin:10px 0;
}
#searchDocumentTypes *{
	font-size:0.8em;
	display:inline-block;
	color:#0e4d92;
	padding:5px;
	text-decoration:none;
}
#searchResultSummary{
	margin:20px 0;
}
#searchResultPages{
	margin:10px 0;
}
#searchResultPages a{
	text-decoration:none;
	display:inline-block;
	padding:5px;
}
.searchActivePage{
	font-weight:bold;
	display:inline-block;
	padding:5px;
}
.searchResultScore{
	background-color:#0e4d92;
	height: 5px;
}
.searchResultItem{
	margin:10px 0 20px 0;
}

/*photo gallery*/

.photoGalleryTeams ul, .photoGalleryEvents ul, photoGalleryThumbnails ul{
    list-style: none outside none;
    padding: 0;
}
.photoGalleryTeams ul li, .photoGalleryEvents ul li{
	display:inline-block;
	width:45%;
	vertical-align:top;
    padding-left:10px;
    text-indent:-10px;
}
.photoGalleryThumbnails ul li{
	display:inline-block;
}
.photoGalleryThumbnails ul li img{
	border:1px solid #ccc;
}

/*device dependant css*/
@media only screen and (min-width :420px) and (max-width :980px) {
	.notFor.mediumDevice{
		display:none!important;
	}
}
@media only screen and (max-width:750px) {
	.notFor.oneColumnDesign{
		display:none!important;
	}
}
@media only screen and (min-width:750px) {
	.notFor.multiColumnDesign{
		display:none!important;
	}
}
@media only screen and (max-width :420px) {
	.notFor.smallDevice{
		display:none!important;
	}
}

/*3rd parties*/
/*share*/
.addthis_sharing_toolbox{
	margin:10px;
}
/*weather*/
#weatherInfo{
	--background-image:url("/img/new/weatherBackground.jpg");
    background-repeat:no-repeat;
	background-color:#2d5694;
	color:#FFF;
	--width:130px;
    margin: 10px;
    padding: 5px;
}
#weatherInfo *{
	margin:0;
}
#weatherIcon, #weatherInfo div{
	--width:50px;
	height:auto;
}
#weatherInfo div{
	--float:right;
}
#weatherInfo p{
	font-size:0.8em;
}
#weatherInF{
	font-size:2em!important;
}
#weatherInC{
	font-size:1.2em!important;
}
/* Google Site Search */
.gsc-control-cse{
	background-color:transparent!important;
	border-color:transparent!important;
}
.cse .gsc-control-cse, .gsc-control-cse{
	padding:0!important;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{
	background-color:#0e4d92!important;
	border-color:transparent!important;
	border-radius:0!important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
	padding: 6px 7px!important;
}
.gsc-input{
	background:transparent!important;
}

/*curriculum units*/
.cuAuthor, .author{
	font-style: italic;
}
.cuAuthorName, .authorName{
	margin-left:0.5em;
}
ul.cuOld, ol.cuOld{
	list-style: none outside none;
}
#pageContent main img{
	max-width:700px;
}
#pageContent main h1, #pageContent aside h1{
	font-size:2em;
}
#pageContent main h2, #pageContent aside h2{
	font-size:1.5em;
}
#pageContent main h3, #pageContent aside h3{
	font-size:1.25em;
}
#pageContent main h4, #pageContent aside h4{
	font-size:1em;
}
.text-right {
	text-align: right;
}

#pageContent span.index-heading {
	font-weight: bold;
	font-size: 1.2em;
}
#pageContent span.index-level-2 {
	font-style: italic;
	margin-left: 20px;
	display: inline-block;
}
#pageContent span.index-level-3 {
	margin-left: 40px;
	display: inline-block;
}
#pageContent span.index-level-4 {
	margin-left: 60px;
	display: inline-block;
	font-size: 0.85em;
	font-style: italic;
	font-weight: bold;
}
#pageContent span.index-level-5 {
	margin-left: 80px;
	display: inline-block;
	font-size: 0.85em;
	font-style: italic;
	font-weight: bold;
}
#pageContent span.adjusted-hash-link-span {
	visibility: hidden;
	display: block;
	position: relative;
	top: -150px;
}
#pageContent a.margin-left-100 {
	margin-left: 100px;
	display: inline-block;
}
#pageContent a.margin-left-80 {
	margin-left: 80px;
	display: inline-block;
}
#pageContent a.margin-left-60 {
	margin-left: 60px;
	display: inline-block;
}
#pageContent a.margin-left-40 {
	margin-left: 40px;
	display: inline-block;
}
#pageContent a.margin-left-20 {
	margin-left: 20px;
	display: inline-block;
}
#pageContent main p{
    word-break: break-word;
}
#pageContent main table p{
    word-break: normal;
}
#pageContent a.y-btn {
    background-color: #2b50a3;
    color: #ffffff;
    padding: 7px 14px 9px 14px;
    border-radius: 0.25rem;
}