body {
     font-family: "industry",sans-serif; 
     font-size: 18px; 
     color:#1e1e1e;
     line-height:normal !important;
    -webkit-font-smoothing: antialiased;
     }

/* a[target="_blank"]::after { 
    content: "\_blank";
    content: "\f08e"; 
    font-family: FontAwesome;
    padding-left: 6px;
    text-decoration:none;
} */





hr {
  height: 1px;
  width: 96%;
  color: #dadada;
  margin: 15px 0 7px 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #dadada;  
}

a {
     color:#037598; text-decoration:underline;
} 

a:hover {
     color:#a71000;
}

h1, h2, h3, h4, h5 {
     margin: 15px 0 0 0 !important;
     padding: 0; 
}
     
h1 {display:none;}

h2 {
     font-family: 'vito_compressedbold';
     font-size: 45px;
     color:#545454;
     text-transform: capitalize;
}

h3 {
     /* font-family: 'vito_compressedlight';  */
     font-family: "ff-market-web";
     font-size:45px;
     color: #909090; 
}

h4 {
     font-family: 'vito_compressedbold' !important;
     font-size: 36px;
     color:#037598;
     text-transform:uppercase;
}

.col-sm-3 h4 {
     font-size: 30px;
}


/* h5 {
     font-family: 'vito_compressedlight'; 
     font-size:36px;
     color: #545454;
} */

h5 {
	font-family: 'vito_compressedblack';
     font-size:30px;
     color:#848484;
     margin:0;
     padding:0;
}

h6 {
     font-family: 'vito_condensedbold';
     font-size: 24px;
     text-align:center;
     width: 66%;
     padding: 15px;
     margin: 15px auto 30px auto;
     color:#a71000;
     border: 2px solid #a71000;
     white-space:nowrap !important;
}

@media only screen and (max-width : 768px) {
     h6 {width: 100%; font-size: 21px;}
}


h6 a {
     color:#a71000;
     text-decoration:none;
}

h6 a:hover {
     color:#6b6b6b;
     text-decoration:none;
}

p {padding: 0 0 15px 0; margin: 0;}

ul li {list-style:square;}

blockquote {
     border:none;
     background-color:#e6ded3;
     font-family: "servus-slab",serif;
     padding:30px !important;
     margin:30px;
     font-size: 18px;
}

.fb-page blockquote {
     padding:0 !important;
     margin: 0 !important;
}

blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5  {
     font-family: "ff-market-web" !important; 
     color:#9a7a4e !important;
     font-size: 36px !important;
     text-transform:capitalize !important;
     margin: 0 !important;
     padding: 0 !important;
}

blockquote a  {
     color:#9a7a4e;
}

blockquote a:hover  {
     color:#a71000;
}

 .fb-page blockquote {
      color:#ffffff;
      font-family: "industry",sans-serif; 
      font-size: 1.25em;
      background-color:transparent;
      border:0;
      padding:15px;
      margin: 15px 0;
 }
 
  .fb-page blockquote a {
      color:#ffffff;
 }
 
 
.center {text-align:center; margin-left:auto; margin-right:auto;}

.floatLeft {float:left; padding-right:15px;}
.floatRight {float:right; padding-left:15px;}   

.clearfloat  {
  clear:both;
  height:0;
  font-size: 0;
  line-height: 0;
}

#columnLeft, #columnleft, .columnLeft, .columnleft	{margin-left: 0 0 0 10%; padding: 0; float: left; width: 49%;}
#columnRight, #columnright, .columnRight, .columnright	{margin-left: 0 0 0 48%; padding: 0; float: right; width: 49%;} 

.floatBoxLeft {
  width:40%;
  padding 0 15px;
  float: left;
  margin-right:15px;
}

.floatBoxLeft img {
  width: 100%;
  }
  
.floatBoxLeft ul li {
  margin: 0 0 0 15px;
  padding:0;
}

.floatBoxRight {
  width:40%;
  padding 0 15px;
  float: right;
  margin-left:15px;
}


.floatBoxRight img {
  width: 100%;
  }
  
.floatBoxRight ul li {
  margin: 0 0 0 15px;
  padding:0;
}

@media only screen and (max-width:640px) { 
.floatLeft, .floatRight,
#columnLeft, #columnleft, .columnLeft, .columnleft, 
#columnRight, #columnright, .columnRight, .columnright
{width: 100%;  float:none;} 

}



/****** HEADER ******/

header {
     height: 123px;
     border-bottom: 1px solid #dadada;
     z-index:1000000000;
     position:relative;
     background-color:#ffffff;
     }
    
@media only screen and (max-width:768px) { 
     header {margin-bottom: 80px;}
}

@media only screen and (max-width : 750px) {
     header.header2  {height: 100px;}
}
     
.utilityNav, .utilityNav2 {
     font-family: 'vito_condensedlight'; 
     color:#6b6b6b; 
     font-size: 16px; 
     margin: 13px 0 0 0; 
     padding:0;
     float:left;
     }

@media only screen and (max-width:1200px) { 
    .utilityNav, .utilityNav2 {font-size: 14px;}
}


.utilityNav a, .utilityNav2 a {
     color:#6b6b6b; 
     text-decoration:none; 
     margin: 0 3px; 
     text-transform:uppercase;
     }

.utilityNav a:hover, .utilityNav2 a:hover {
     color:#a71000; 
}

.headerSearch, .headerSearch2 {
     font-family: 'vito_condensedlight'; 
     color:#6b6b6b; 
     font-size: 16px; 
     margin: 10px 0 0 0; 
     padding:0;
     float: right;
}

@media only screen and (max-width:1200px) { 
    .headerSearch, .headerSearch2 {margin-right:-30px;}
}

@media only screen and (max-width:767px) { 
    .headerSearch {float:none; margin-right:-15px;}
    .headerSearch2 {
          font-size: 14px; 
          margin: 0; 
     }
}

@media only screen and (max-width:750px) { 
     .utilityNav2, .headerSearch2 { visibility:hidden; display:none; height:0;}
}

.headerSearch input, .headerSearch2 input {
     color:#1e1e1e;
     width:317px; 
     height:24px; 
     margin:0; 
     padding:0;
     border: 1px solid #bfbfbf;
}

.headerSearch form input, .headerSearch2 form input  {
     background-image:none !important;
}

@media only screen and (max-width:1200px) { 
    .headerSearch input, .headerSearch2 input {width:286px;}
}


@media only screen and (max-width:767px) { 
     .headerSearch input {
          width:70%; 
          height:45px; 
          margin:15px 0 0 0; 
          font-size: 2em;
     }
     
     .headerSearch2 input {
          width:317px; 
          height:24px; 
     }
}

.headerSearch button, .headerSearch2 button {
     background-color:transparent !important;
     border: 0;
}

.headerSearch .fa, .headerSearch2 .fa {
     font-size: 21px;
     padding:0;
     margin:0;
}

@media only screen and (max-width:1200px) { 
     .headerSearch .fa, .headerSearch2 .fa {
          margin-right:20px;
     }
}

@media only screen and (max-width:768px) { 
     .headerSearch .fa { margin-left:9px;}
     .headerSearch2 .fa { margin-left:0;}
}

.belowHeaderImages {
     top:120px;
     position:fixed;
     z-index: 0;
}

.photoBar, .photoBar-aboutUs, .photoBar-academics,
.photoBar-admissions, .photoBar-campusLife,
.photoBar-services, .photoBar-athletics {
     width:100%;
     height:137px;
     top:0;
     position:relative;
     z-index:0;
     background-image:url(/global/images/6nwc/photoBar-aboutUs.png);
     background-repeat:repeat-x;
	margin-bottom:0;
}

.photoBar-aboutUs {
     background-image:url(/global/images/6nwc/photoBar-aboutUs.png);
}

.photoBar-academics {
     background-image:url(/global/images/6nwc/photoBar-academics.png);
}

.photoBar-admissions {
     background-image:url(/global/images/6nwc/photoBar-admissions.png);
}

.photoBar-campusLife {
     background-image:url(/global/images/6nwc/photoBar-campusLife.png);
}

.photoBar-services {
     background-image:url(/global/images/6nwc/photoBar-services.png);
}

.photoBar-athletics {
     background-image:url(/global/images/6nwc/photoBar-athletics.png);
}

@media only screen and (max-width:768px) { 
     .photoBar, .photoBar-aboutUs, .photoBar-academics,
     .photoBar-admissions, .photoBar-campusLife,
     .photoBar-services, .photoBar-athletics {
          background-image:none;
     }
}

.photoBar h2, .photoBar-aboutUs h2, .photoBar-academics h2,
.photoBar-admissions h2, .photoBar-campusLife h2,
.photoBar-services h2, .photoBar-athletics h2 {
     color:#ffffff;
     font-family: 'vito_compressedblack';
     font-size: 93px;
     -webkit-stroke-width: 1px;
     -webkit-stroke-color: #FFFFFF;
     -webkit-fill-color: #FFFFFF;
     text-shadow: 3px 3px 3px black;
     -webkit-transition: width 0s; /*Safari & Chrome*/
     transition: width 0s;
     -moz-transition: width 0s; /* Firefox 4 */
     -o-transition: width 0s; /* Opera */
     position:absolute;
     text-transform:capitalize;
     margin-top:24px !important;
}

@media only screen and (max-width:768px) { 
     .photoBar h2, .photoBar-aboutUs h2, .photoBar-academics h2,
     .photoBar-admissions h2, .photoBar-campusLife h2,
     .photoBar-services h2, .photoBar-athletics h2 {
          color: #6b6b6b;
          font-size: 93px;
          margin:30px 0 !important;
          -webkit-stroke-width: 0;
          -webkit-stroke-color: none;
          -webkit-fill-color: none;
          text-shadow: none;
          -webkit-transition: none; /*Safari & Chrome*/
          transition: none;
          -moz-transition: none; /* Firefox 4 */
          -o-transition: none; /* Opera */
     }
}

/****** HEADER  ******/

.globalNav, .globalNav2 {
     font-family: 'vito_compressedregular';
     font-size: 33px;
     color:#037598;
     display:block;
     margin: 0 5%;
}

@media only screen and (max-width : 1200px) {
     .globalNav, .globalNav2 {
          margin: 0;
     }
}

@media only screen and (max-width : 750px) {
     .globalNav2 {margin: 0 5%;}
}

/*** NAVIGATION ***/

.jetmenu, 
.jetmenu1, 
.jetmenu2,
.globalMenu {
	background-color:transparent;
     top:18px;
}

#jetmenu, 
#jetmenu1, 
#jetmenu2,
.globalMenu {

}

#jetmenu1 {
     margin-top:-72px;
     margin-bottom: 30px;
}

.jetmenu {
	height: 0;
}

.jetmenu  > li > a, 
.jetmenu1 > li > a,
.jetmenu2 > li > a,
.globalMenu > li > a {
     color:#037598;
     text-decoration:none; 
     padding:15px;     
     border-top: 0 solid #ffffff;
     border-right: 0 solid #ffffff;   
     border-left: 0 solid #ffffff;
}

.jetmenu  > li > a:hover,
.jetmenu1 > li > a:hover,
.jetmenu2 > li > a:hover,
.globalMenu > li > a:hover {
	background-color: #ececec;
	color: #a71000;
     border-top: 0 solid #dadada;
     border-right: 0 solid #dadada;
     border-left: 0 solid #dadada;
}


.globalMenu > li > a:active {
	background-color: #ececec;
	color: #a71000;
     border-top: 0 solid #dadada;
     border-right: 0 solid #dadada;
     border-left: 0 solid #dadada;
}


.jetmenu > li > .megamenu {
	background-color: #e4e4e4;
     border-top: 0 solid #e4e4e4;
     border-right: 0 solid #dadada;
     border-bottom: 0 solid #dadada;
     border-left: 0 solid #dadada; 
	font-family: "industry",sans-serif; 
	color: #1e1e1e;
     margin-top: 9px;
}

.jetmenu  > li.showhide span.title, 
.jetmenu1 > li.showhide span.title,
.jetmenu2 > li.showhide span.title {
     font-size: 22px;
     font-family: 'vito_condensedbold';
}
     
@media only screen and (max-width:1200px) { 
     .jetmenu, .globalMenu {top:15px;}
     .jetmenu > li > a, .globalMenu > li > a {padding: 15px 9px;}
     .jetmenu > li > .megamenu { margin-top: 2px;}      
}  


@media only screen and (max-width: 992px) {
     
     .jetmenu, .globalMenu {top:18px;}
     .jetmenu > li > a, .globalMenu > li > a {font-size: 24px; padding: 15px 7px;}
     .jetmenu > li > .megamenu { margin-top: -1px;}   
     
     #jetmenu, 
     #jetmenu1, 
     #jetmenu2,
     #globalMenu {
          margin-left: 0;
          margin-right: 0;
     }
     
     #jetmenu,  #globalMenu {
          top: 36px    
     }

     #jetmenu1 {
          top:100px;    
     }
     
     #jetmenu2 {
          top:45px;    
     }
     
     .jetmenu2 li a {
          font-family: 'vito_condensedbold';
          font-weight:bold;
          font-size: 1.25em;
     }
     
     .jetmenu2 li li a {
          font-weight:normal;
          font-size: 1em;
     }
     
     .globalNav .jetmenu1 {
          background-color:#e4e4e4;
     }

     .jetmenu1 > li {
          border: 1px solid #dadada;
     }
     
     .jetmenu1 > li > a, .jetmenu1 > li > a:hover, .jetmenu1 > li > a:active {
          border:none;
     }
     
     .jetmenu1 > li > a:hover {
          background-color:#dadada;
     }
     
     .jetmenu1 > li.showhide, .jetmenu2 > li.showhide {
          font-size:1.15em;
          color:#ffffff;
          background-color:#037598;
          border: 1px solid #037598;
     }
     
     .jetmenu2 > li.showhide {
          background-color:#6b6b6b;
          border: 1px solid #6b6b6b;
          margin-top:30px;
     }
}

@media only screen and (max-width : 750px) {
     #globalMenu {top: 15px;}
     .globalMenu > li > a {font-size: 21px; padding: 15px 4px 0 4px;}
}

.subNav {
   font-family: "industry",sans-serif;
   font-size: 27px;
}

@media only screen and (max-width : 1200px) {
     .subNav {font-size: 24px;}
}

@media only screen and (max-width : 992px) {
     .subNav {font-size: 27px;}
}

.subNav a {
     text-decoration:none;
}

.subNav p { 
   font-family: 'vito_compressedregular';
   margin-left:15px;
   font-size: 21px;
}

@media only screen and (max-width : 1200px) {
     .subNav p {font-size: 18px;}
}

.subNav h6 {
     color:#6b6b6b; 
     font-family: 'vito_compressedbold';
     font-size: 30px;
     text-transform:uppercase;
     margin: 15px 0 !important;
     padding: 0 !important;
     border: 0;
     text-align:left;
     width: 100%;
}

@media only screen and (max-width : 1200px) {
     .subNav h6 {font-size: 27px;}
}

@media only screen and (max-width : 992px) {
     .subNav h6 {font-size: 30px;}
}

.subNav h6 a {
     color:#6b6b6b;
}

.subNav h6 a:hover {
     color:#a71000;
}


.subNav ul {
     font-size: 16px;
     margin: 15px 0;
     padding: 0;
     color: #037597;
     } 
     
@media only screen and (max-width : 1200px) {
     .subNav ul {font-size: 16px;}
}

@media only screen and (max-width : 992px) {
     .subNav ul {font-size: 18px;}
}

.subNav li {
     list-style-type:square !important;
     padding: 0;
     margin: 0 0 15px 15px;  
}

.subNav .col-sm-6 {
     min-height:275px;
}

.subNav .buttonRed {width:81% !important;}


.subNav span {
     font-size: 17px;
     display:block;
     background-image:url(/global/images/6nwc/li_square_blue-sm.png);
     background-repeat:no-repeat;
     padding: 0 0 0 24px;
     margin: 0 0 10px 0;
}

@media only screen and (max-width : 1200px) {
     .subNav span{ 
          font-size: 14px;
     }   
}


.subNavFeature, .subNavFeature2 { 
     font-size: 24px;
     font-family: 'vito_compressedregular';
     margin: 45px 0 15px 0;
     padding: 0 0 9px 0;
     white-space:nowrap;
}

@media only screen and (max-width : 1200px) {
     .subNavFeature, .subNavFeature2 { 
          font-size: 21px;
     }   
}



.subNavFeature a:link {display:inline-block; padding:0 0 15px 0 !important;}
.subNavFeature2 a:link {display:inline-block; padding:0 0 9px 0 !important;}

@media only screen and (max-width : 1200px) {
     .subNavFeature a:link {display:inline-block; padding:0 0 9px 0;}
}

@media only screen and (max-width : 992px) {
     .subNavFeature a:link {display:inline-block; padding:0 0 0 0;}
}


#contentSubNav-aboutUs,
#contentSubNav-academics,
#contentSubNav-admissions,
#contentSubNav-campusLife,
#contentSubNav-services,
#contentSubNav-athletics {
	display:none;
	position:relative;
	z-index:999999999;
}

.globalNavDrop {
	background-color:#ececec;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	min-height: 300px;
	padding:30px 0 0 0;
}

/*** FIX THE ANNOYING GAP *****/

.fixFor783to768 {display:none;}

@media (min-width: 768px) and (max-width: 783px)  {

     .fixFor783to768 {display:inherit;}
     
     .fixFor783to768Nav ul {
          font-family: 'vito_compressedregular';
          font-size: 33px;
          color:#037598;
          margin: 0 5%;
          padding:0;
     }

     .fixFor783to768Nav li {
          list-style-type:none;
          float: left;
          padding: 15px 8px;
          margin: 0;
     }
     
     .fixFor783to768Nav li a {
          text-decoration:none;
     }

     .headerLogoBox {
          width: 190px !important; 
          height: 102px !important; 
          margin-top: -30px !important;
          border-top: 1px solid #dadada;
          border-bottom: 1px solid #dadada;
          }
          
     .tagline {font-size:18px !important;}     
           
     .globalNav {display:none;}
     
     header {margin-bottom: 15px !important;}
}



/****** Section Navigation ******/

.sectionNav, .jetmenu2 {
  width: 100%;
  font-size:1em;
  margin:  0 0 30px 0;
  padding: 0;
  }

.sectionNav ul, .jetmenu2 ul {
     margin: 0;
     padding: 0;
}

.sectionNav a {
     -o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	outline: none;
     }
     
.sectionNav li, .jetmenu2 li {
     font-family: 'vito_condensedbold';
     margin: 0 0 5px 0;
     padding: 0;
     list-style:none;
     background-color:#ffffff;
     border: 1px solid #dadada;
}

.sectionNav li a, .jetmenu2 li a {
     color: #6b6b6b;
     text-decoration: none;
     padding: 7px 15px;
     margin: 0;
     display: block;
}

.sectionNav li.active, .sectionNav li a:hover,
.jetmenu2 li.active, .jetmenu2 li a:hover {
     background-color: #dadada;
}

.sectionNav li li, .jetmenu2 li li {
     font-size:.9em;
     font-family: 'vito_condensedregular';
     padding: 0 0 3px 0;
     margin: 0;
     border:none;
}

.sectionNav li li:first-child, .jetmenu2 li li:first-child {
     padding-top: 15px;
}

.sectionNav li li:last-child, .jetmenu2 li li:last-child {
     padding-bottom: 15px;
}

.jetmenu2 li li {
     float: none !important;
     display:block;     
}

.sectionNav li li a, .jetmenu2 li li a {
     margin-left: 30px;
     padding-left: 15px;
     padding-bottom:0;
}

.sectionNav li li :before,
.jetmenu2 li li :before {
     color: #6b6b6b;
     content: "\f0da"; /* FontAwesome Unicode */
     font-family: FontAwesome;
     font-size: .85em;
     font-weight:normal;
     display: inline-block;
     margin-left: -15px; /* same as padding-left set on li */
     width: 15px; /* same as padding-left set on li */
}

.sectionNav li li a, .sectionNav li li a:link,
.jetmenu2 li li a, .jetmenu2 li li a:link {
     color:#6b6b6b;
}

.sectionNav li li a:active, .jetmenu2 li li a:active {
     font-weight: bold;     
     color: #a71000;
     background-color: transparent !important;
}

.sectionNav li li a:hover, .jetmenu2 li li a:hover  {
     color:#a71000;
     background-color:transparent !important;
}


/*** Header Logo Box ***/
.headerLogoBox {
     background-color:#ffffff;
     width: 270px; 
     height: 145px;
     border-right: 15px solid #dadada; 
     border-left: 15px solid #dadada; 
     border-bottom: 1px solid #dadada;
     margin: -55px auto 0 auto;
     padding: 15px 0;
     z-index:9999;
}

@media only screen and (max-width:1200px) { 
     .headerLogoBox {margin-top: -64px;}
  }

@media only screen and (max-width:992px) { 
     .headerLogoBox {width: 210px; height: 113px; margin-top: -20px; border-top:1px solid #dadada;}
  }
  
@media only screen and (max-width:768px) { 
     .headerLogoBox {width: 270px; height: 145px; margin-top:0; }
     .globalNav2 .headerLogoBox {width: 210px; height: 113px; margin-top: -20px; border-top:1px solid #dadada;}
  }
  

.headerLogoBox img {
     width:90%; 
     height:auto; 
     display:block;
     margin:0 auto;
     padding: 0 0 15px 0;
}

.tagline {
     font-family: "ff-market-web",cursive; 
     font-size:24px; 
     color:#bfbfbf; 
     text-align:center;
     }
     
@media only screen and (max-width:992px) { .tagline {font-size:18px;}}
@media only screen and (max-width:768px) { 
     .tagline {font-size:24px;} 
     .globalNav2 .tagline {font-size:18px;}

}




/****** Inside Page ******/

.crumbTrail {
     font-size:12px; 
     color:#bfbfbf;
     background-color::ffffff;
     margin-top:10px;
}

.crumbTrail a {
     color:#bfbfbf;
     text-decoration:none;
}

.crumbTrail a:hover {
     color:#6b6b6b;
}


.crumbTrail span {
     margin: 0 4px 0 0;
}

.crumbTrail  ul {
     margin: 0;
     padding: 0;
}

.crumbTrail li {
     list-style:none;
     display:inline-block;
     margin: 0 6px 0 0;
     padding: 0;
     float:left;
}

.crumbTrail li :before {
     content: "\f105\ "; /* FontAwesome Unicode */
     font-family: FontAwesome;
     font-weight:normal;
}

.crumbTrail li:nth-child(1) :before {
     display:none;
     }

@media only screen and (max-width:768px) { .crumbTrail {display:none; visibility:hidden;} } 

h2.sectionTitle  {
     font-family: 'vito_compressedblack' !important;
     font-size: 72px !important;
     color: #6b6b6b !important;
     margin: 20px 0 15px 0 !important;
     text-transform: uppercase !important;
}

@media only screen and (max-width:768px) { 
     h2.sectionTitle {
          font-size: 62px !important; 
          margin: 60px 0 0 0 !important;
     }
} 

@media only screen and (max-width:480px) { 
     h2.sectionTitle {
          font-size: 52px !important; 
          margin: 60px 0 0 0 !important;
     }
}

h3.sectionTitleSecondary {
     font-family: 'vito_compressedlight' !important;
     color: #909090 !important;
     font-size:45px !important;  
     margin: 0 !important;
     padding: 0 !important; 
}

.sectionTitle a {color:inherit; text-decoration: none;}
.sectionTitle a:hover {color:#909090;}

h3.pageTitle {
     font-family: 'vito_compressedlight' !important;
     color: #a71000 !important;
     font-size:60px !important;  
     margin: 0 !important;
     padding: 0 !important; 
     letter-spacing: -1px !important;     
}

@media only screen and (max-width:768px) { 
     h3.sectionTitleSecondary, h3.pageTitle  {
          font-size: 40px !important; margin-left:0 !important; margin-top:0 !important;
     }
     
      h3.pageTitle  {font-size: 52px !important;}
} 


/****** COLORS ******/

.white, .white a   {color:#ffffff !important;}
.white a:hover	   {color:#c0dce5 !important;}

.red,   .red a     {color:#a71000 !important;}
.red75, .red75 a    {color:#bd4c40 !important;}
.red50, .red50 a    {color:#d3877f !important;}
.red25, .red25 a	{color:#e9c3bf !important;}

.red a:hover	   {color:#6b6b6b !important;}
.red75 a:hover    {color:#909090 !important;}
.red50 a:hover    {color:#b5b5b5 !important;}
.red25 a:hover    {color:#dadada !important;}

.darkGray, .darkGray a {color:#545454 !important;}
.darkGray a:hover {color:#830d00 !important;}

.gray, .gray a	       {color:#6b6b6b !important;}
.gray75, .gray75 a    {color:#909090 !important;}
.gray50, .gray50 a    {color:#b5b5b5 !important;}
.gray25, .gray25 a    {color:#dadada !important;}

.gray a:hover	   {color:#a71000 !important;}
.gray75 a:hover    {color:#bd4c40 !important;}
.gray50 a:hover    {color:#d3877f !important;}
.gray25 a:hover    {color:#e9c3bf !important;}

.lightGray,   .lightGray a    {color:#bfbfbf !important;}
.lightGray75, .lightGray75 a  {color:#cfcfcf !important;}
.lightGray50, .lightGray50 a  {color:#dfdfdf !important;}
.lightGray25, .lightGray25 a  {color:#e4e4e4 !important;}

.lightGray a:hover	   {color:#a71000 !important;}
.lightGray75 a:hover    {color:#bd4c40 !important;}
.lightGray50 a:hover    {color:#d3877f !important;}
.lightGray25 a:hover    {color:#dadada !e9c3bf;}

.blue,   .blue a	{color:#037598 !important;}
.blue75, .blue75 a	{color:#4298b2 !important;}
.blue50, .blue50 a  {color:#81bacb !important;}
.blue25, .blue25 a  {color:#c0dce5 !important;}

.blue a:hover	   {color:#a71000 !important;}
.blue75 a:hover    {color:#bd4c40 !important;}
.blue50 a:hover    {color:#d3877f !important;}
.blue25 a:hover    {color:#e9c3bf !important;}

.brown,   .brown a	  {color:#9a7a4e !important;}
.brown75, .brown75 a  {color:#b39b7a !important;}
.brown50, .brown50 a  {color:#ccbca6 !important;}
.brown25, .brown25 a  {color:#e6ded3 !important;}

.brown a:hover	   {color:#037598 !important;}
.brown75 a:hover    {color:#4298b4 !important;}
.brown50 a:hover    {color:#81bacb !important;}
.brown25 a:hover    {color:#e9c3bf !important;}

.gold,   .gold a    {color:#e2cf36 !important;}
.gold75, .gold75 a	{color:#e9db68 !important;}
.gold50, .gold50 a	{color:#f0e79a !important;}
.gold25, .gold25 a	{color:#f8f3cd !important;}

.gold a:hover	   {color:#a71000 !important;}
.gold75 a:hover    {color:#bd4c40 !important;}
.gold50 a:hover    {color:#d3877f !important;}
.gold25 a:hover    {color:#e9c3bf !important;}

/****** BACKGROUND COLORS ******/

.whiteBG {background-color:#ffffff !important;}

.redBG	{background-color:#a71000 !important;}
.red75BG	{background-color:#bd4c40 !important;}
.red50BG	{background-color:#d3877f !important;}
.red25BG	{background-color:#e9c3bf !important;}

.darkGrayBG    {background-color:#545454 !important;}

.grayBG    {background-color:#6b6b6b !important;}
.gray75BG	{background-color:#909090 !important;}
.gray50BG	{background-color:#b5b5b5 !important;}
.gray25BG	{background-color:#dadada !important;}

.lightGrayBG	{background-color:#bfbfbf !important;}
.lightGray75BG	{background-color:#cfcfcf !important;}
.lightGray50BG	{background-color:#dfdfdf !important;}
.lightGray25BG	{background-color:#e4e4e4 !important;}

.blueBG	{background-color:#037598 !important;}
.blue75BG	{background-color:#4298b2 !important;}
.blue50BG	{background-color:#81bacb !important;}
.blue25BG	{background-color:#c0dce5 !important;}

.brownBG	 {background-color:#9a7a4e !important;}
.brown75BG {background-color:#b39b7a !important;}
.brown50BG {background-color:#ccbca6 !important;}
.brown25BG {background-color:#e6ded3 !important;}

.goldBG	{background-color:#e2cf36 !important;}
.gold75BG	{background-color:#e9db68 !important;}
.gold50BG	{background-color:#f0e79a !important;}
.gold25BG	{background-color:#f8f3cd !important;}


/****** BUTTONS ******/

.buttonRed, .buttonDarkGray, .buttonGray, 
.buttonLightGray, .buttonBlue, .buttonBrown, 
.buttonGold, .buttonBlue50 {
     font-family: 'vito_condensedbold';
     font-size: 24px;
     text-align:center;
     width: fit-content !important;
     padding: 15px;
     margin:15px auto;
    /* white-space:nowrap; */
}

.buttonRed {
     border: 2px solid #a71000;
}

.buttonDarkGray {
     border: 2px solid #545454;
}

.buttonGray {
     border: 2px solid #6b6b6b;
}

.buttonLightGray {
     border: 2px solid #bfbfbf;
}

.buttonBlue {
     border: 2px solid #037598;
}

.buttonBlue50 {
     border: 2px solid #81bacb;
}

.buttonBrown {
     border: 2px solid #9a7a4e;
}

.buttonGold {
     border: 2px solid #e2cf36;
}

.buttonRed a, .buttonDarkGray a, .buttonGray a, 
.buttonLightGray a, .buttonBlue a, .buttonBrown a, 
.buttonGold a, .buttonBlue50 a {
     text-decoration:none;
}

.buttonRed a, .buttonRed a:link, .buttonRed a:visited {
     color:#a71000;
}

.buttonDarkGray a, .buttonDarkGray a:link, .buttonDarkGray a:visited {
     color:#545454;
}

.buttonGray a, .buttonGray a:link, .buttonGray a:visited {
     color:#6b6b6b;
}

.buttonLightGray a, .buttonLightGray a:link, .buttonLightGray a:visited {
     color:#bfbfbf;
}

.buttonBlue a, .buttonBlue a:link, .buttonBlue a:visited {
     color:#037598;
}


.buttonBlue50 a, .buttonBlue50 a:link, .buttonBlue50 a:visited  {
     color:#81bacb;
}

.buttonBrown a, .buttonBrown a:link, .buttonBrown a:visited {
     color:#9a7a4e;
}

.buttonGold a, .buttonGold a:link, .buttonGold a:visited {
     color:#e2cf36;
}

.buttonRed a:hover {
     color: #e2cf36;
}

.buttonDarkGray a:hover {
     color: #e2cf36;
}

.buttonGray a:hover {
     color: #e2cf36;
}

.buttonLightGray a:hover {
     color: #e2cf36;
}

.buttonBlue a:hover {
     color: #e2cf36;
}

.buttonBlue50 a:hover {
     color: #e2cf36;
}

.buttonBrown a:hover {
     color: #e2cf36;
}

.buttonGold a:hover {
     color: #e2cf36;
}

/*
.col-sm-12 .buttonRed,
.col-sm-12 .buttonDarkGray,  
.col-sm-12 .buttonGray,
.col-sm-12 .buttonLightGray,
.col-sm-12 .buttonBlue,
.col-sm-12 .buttonBlue50, 
.col-sm-12 .buttonBrown,
.col-sm-12 .buttonGold,
.col-sm-11 .buttonRed,
.col-sm-11 .buttonDarkGray,  
.col-sm-11 .buttonGray,
.col-sm-11 .buttonLightGray,
.col-sm-11 .buttonBlue,
.col-sm-11 .buttonBrown,
.col-sm-11 .buttonGold,
.col-sm-10 .buttonRed,
.col-sm-10 .buttonDarkGray,  
.col-sm-10 .buttonGray,
.col-sm-10 .buttonLightGray,
.col-sm-10 .buttonBlue,
.col-sm-10 .buttonBrown,
.col-sm-10 .buttonGold,
.col-sm-9 .buttonRed,
.col-sm-9 .buttonDarkGray,  
.col-sm-9 .buttonGray,
.col-sm-9 .buttonLightGray,
.col-sm-9 .buttonBlue,
.col-sm-9 .buttonBrown,
.col-sm-9 .buttonGold {width:36%; margin:15px auto;}
    
.col-sm-8 .buttonRed,
.col-sm-8 .buttonDarkGray,  
.col-sm-8 .buttonGray,
.col-sm-8 .buttonLightGray,
.col-sm-8 .buttonBlue,
.col-sm-8 .buttonBlue50, 
.col-sm-8 .buttonBrown,
.col-sm-8 .buttonGold,
.col-sm-7 .buttonRed,
.col-sm-7 .buttonDarkGray,  
.col-sm-7 .buttonGray,
.col-sm-7 .buttonLightGray,
.col-sm-7 .buttonBlue,
.col-sm-7 .buttonBlue50, 
.col-sm-7 .buttonBrown,
.col-sm-7 .buttonGold,
.col-sm-6 .buttonRed,
.col-sm-6 .buttonDarkGray,  
.col-sm-6 .buttonGray,
.col-sm-6 .buttonLightGray,
.col-sm-6 .buttonBlue,
.col-sm-6 .buttonBlue50, 
.col-sm-6 .buttonBrown,
.col-sm-6 .buttonGold,
.col-sm-5 .buttonRed,
.col-sm-5 .buttonDarkGray,  
.col-sm-5 .buttonGray,
.col-sm-5 .buttonLightGray,
.col-sm-5 .buttonBlue,
.col-sm-5 .buttonBlue50, 
.col-sm-5 .buttonBrown,
.col-sm-5 .buttonGold,
.col-sm-4 .buttonRed,
.col-sm-4 .buttonDarkGray,  
.col-sm-4 .buttonGray,
.col-sm-4 .buttonLightGray,
.col-sm-4 .buttonBlue,
.col-sm-4 .buttonBlue50, 
.col-sm-4 .buttonBrown,
.col-sm-4 .buttonGold,
.col-sm-3 .buttonRed,
.col-sm-3 .buttonDarkGray,  
.col-sm-3 .buttonGray,
.col-sm-3 .buttonLightGray,
.col-sm-3 .buttonBlue,
.col-sm-3 .buttonBlue50, 
.col-sm-3 .buttonBrown,
.col-sm-3 .buttonGold,
.col-sm-2 .buttonRed,
.col-sm-2 .buttonDarkGray,  
.col-sm-2 .buttonGray,
.col-sm-2 .buttonLightGray,
.col-sm-2 .buttonBlue,
.col-sm-2 .buttonBlue50, 
.col-sm-2 .buttonBrown,
.col-sm-2 .buttonGold,
.col-sm-1 .buttonRed,
.col-sm-1 .buttonDarkGray,  
.col-sm-1 .buttonGray,
.col-sm-1 .buttonLightGray,
.col-sm-1 .buttonBlue,
.col-sm-1 .buttonBlue50, 
.col-sm-1 .buttonBrown,
.col-sm-1 .buttonGold {width:84%; margin:15px auto;}

@media only screen and (max-width:992px) { 
.buttonRed, .buttonDarkGray, .buttonGray, .buttonLightGray, 
.buttonBlue, .buttonBrown, .buttonGold, 
.col-sm-12 .buttonRed,
.col-sm-12 .buttonDarkGray,  
.col-sm-12 .buttonGray,
.col-sm-12 .buttonLightGray,
.col-sm-12 .buttonBlue,
.col-sm-12 .buttonBlue50, 
.col-sm-12 .buttonBrown,
.col-sm-12 .buttonGold,
.col-sm-11 .buttonRed,
.col-sm-11 .buttonDarkGray,  
.col-sm-11 .buttonGray,
.col-sm-11 .buttonLightGray,
.col-sm-11 .buttonBlue,
.col-sm-11 .buttonBlue50, 
.col-sm-11 .buttonBrown,
.col-sm-11 .buttonGold,
.col-sm-10 .buttonRed,
.col-sm-10 .buttonDarkGray,  
.col-sm-10 .buttonGray,
.col-sm-10 .buttonLightGray,
.col-sm-10 .buttonBlue,
.col-sm-10 .buttonBlue50, 
.col-sm-10 .buttonBrown,
.col-sm-10 .buttonGold,
.col-sm-9 .buttonRed,
.col-sm-9 .buttonDarkGray,  
.col-sm-9 .buttonGray,
.col-sm-9 .buttonLightGray,
.col-sm-9 .buttonBlue,
.col-sm-9 .buttonBlue50, 
.col-sm-9 .buttonBrown,
.col-sm-9 .buttonGold,
.col-sm-8 .buttonRed,
.col-sm-8 .buttonDarkGray,  
.col-sm-8 .buttonGray,
.col-sm-8 .buttonLightGray,
.col-sm-8 .buttonBlue,
.col-sm-8 .buttonBlue50, 
.col-sm-8 .buttonBrown,
.col-sm-8 .buttonGold,
.col-sm-7 .buttonRed,
.col-sm-7 .buttonDarkGray,  
.col-sm-7 .buttonGray,
.col-sm-7 .buttonLightGray,
.col-sm-7 .buttonBlue,
.col-sm-7 .buttonBlue50, 
.col-sm-7 .buttonBrown,
.col-sm-7 .buttonGold,
.col-sm-6 .buttonRed,
.col-sm-6 .buttonDarkGray,  
.col-sm-6 .buttonGray,
.col-sm-6 .buttonLightGray,
.col-sm-6 .buttonBlue,
.col-sm-6 .buttonBlue50, 
.col-sm-6 .buttonBrown,
.col-sm-6 .buttonGold,
.col-sm-5 .buttonRed,
.col-sm-5 .buttonDarkGray,  
.col-sm-5 .buttonGray,
.col-sm-5 .buttonLightGray,
.col-sm-5 .buttonBlue,
.col-sm-5 .buttonBlue50, 
.col-sm-5 .buttonBrown,
.col-sm-5 .buttonGold,
.col-sm-4 .buttonRed,
.col-sm-4 .buttonDarkGray,  
.col-sm-4 .buttonGray,
.col-sm-4 .buttonLightGray,
.col-sm-4 .buttonBlue,
.col-sm-4 .buttonBlue50, 
.col-sm-4 .buttonBrown,
.col-sm-4 .buttonGold,
.col-sm-3 .buttonRed,
.col-sm-3 .buttonDarkGray,  
.col-sm-3 .buttonGray,
.col-sm-3 .buttonLightGray,
.col-sm-3 .buttonBlue,
.col-sm-3 .buttonBlue50, 
.col-sm-3 .buttonBrown,
.col-sm-3 .buttonGold,
.col-sm-2 .buttonRed,
.col-sm-2 .buttonDarkGray,  
.col-sm-2 .buttonGray,
.col-sm-2 .buttonLightGray,
.col-sm-2 .buttonBlue,
.col-sm-2 .buttonBlue50, 
.col-sm-2 .buttonBrown,
.col-sm-2 .buttonGold,
.col-sm-1 .buttonRed,
.col-sm-1 .buttonDarkGray,  
.col-sm-1 .buttonGray,
.col-sm-1 .buttonLightGray,
.col-sm-1 .buttonBlue,
.col-sm-1 .buttonBlue50, 
.col-sm-1 .buttonBrown,
.col-sm-1 .buttonGold
     {font-size: 1.15em; width:96%;}

}

@media only screen and (max-width:768px) { 
.buttonRed, .buttonDarkGray, .buttonGray, .buttonLightGray, 
.buttonBlue, .buttonBrown, .buttonGold, 
.col-sm-12 .buttonRed,
.col-sm-12 .buttonDarkGray,  
.col-sm-12 .buttonGray,
.col-sm-12 .buttonLightGray,
.col-sm-12 .buttonBlue,
.col-sm-12 .buttonBlue50, 
.col-sm-12 .buttonBrown,
.col-sm-12 .buttonGold,
.col-sm-11 .buttonRed,
.col-sm-11 .buttonDarkGray,  
.col-sm-11 .buttonGray,
.col-sm-11 .buttonLightGray,
.col-sm-11 .buttonBlue,
.col-sm-11 .buttonBlue50, 
.col-sm-11 .buttonBrown,
.col-sm-11 .buttonGold,
.col-sm-10 .buttonRed,
.col-sm-10 .buttonDarkGray,  
.col-sm-10 .buttonGray,
.col-sm-10 .buttonLightGray,
.col-sm-10 .buttonBlue,
.col-sm-10 .buttonBlue50, 
.col-sm-10 .buttonBrown,
.col-sm-10 .buttonGold,
.col-sm-9 .buttonRed,
.col-sm-9 .buttonDarkGray,  
.col-sm-9 .buttonGray,
.col-sm-9 .buttonLightGray,
.col-sm-9 .buttonBlue,
.col-sm-9 .buttonBlue50, 
.col-sm-9 .buttonBrown,
.col-sm-9 .buttonGold,
.col-sm-8 .buttonRed,
.col-sm-8 .buttonDarkGray,  
.col-sm-8 .buttonGray,
.col-sm-8 .buttonLightGray,
.col-sm-8 .buttonBlue,
.col-sm-8 .buttonBlue50, 
.col-sm-8 .buttonBrown,
.col-sm-8 .buttonGold,
.col-sm-7 .buttonRed,
.col-sm-7 .buttonDarkGray,  
.col-sm-7 .buttonGray,
.col-sm-7 .buttonLightGray,
.col-sm-7 .buttonBlue,
.col-sm-7 .buttonBlue50, 
.col-sm-7 .buttonBrown,
.col-sm-7 .buttonGold,
.col-sm-6 .buttonRed,
.col-sm-6 .buttonDarkGray,  
.col-sm-6 .buttonGray,
.col-sm-6 .buttonLightGray,
.col-sm-6 .buttonBlue,
.col-sm-6 .buttonBlue50, 
.col-sm-6 .buttonBrown,
.col-sm-6 .buttonGold,
.col-sm-5 .buttonRed,
.col-sm-5 .buttonDarkGray,  
.col-sm-5 .buttonGray,
.col-sm-5 .buttonLightGray,
.col-sm-5 .buttonBlue,
.col-sm-5 .buttonBlue50, 
.col-sm-5 .buttonBrown,
.col-sm-5 .buttonGold,
.col-sm-4 .buttonRed,
.col-sm-4 .buttonDarkGray,  
.col-sm-4 .buttonGray,
.col-sm-4 .buttonLightGray,
.col-sm-4 .buttonBlue,
.col-sm-4 .buttonBlue50, 
.col-sm-4 .buttonBrown,
.col-sm-4 .buttonGold,
.col-sm-3 .buttonRed,
.col-sm-3 .buttonDarkGray,  
.col-sm-3 .buttonGray,
.col-sm-3 .buttonLightGray,
.col-sm-3 .buttonBlue,
.col-sm-3 .buttonBlue50, 
.col-sm-3 .buttonBrown,
.col-sm-3 .buttonGold,
.col-sm-2 .buttonRed,
.col-sm-2 .buttonDarkGray,  
.col-sm-2 .buttonGray,
.col-sm-2 .buttonLightGray,
.col-sm-2 .buttonBlue,
.col-sm-2 .buttonBlue50, 
.col-sm-2 .buttonBrown,
.col-sm-2 .buttonGold,
.col-sm-1 .buttonRed,
.col-sm-1 .buttonDarkGray,  
.col-sm-1 .buttonGray,
.col-sm-1 .buttonLightGray,
.col-sm-1 .buttonBlue,
.col-sm-1 .buttonBlue50, 
.col-sm-1 .buttonBrown,
.col-sm-1 .buttonGold
     {font-size: 1em; width:96%;}

}    
@media only screen and (max-width:640px) { 
.buttonRed, .buttonDarkGray, .buttonGray, .buttonLightGray, 
.buttonBlue, .buttonBrown, .buttonGold, 
.col-sm-12 .buttonRed,
.col-sm-12 .buttonDarkGray,  
.col-sm-12 .buttonGray,
.col-sm-12 .buttonLightGray,
.col-sm-12 .buttonBlue,
.col-sm-12 .buttonBlue50, 
.col-sm-12 .buttonBrown,
.col-sm-12 .buttonGold,
.col-sm-11 .buttonRed,
.col-sm-11 .buttonDarkGray,  
.col-sm-11 .buttonGray,
.col-sm-11 .buttonLightGray,
.col-sm-11 .buttonBlue,
.col-sm-11 .buttonBlue50, 
.col-sm-11 .buttonBrown,
.col-sm-11 .buttonGold,
.col-sm-10 .buttonRed,
.col-sm-10 .buttonDarkGray,  
.col-sm-10 .buttonGray,
.col-sm-10 .buttonLightGray,
.col-sm-10 .buttonBlue,
.col-sm-10 .buttonBlue50, 
.col-sm-10 .buttonBrown,
.col-sm-10 .buttonGold,
.col-sm-9 .buttonRed,
.col-sm-9 .buttonDarkGray,  
.col-sm-9 .buttonGray,
.col-sm-9 .buttonLightGray,
.col-sm-9 .buttonBlue,
.col-sm-9 .buttonBlue50, 
.col-sm-9 .buttonBrown,
.col-sm-9 .buttonGold,
.col-sm-8 .buttonRed,
.col-sm-8 .buttonDarkGray,  
.col-sm-8 .buttonGray,
.col-sm-8 .buttonLightGray,
.col-sm-8 .buttonBlue,
.col-sm-8 .buttonBlue50, 
.col-sm-8 .buttonBrown,
.col-sm-8 .buttonGold,
.col-sm-7 .buttonRed,
.col-sm-7 .buttonDarkGray,  
.col-sm-7 .buttonGray,
.col-sm-7 .buttonLightGray,
.col-sm-7 .buttonBlue,
.col-sm-7 .buttonBlue50, 
.col-sm-7 .buttonBrown,
.col-sm-7 .buttonGold,
.col-sm-6 .buttonRed,
.col-sm-6 .buttonDarkGray,  
.col-sm-6 .buttonGray,
.col-sm-6 .buttonLightGray,
.col-sm-6 .buttonBlue,
.col-sm-6 .buttonBlue50, 
.col-sm-6 .buttonBrown,
.col-sm-6 .buttonGold,
.col-sm-5 .buttonRed,
.col-sm-5 .buttonDarkGray,  
.col-sm-5 .buttonGray,
.col-sm-5 .buttonLightGray,
.col-sm-5 .buttonBlue,
.col-sm-5 .buttonBlue50, 
.col-sm-5 .buttonBrown,
.col-sm-5 .buttonGold,
.col-sm-4 .buttonRed,
.col-sm-4 .buttonDarkGray,  
.col-sm-4 .buttonGray,
.col-sm-4 .buttonLightGray,
.col-sm-4 .buttonBlue,
.col-sm-4 .buttonBlue50, 
.col-sm-4 .buttonBrown,
.col-sm-4 .buttonGold,
.col-sm-3 .buttonRed,
.col-sm-3 .buttonDarkGray,  
.col-sm-3 .buttonGray,
.col-sm-3 .buttonLightGray,
.col-sm-3 .buttonBlue,
.col-sm-3 .buttonBlue50, 
.col-sm-3 .buttonBrown,
.col-sm-3 .buttonGold,
.col-sm-2 .buttonRed,
.col-sm-2 .buttonDarkGray,  
.col-sm-2 .buttonGray,
.col-sm-2 .buttonLightGray,
.col-sm-2 .buttonBlue,
.col-sm-2 .buttonBlue50, 
.col-sm-2 .buttonBrown,
.col-sm-2 .buttonGold,
.col-sm-1 .buttonRed,
.col-sm-1 .buttonDarkGray,  
.col-sm-1 .buttonGray,
.col-sm-1 .buttonLightGray,
.col-sm-1 .buttonBlue,
.col-sm-1 .buttonBlue50, 
.col-sm-1 .buttonBrown,
.col-sm-1 .buttonGold
     {width:96%;}

} */


.buttonSmall {
     font-size: 14px;
     text-align:center;
     padding: 7px;
     margin:0 5px 0 0!important;
	width:45% !important;
	display: inline-block;
	white-space: nowrap;
}

.spacer {height:30px;}

.pdfList ul {
     font-size:1em;
     margin: 3% 12%;
     padding: 0;
}

.pdfList li {
     list-style-image:url(/global/images/icon_adobe_reader.gif);
     padding: .75%;
     margin: 0 0 0 6%;
}

.video-container {
    position: relative;
    margin: 30px;
    padding-bottom: 76.25%;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.genericBox {
     border-top:1px solid #dadada;
     border-bottom:1px solid #dadada;
     border-right: 15px solid #dadada;
     border-left: 15px solid #dadada;
     background-color:#ffffff;
     padding:30px;
     margin:15px 0;
     font-size: 18px;
}

.genericBox h1, .genericBox h2, .genericBox h3 {
    font-family: 'vito_compressedbold' !important;
     color:#037598 !important;
     font-size: 30px !important;
     text-transform:uppercase !important;
     margin: 0 !important;
     padding: 0 !important;
}

.genericBox a  {
     color:#037598;
}

.genericBox a:hover  {
     color:#a71000;
}

.genericBox ul li {
     list-style-image:url(/global/images/6nwc/li_arrow_red.png);
}


.sliderContainer {
    visibility: hidden; 
    position: relative; 
    margin: 0 auto; 
    width: 750px; 
    height: 500px; 
    overflow: hidden; 
}

.slides {
     cursor: move; 
     position: absolute; 
     left: 0px; 
     top: 0px; 
     width: 100%;
     height: 530px; 
     overflow: hidden;
}

.slides img {
     height: 500px; 
     overflow: hidden;
}

/*** OLD ATHLETICS SLIDES ***/

.rslides_container {
     width: 100%;
     height: 500px;
     overflow:hidden;
     margin-bottom: 15px !important;
}

.floatBoxRight {
  width:40%;
  padding: 15px;
  float: right;
  margin-left:15px;
}


.floatBoxRight img {
  width: 100%;
  }
  
.floatBoxRight ul li {
  margin: 0 0 0 6px;
  padding:0;
}

@media only screen and (max-width:640px) { 
     .floatBoxRight {float:none: width: 100%;}
}


@media only screen and (max-width:640px) { 
     .rslides_container {height:inherit; overflow:visible;}
}

/****** TABLES 

Table A collapses table cells in smaller screen sizes

Table B retains tables cells the same in smaller screen sizes

Table C has no visible style (has similar spacing)

Table D has no visible style (has smaller spacing)

******/

.tableA table, 
.tableB table, 
.stripedTables table,
.stripedTables2 table,
.teamSchedule table,
.prettyTable table,
.tuitionFeesTable table,
.scholGrid table {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  border-right: 15px solid #dadada;
  border-left: 15px solid #dadada;
  }
  
.tableC, .tableD {
     width: 100%;
     margin: 0 0 15px 0;
     padding: 0;   
     border:0 !important;
}


 
.tableA h1, .tableA h2, .tableA h3, .tableA h4, .tableA h5,
.tableB h1, .tableB h2, .tableB h3, .tableB h4, .tableB h5,
.tableC h1, .tableC h2, .tableC h3, .tableC h4, .tableC h5,
.tableD h1, .tableD h2, .tableD h3, .tableD h4, .tableD h5,
.stripedTables h1, .stripedTables h2, .stripedTables h3, .stripedTables h4, .stripedTables h5,
.stripedTables2 h1, .stripedTables2 h2, .stripedTables2 h3, .stripedTables2 h4, .stripedTables2 h5,
.teamSchedule h1, .teamSchedule h2, .teamSchedule h3, .teamSchedule h4, .teamSchedule h5,
.prettyTable h1, .prettyTable h2, .prettyTable h3, .prettyTable h4, .prettyTable h5,
.tuitionFeesTable h1, .tuitionFeesTable h2, .tuitionFeesTable h3, .tuitionFeesTable h4, .tuitionFeesTable h5,
.scholGrid h1, .scholGrid h2, .scholGrid h3, .scholGrid h4, .scholGrid h5  {
     font-family: 'vito_compressedbold' !important;
     text-transform:inherit !important;
     margin: 0 !important;
     padding: 0 !important;
     font-weight:normal !important;
}

.tableA h3,
.tableB h3,
.tableC h3,
.tableD h3 {
     color: #6b6b6b;
     font-size:2.5em !important;
}

.tableA h4,
.tableB h4,
.tableC h4,
.tableD h4 {
     font-size:2.25em !important;
}

.tableA h5,
.tableB h5,
.tableC h5,
.tableD h5,
.stripedTables h5,
.stripedTables2 h5,
.teamSchedule h5,
.prettyTable h5,
.tuitionFeesTable h5,
.scholGrid h5 {
	font-size: 2em !important;
}

.tableA h1, .tableB h1, .tableC h1, .tableD h1, .stripedTables h1, .stripedTables2 h1 
.teamSchedule h1, .prettyTable h1, .tuitionFeesTable h1, .scholGrid h1 {
     font-size: 42px;
}

.tableA h2, .tableB h2, .tableC h2, .tableD h2, .stripedTables h2, .stripedTables2 h2 
.teamSchedule h2, .prettyTable h2, .tuitionFeesTable h2, .scholGrid h2 {
     font-size: 36px;
}

.tableA h3, .tableB h3, .tableC h3, .tableD h3, .stripedTables h3, .stripedTables2 h3 
.teamSchedule h3, .prettyTable h3, .tuitionFeesTable h3, .scholGrid h3 {
     font-size: 30px;
}

.tableA h4, .tableB h4, .tableC h4, .tableD h4, .stripedTables h4, .stripedTables2 h4 
.teamSchedule h4, .prettyTable h4, .tuitionFeesTable h4, .scholGrid h4 {
     font-size: 24px;
}

.tableA h5, .tableB h5, .tableC h5, .tableD h5, .stripedTables h5, .stripedTables2 h5 
.teamSchedule h5, .prettyTable h5, .tuitionFeesTable h5, .scholGrid h5 {
     font-size: 18px;
}

.tableA tr,
.tableB tr,
.tableC tr,
.tableD tr,
.stripedTables tr,
.stripedTables2 tr,
.teamSchedule tr,
.prettyTable tr,
.tuitionFeesTable tr,
.scholGrid tr { 
     font-size: 1.15em;
     width: 100% !important;
}

.tableD tr {
	font-size: 1em;
     }
 
.tableA th,
.tableB th,
.stripedTables th, 
.stripedTables2 th, 
.teamSchedule th,
.prettyTable th,
.tuitionFeesTable th,
.scholGrid th { 
  font-size: 1em;
  padding: 15px;
  margin: 0;
  border: 1px solid #dadada;
}

.tableC th, .tableD th { 
  padding: 7px 15px;
  border: 0 !important;
}

.tableD th { 
  padding: 3px 7px;
}

.tableA th a,
.tableB th a,
.tableC th a,
.tableD th a,
.stripedTables th a, 
.stripedTables2 th a, 
.teamSchedule th a,
.prettyTable th a
.tuitionFeesTable th a,
.scholGrid th a {
     color:037598; 
     margin: 0;
}

.tableA th a:hover,
.tableB th a:hover,
.tableC th a:hover,
.tableD th a:hover,
.stripedTables th a:hover, 
.stripedTables2 th a:hover, 
.teamSchedule th a:hover,
.prettyTable th a:hover
.tuitionFeesTable th a:hover,
.scholGrid th a:hover {
     color:#a71000; 
     margin: 0;
}
  
.tableA td,
.tableB td, 
.stripedTables td,
.stripedTables2 td,
.teamSchedule td,
.prettyTable td,
.tuitionFeesTable td,
.scholGrid td {
     border: 1px solid #dadada;
     padding: 15px;
     font-size:.8em;
  }
  
.tableC td, .tableD td {
     padding: 7px 15px;
	font-size:.8em; 
	border: 0 !important;      
}


@media only screen and (max-width:992px) { 
	.tableD tr {font-size: .8em;}
	.tableD td {padding: 7px 0;}
}


@media only screen and (max-width:640px) { 
     .tableA td, 
     .tableB td, 
     .tableC td,
	{padding:15px 0; font-size:.75em !important;}
 }
  
.tableA td:first-child,
.tableB td:first-child, 
.stripedTables td:first-child,
.stripedTables2 td:first-child,
.teamSchedule td:first-child,
.prettyTable td:first-child,
.tuitionFeesTable td:first-child,
.scholGrid td:first-child {
     background-color: #f5f5f5;
}
        
.scholGrid tr:nth-child(2) {
     background-color: #dadada;
}
     
.scholGrid tr:nth-child(2) td {
     background-color: #dadada;
     border-left: 1px solid #ffffff;
     border-right: 1px solid #ffffff;
}

.TDLeft {width: 70%;}
.TDRight {width: 30%; font-size: 1.15em !important;}

.TDRight  ul {
     margin: 0 0 0 15px !important;
     padding: 0;
}

.TDRight  li {
     height:auto;
     list-style:none;
     margin: 0 0 0 15px;
     padding: 0;
}

.TDRight li:before {
     color: #a71000;
     content: "\f061\ "; /* FontAwesome Unicode */
     font-family: FontAwesome;
     font-weight:normal;
     margin-left: -21px; /* same as padding-left set on li */
     width: 21px; /* same as padding-left set on li */
}

.TDRight li a :before {
     text-decoration:none;
}

@media only screen and (max-width:640px) { 
     .tableA td,
     .tableC td,
     .stripedTables td,
     .stripedTables2 td,
     .teamSchedule td,
     .prettyTable td,
     .tuitionFeesTable td,
     .scholGrid td,
     
     .tableA th,
     .tableC th,
     .stripedTables th,
     .stripedTables2 th,
     .teamSchedule th,
     .prettyTable th,
     .tuitionFeesTable th,
     .scholGrid th  {
  float:left; width:100%; clear:both; padding:right: 15px; padding-bottom:0; margin-bottom:0;
  border-right: 15px solid #dadada; border-bottom: 0; border-top: 0; text-align:left !important;} 

     .tableA tr,
     .tableB tr,
     .stripedTables tr,
     .stripedTables2 tr,
     .teamSchedule tr,
     .prettyTable tr,
     .tuitionFeesTable tr,
     .scholGrid tr  {border-bottom: 1px solid #dadada} 
     
     .tableC td, .tableC tr {
		margin-bottom:0;
		border: 0 !important;} 
}


@media only screen and (max-width : 480px) {
	.tableD, .tableD small {font-size: 1.15em;}
	.tableD tr {display:inline-block; margin-bottom: 15px;}
	.tableD th, .tableD td {float:left; width:100%; clear:both; padding:0; border:0; text-align:left !important;} 
	
	.tableD th:nth-child(1) {font-weight:bold;}
	.tableD th:nth-child(2) {font-weight:normal; font-style: italic}
	.tableD th:nth-child(3) {font-weight:normal;}
} 



.tableDontShowTD {display:!important;}
.tableShowTHinTD {display:none;}

@media only screen and (max-width:640px) { 
     .tableDontShowTD {display:none;}
     .tableShowTHinTD {display: inherit !important;} 
}
  
     /* NOT USED FOR STRIPED TABLES ET AL 
  
     .stripedTablesBG {}
     
     .stripedTables tr:nth-of-type(even),
     .stripedTables2 tr:nth-of-type(even),
     .teamSchedule tr:nth-of-type(even) {
     background-color:#e4e4e4;
     }
  
     */

.tuitionFeesTable h5 {
     font-size: 1.5em !important;
}

.tuitionFeesTableTD2, .tuitionFeesTableTD3, .tuitionFeesTableTD4 {
     text-align:right;     
}

.tuitionFeesTableTD1 {
     width:40%;
     font-weight: bold;
}

.tuitionFeesTableTD2 {
     width:25%;
}

.tuitionFeesTableTD3 {
     width:20%;
}

.tuitionFeesTableTD4 {
     width:15%;
}

@media only screen and (max-width:640px) { 
     .tuitionFeesTableTD1, .tuitionFeesTableTD2, .tuitionFeesTableTD3, .tuitionFeesTableTD4 {width:100% !important;}
}

@media only screen and (max-width:640px) { 
     .tuitionFeesTable h5 {font-size:2em;}
}


.tuitionFeesSubTotal h5 {color:#a71000 !important;}



/******* CLASS SCHEDULE TABLE ******/

.classScheduleSearch { }

.classScheduleSearch td:first-child {
     background-color:transparent;
}

@media only screen and (max-width : 1085px) {
     table.classScheduleSearch {
          border: 1px solid #dadada;
          padding: 30px;
     }

     .classScheduleSearch td {
          float:left;
          width: 30%;
          border: 0;
     }
}

@media only screen and (max-width : 768px) {
     .classScheduleSearch td {
          width: 100% !important;
     }
}

.classSchedule {font-size: 16px;}

.classSchedule .collapse {line-height: normal !important; height: auto}

.classSchedule h4 {font-size: 30px; margin-top:15px !important;}
     
.classSchedule td {padding: 6px; line-height: normal !important; min-height:0 !important;}

.classSchedule td:first-child {background-color: transparent;}

@media only screen and (max-width : 1025px) {
     .classSchedule td {padding: 3px;}
     .classSchedule {font-size: 14px;}
}

@media only screen and (max-width : 900px) {
     .classSchedule {font-size: 12px;}
}  

@media only screen and (max-width : 840px) {
     .classSchedule td {padding: 2px;}
     .classSchedule {font-size: 11px;}
}    

@media only screen and (max-width : 768px) {
     .classSchedule table {width:100%;}
     
     .classSchedule tr { 
          border-top: 1px solid #dadada;
     }
     
     .classSchedule tr:last-child { 
          border-bottom: 1px solid #dadada;
     }
     
     .classSchedule th {display:none;}
     
     .classSchedule td {
          font-size: 21px; 
          float:left;
          clear:both; 
          padding: 0 30px;
          margin:0;  
          border-top: 0;
          border-right: 0; 
          border-bottom: 0;
          border-left: 0; 
          text-align:left !important;
     } 
     
     .classSchedule td:first-child{
          padding-top: 30px;
     }
     
     .classSchedule td:last-child{
          padding-bottom: 30px;
     }
} 
     
@media only screen and (max-width : 640px) {
      .classSchedule td {
          font-size: 21px !important; 
     }    
}

@media only screen and (max-width : 480px) {
      .classSchedule td {
          font-size: 15px !important; 
          white-space:normal;
     }    
}

.closedCourse {
     color: #909090;
     background-color: #efefef;
}

.closedCourse a {
     color: #909090;
}
     
.closedCourseKey {
     padding: 6px;
     margin:0 0 15px 0;
     border:1px solid #dadada;
}

@media only screen and (max-width : 768px) {
     .closedCourseKey {
          font-size:1.75em;
     }     
}

/*** Overwrite isteven-multi-select.css ***/

.multiSelect > button, .classScheduleSearch select, .classScheduleSearch input {
    display: inline-block;
    position: relative;
    text-align: center;    
    cursor: pointer;
    border: 1px solid #dadada;    
    padding: 0 8px 1px 8px; 
    margin:0;   
    font-size: 16px;
    min-height : 38px !important;
    border-radius: 4px;
    color: #1e1e1e;   
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
    white-space:normal;
    background-color: #fff;
    background-image: none !important;      
}

.classScheduleSearch select, .classScheduleSearch input {
     height : 38px !important;
}

.classScheduleSearch input {
     font-size: 12px;
     color:#545454;
     font-weight:bold;
     border: 1px solid #b5b5b5;
}

.multiSelect > button:hover {    
    background-image: none;
    background-color:transparent;    
}

.multiSelect .multiSelectItem:not(.multiSelectGroup).selected,
.multiSelect .multiSelectItem:hover, 
.multiSelect .multiSelectGroup:hover {
    background-image: none !important; 
    background-color:#b5b5b5 !important;   
    color: #fff !important;    
    cursor: pointer;        
    border: 1px solid #dadada !important;
}

.multiSelect .multiSelectFocus {
     color:#1e1e1e !important;
     background-image: none !important; 
     background-color:#b5b5b5 !important; 
}

.multiSelect .buttonClicked,
.multiSelect .checkboxLayer,
.multiSelect .inputFilter, 
.multiSelect .clearButton:focus,
.multiSelect .helperButton:focus,
.multiSelect .inputFilter:focus {
    box-shadow:none;
}

.multiSelect .checkboxLayer {
    border: 1px solid rgba(218, 218, 218, 1);
    border-radius: 0;   
    min-width:0;  
}

.classSchedule .visible-xs {font-weight:bold; float:left; padding-right:6px;}

@media only print {

/*remove bootstrap css that puts URLS after links in print*/
a[href]:after {
    content:none !important;
  }

     
     .closedCourseKey {
          visibility:hidden; width:0; height:0;
     }
     
     .classSchedule th, .classSchedule td, .classScheduleSearch td {
          width:inherit;
          float:none;
          clear:none; 
          border: 1px solid #dadada;
     }
          
     table.classScheduleSearch { visibility:hidden; width:0; height:0;}
          
     a {text-decoration:none;} 
     
     .classSchedule .visible-xs {visibility:hidden; width:0; height:0;} 
}

/****** SECTION STUFF ******/

.sectionBotLeft, .sectionBotMiddle {
     float:left;
     width: 32%;
     padding:15px;
     margin: 0 15px 0 0;    
}

.sectionBotRight {
     float:left;
     width: 32%;
     padding:15px;
     margin: 0; 
}


.sectionBotLeft h6, .sectionBotMiddle h6, .sectionBotRight h6 {
     width: 100%;
     text-align:left;
     border:none;
     padding:0;
     margin:0;
     
     font-family: 'vito_compressedbold';
     font-size: 30px;
     color:#a71000;
     text-transform:uppercase;  
     margin: 0 0 15px 0;
     padding: 0; 
}

 .sectionBotLeft .fa-2x, .sectionBotMiddle .fa-2x, .sectionBotRight .fa-2x {
      font-size: 1.5em;
      margin: 0 3px 0 0;
 }
 
  .sectionBotLeft .fa-2x a, .sectionBotMiddle .fa-2x a, .sectionBotRight .fa-2x a {
      color:#1e1e1e;
 }
 
 @media only screen and (max-width:768px) {
      .sectionBotLeft, .sectionBotMiddle, .sectionBotRight {
  float:none;
  width: 100%;
      }
 }
 
/****** Event Box for Section Home Pages ******/


.datebox, .dateboxActiveData, .sectionFeatureBox {
     background-color: #c0dce5;
     min-height: 397px;
     padding: 30px;
     margin: 0 0 30px 0;
     font-size:.9em;
}

.datebox hr, .dateboxActiveData hr, .sectionFeatureBox hr {
  height: 1px;
  width: 96%;
  color: #81bacb;
  margin: 15px 0 7px 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #81bacb; 
}
 
.datebox h2, .dateboxActiveData h2, .sectionFeatureBox h2 {
     font-size: 36px !important;
     color:#ffffff !important;
     background-color: #037598 !important;
     padding: 15px 30px 15px 30px !important;
     margin: -30px -30px 0 -30px !important;
} 

.sectionFeatureBox h2 {
     margin-bottom:30px !important;
}


@media only screen and (min-width : 768px) {
     .datebox h2, .dateboxActiveData h2, .sectionFeatureBox h2 {font-size: 27px !important; }
}

.datebox h3, .dateboxActiveData h3, .sectionFeatureBox h3 {
     font-family: 'vito_compressedbold' !important;
     font-size: 30px !important;
     color: #545454 !important;
     padding: 0 15px 15px 0 !important;
     margin: 30px 0 0 0 !important;
} 

@media only screen and (min-width : 768px) {
     .datebox h3, .dateboxActiveData h3, .sectionFeatureBox h3 {
     font-size: 24px !important;
     padding: 0 7px 7px 0 !important;
     margin: 30px 0 0 0 !important;
} 

}

.datebox h3 a, .dateboxActiveData h3 a, .sectionFeatureBox h3 a {
     color:#545454;
     text-decoration: none;
}

.datebox h3 a:hover, .dateboxActiveData h3 a:hover, .sectionFeatureBox h3 a:hover {
     color: #a71000;
}
 
.dateBoxDates, .dateBoxDatesTwoDates, .dateBoxDatesThreeDates, .dateBoxDatesActiveData {
     float: left;
	background-color: #81bacb;
	text-align: center; 
	width: 50px; 
     padding: 0;  
     margin: -15px 15px 0 0;
}


.dateBoxDates, .dateBoxDatesActiveData {
	height: 94px;
     margin-top: 5px;
     margin-bottom: 115px;
}

.dateBoxDates {
     margin-top:30px !important;
}

.dateBoxDatesTwoDates {
	height: 213px;
     margin-top:20px !important;
}

.dateBoxDatesThreeDates {
	height: 322px;
     margin-top:20px !important;
}

.dateBoxDates h3, .dateBoxDatesTwoDates h3, .dateBoxDatesThreeDates h3,
.dateBoxDatesActiveData h3 {
     font-family: 'vito_compressedbold' !important;
	color:#FFFFFF !important;
	font-size: 24px !important;
	font-weight: bold !important;
	text-transform:uppercase !important;
	margin: 0 !important;
	padding: 15px 0 0 0 !important;
}

.dateBoxDatesTwoDates h3, .dateBoxDatesThreeDates h3 {
     border-top: 15px solid #c0dce5;
}

.dateBoxDates h4, .dateBoxDatesTwoDates h4, .dateBoxDatesThreeDates h4,
.dateBoxDatesActiveData h4 {
     font-family: 'vito_compressedbold';
	color:#FFFFFF;
	font-size: 33px;
	font-weight: bold;
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
}

.floatThirds {
  width:31%; 
  margin-right:15px;   
}

.floatThirdsEnd {
  width:31%;
}

@media only screen and (max-width:640px) { 
.floatThirds, .floatThirdsEnd
     {width: 100%; margin-top:15px;} 
}


/****** SECTION HOME ******/
#megamenu {z-index:9998;}

.sectionHomeContainer {margin-top:30px;}

@media only screen and (max-width:768px) { 
     .sectionHomeContainer {margin-top:-60px;}
}

.sectionHomeContainer h3 {
     position:relative; 
     margin-top:-15px; 
     margin-left:-15px; 
     top:0; 
     z-index:10;
}

@media only screen and (max-width:992px) { 
     .sectionHomeContainer h3 {
          font-size: 36px;
     }
}

@media only screen and (max-width:768px) { 
     .sectionHomeContainer h3 {
          font-size: 45px;
     }
}

.sectionHome ul, .sectionHome ol {
     margin-top: 15px !important;
}

ul.sectionHome ul,  ol.sectionHome ol {margin-top:0 !important;}

.sectionHome li {
     list-style-image:url(/global/images/6nwc/li_square_blue.png);
     margin: 15px 0 0 0;
     }
     
 .sectionHome ol li {
     list-style-image:none;
     margin: 15px 0 0 0;
     }

.sectionHome li a {
     font-size: 1.15em;
}

@media only screen and (max-width : 992px) {
	.sectionHome li a {
     	font-size: 1em;
	}
}

.sectionFeatureBox ul, .sectionFeatureBox ol {
     margin-top: 45px !important;
     }

.sectionFeatureBox ul li {
     list-style-image:url(/global/images/6nwc/li_square_blue.png);
     margin: 0 0 15px 0;
     padding-right:15px;
     }
 
    
 /*** 2 ***/
 
.sectionFeatureBox2 {
     min-height:391px;
     margin-top:-15px;
     }

.sectionFeatureBox2 div {
     padding: 15px;
}

@media only screen and (max-width:640px) { 
.sectionFeatureBox2 
{width: 100%;  height: auto; margin-top:15px;} 
}

.sectionFeatureBox2 p {
     padding: 0 15px;
     margin:0 0 15px 0;
     min-height:90px;
}
 
.sectionFeatureBox2 h2 {
     color:#a71000;
     font-size: 36px;
     padding:0;
} 

.sectionFeatureBox2 ul {
     margin-top: 15px;
     padding: 0 0 0 15px;
     }

.sectionFeatureBox2 ul li {
     list-style-image:url(/global/images/6nwc/li_square_red.png);
     margin: 0 0 15px 0;
     
     }


/****** TABBED BOX ******/

.etabs {
	margin: 0;
	padding: 0;
	}
     
.tab {
	display: inline-block;
	zoom:1;
	*display:inline;
	}
     
.tab a { 
	font-family: 'vito_compressedlight'; 
	font-size: 1.35em;
	display: block;
	padding: 8px 9px;
	outline: none;
     text-decoration:none;
     background-color:#ccbca6;
     color:#ffffff;
	}
         
.tab a:hover {
	color:#9a7a4e;
	}

.tab.active {
	padding-top: 2px;
	position: relative;
	}

.tab a.active {
     background-color:#e6ded3;
     color:#9a7a4e;
	}
     
@media only screen and (max-width : 768px) {
     .tab {width:90%;}
     .tab a {color:#ffffff; background-color:#ccbca6;}
     .tab a:hover {color:#9a7a4e;}
     .tab a.active {border-bottom: 2px solid #ffffff;}
}

.tab-container .panel-container {
     border: 15px solid #e6ded3;
	padding: 30px;
     margin-bottom: 30px;
     min-height: 351px;
	}

@media only screen and (max-width : 768px) {
     .tab-container {margin-top: 63px;}
}

.panel-container {
     font-family: "servus-slab",serif;
	font-size:1em;
	}
 
 .panel-container h3 { 
	font-family: 'vito_condensedbold' !important;
     font-size: 1.5em !important;
     color:#1e1e1e !important;
     margin:0 15px 15px 0 !important;
     z-index:0;
 }
 

.panel-container h4 {
     font-family: "ff-market-web" !important;
     font-size: 1.75em !important;
     text-transform:none !important;
     color:#a71000 !important;
 }


.panel-container h5 {
     font-family: 'vito_compressedlight' !important; 
     font-size: 1.75em !important;
     text-transform:capitalize !important;
     color:#6b6b6b !important;
 }
 
.panel-container .buttonRed,
.panel-container .buttonDarkGray, 
.panel-container .buttonGray, 
.panel-container .buttonLightGray, 
.panel-container .buttonBlue, 
.panel-container .buttonBrown, 
.panel-container .buttonGold {
     width: 100%;
     margin:15px 0 0 0;
}

.panel-container .contact  {margin-top: -60px !important; font-size:1.25em !important;}

@media only screen and (max-width : 768px) {
     .panel-container .contact  {margin-top: 0 !important;}
     .panel-container .col-sm-6  {padding-left:0;}
}

.panel-container .contact  h5 {font-size:1.25em !important;}

.tabStyle1 {
     padding: 15px;
     margin: 15px;
     background-color:#e6ded3;
}

.tabStyle1 h2, .tabStyle1 h3, .tabStyle1 h4, .tabStyle1 h5 {
     font-family: 'vito_compressedbold' !important;
     text-transform:inherit !important;
     font-size: 1.75em !important;
     padding: 0 !important;
     margin: 0 0 6px 0 !important;
}

.tabStyle1Right {
     float:right;
     clear:both;
     padding: 30px;
     margin: 0 0 15px 15px;
     width: 40%;
     background-color:#ffffff;
     text-align:center;
}


/****** ABOUT US > ANNUAL REPORT ******/

.annualReportMain {
  float:left; 
  margin: 0; 
  padding: 0;
  width: 68%;
}

@media only screen and (max-width:992px) { 
.annualReportMain, .annualReportMain img, .annualReportRightCol
{width: 100% !important; float:none !important;}  
}

@media only screen and (max-width:640px) { 
.annualReportHighlights div
{width: 100% !important; float:none !important;}  
}

.annualReportMain ul, .annualReportMain ol {
  margin: 0 0 0 6px; 
}


.annualReportMain li {
  margin: 0 0 6px 0; 
}

.annualReportMain img {
  width:95%;
  margin: 0 0 15px 0;
}

.annualReportMain p {
  padding: 0 15px 0 0;
}

.annualReportMain h3 {
     font-family: 'vito_compressedlight';
     color: #909090;
     font-size:45px;  
     margin: 0 !important;
     padding: 0 !important; 
}

.annualReportMain h4 {
  font-family: "ff-market-web" !important;
  text-transform:capitalize !important;
  color:#81bacb;
  font-size: 4em !important;
  font-style:normal;
  font-weight: normal;
  margin: 15px 15px 15px 0 !important;
  padding: 0 !important;
}

.annualReportMain h5 {
  font-size: 2em;
  color:#a71000;
  text-transform:capitalize;
}

.annualReportMain h6 {
  font-family: 'vito_condensedbold';
  text-transform:uppercase;
  border:0;
  color:#037598;
  text-align:left;
  font-size: 1.25em;
  margin: 0;
  padding: 0;
}

.annualReportNav {
  text-align:center;
  margin:0 0 15px 0;
}


.annualReportHighlights {
  width: 100%;
  margin: 0;
  padding: 0;
}


.annualReportHighlights div {
  width: 30%;
  float:left;
  margin: 0 15px 15px 0;
  padding: 0;
  z-index: 0;
}

.annualReportHighlights img {
  width:100%;
  margin: 0;
  padding:0;
}


.annualReportHighlights h5 {
  font-family: 'vito_compressedbold' !important;
  text-transform:uppercase;
  text-decoration:none;
  font-weight: bold;
  color: #ffffff;
  font-size: 1.5em;
  -webkit-stroke-width: 1px;
  -webkit-stroke-color: #FFFFFF;
  -webkit-fill-color: #FFFFFF;
  text-shadow: 1px 1px 1px black;
  -webkit-transition: width 0s; /*Safari & Chrome*/
  transition: width 0s;
  -moz-transition: width 0s; /* Firefox 4 */
  -o-transition: width 0s; /* Opera */
  margin: 6px 0 0 6px !important;
  padding: 0 !important;
  z-index: 10;
  position:absolute;
}


@media only screen and (max-width:640px) {.annualReportHighlights h4  {font-size: 36px;} }

.annualReportMain .annualReportHighlights a {
  color:#ffffff; 
  text-decoration: none;
  }
 
a.annualReportHighlights:link, 
a.annualReportHighlights:visited, 
a.annualReportHighlights:hover, 
a.annualReportHighlights:active, 
a.annualReportHighlights:focus  {
  color:#ffffff; 
  text-decoration: none;
  }
  


.annualReportRightCol {
  float:right; 
  margin: 0; 
  width:30%;
}  
  
.annualReportRightCol img {
  width:100%;
  margin: 0;
  padding: 0;
}

.annualReportRightCol div {
  margin: 0 0 30px 0;
  padding: 0;
}

.annualReportRightCol ul {
  padding: 0;
  margin: 0 0 0 30px;
}  


.annualReportRightCol li {
  list-style:square;
  padding: 0 0 7px 0;
  }

.annualReportRightCol h1, .annualReportRightCol h2, .annualReportRightCol h3 {
  font-size: 1.75em;
}

.annualReportRightCol h4, .annualReportRightCol h5, .annualReportRightCol h6 {
  font-size: 1.5em;
}

.annualReportRightCol p {
  font-size:.9em;
}

/****** ABOUT US > INSTITUTIONAL PROFILE ******/

.institutionalProfile h4 {
     font-family: 'vito_compressedlight';
     color: #909090;
     font-size:45px;  
     margin: 0;
     padding: 0; 
}

.institutionalProfile div {
     margin: 6px 0 30px 0;
}



.institutionalProfile blockquote {
     font-family: "industry",sans-serif !important; 
     color: #6b6b6b;
     font-weight:bold;
     display:block;
     width: 100%;
     border-bottom: 2px solid #dadada;
     padding: 0 !important; 
     margin: 0 !important;
     background-color: #ffffff !important;
     }
 
 .institutionalProfile ul {
      margin: 15px; 
      padding: 0;
 }
 
  .institutionalProfile li {
      margin: 0 0 15px 30px; 
      padding: 0;
      list-style:none;
 }
 
 
 /****** PEOPLE LISTS ******/
 
 .peopleList {
   margin: 15px 0;
   padding: 15px 0;
   border-bottom: 1px solid #dadada;
   min-height:200px;
 }

 .peopleList img {
   width: 100%;
   margin: 0 0 30px 0;
 }
  
.peopleList dt {
  float: left;
  width: 27%;
  margin: 0;
  padding: 0 15px 0 0;
 }
 
 .peopleList dd {
  float: left;
  width: 70.5%;
  margin: -20px 0 0 0;
  padding: 0;
 }
 
/*  .peopleList h5 {
       font-family: 'vito_compressedblack';
       color:#848484;
       margin:0;
       padding:0;
       text-transform:capitalize;
  } */
  
@media only screen and (max-width:640px) { 
.peopleList img,
.peopleList dt,
.peopleList dd
{width: 100%; float:none;}  
}
 
 /****** Academic Programs ******/
 
 .academicProgram {}
 
 .academicProgram h4 {
     font-family: 'vito_compressedblack';
     font-size: 60px;
     color:#81bacb;
     margin:0 0 15px 0;
     }

.academicProgramSocial {
     font-family: "industry",sans-serif; 
     font-size: 14px !important;
}

.academicProgram .buttonRed,
.academicProgram .buttonDarkGray, 
.academicProgram .buttonGray, 
.academicProgram .buttonLightGray, 
.academicProgram .buttonBlue,  
.academicProgram .buttonBlue50, 
.academicProgram .buttonBrown, 
.academicProgram .buttonGold {
     font-size: 1.5em;
     width: 100%;
     margin:15px 0 0 0;
}

@media only screen and (max-width : 992px) {
     .academicProgram .buttonRed,
	.academicProgram .buttonDarkGray, 
	.academicProgram .buttonGray, 
	.academicProgram .buttonLightGray, 
	.academicProgram .buttonBlue,  
	.academicProgram .buttonBlue50, 
	.academicProgram .buttonBrown, 
	.academicProgram .buttonGold {
     	font-size: 1em;
	}
}

@media only screen and (max-width : 768px) {
     .academicProgram .buttonRed,
	.academicProgram .buttonDarkGray, 
	.academicProgram .buttonGray, 
	.academicProgram .buttonLightGray, 
	.academicProgram .buttonBlue,  
	.academicProgram .buttonBlue50, 
	.academicProgram .buttonBrown, 
	.academicProgram .buttonGold {
     	font-size: 1.5em;
	}
}

 /****** Vision 2020 ******/
 
 .vision2020 {
      width:400px;
      height:330px;
      background-color:#000000;
      color:#ffffff;
      border-radius: 25px;
      padding:-18px 0 0 0;
      margin:0;
      text-align:center;
 }
 
      
.vision2020-Vision {
     font-family: "industry",sans-serif;
     font-size: 96px;
     font-style:normal;
     font-weight: 100;
     text-align:center;
     letter-spacing:3px;
     margin: 0;
     padding: 0;
     display:block;
}

.vision2020-2020 {     
     font-family: "industry",sans-serif;
     font-size: 99px;
     font-style:normal;
     font-weight: 900;
     text-align:center;
     letter-spacing:3px;
     margin: -39px 0 0 0;
     padding: 0;
     display: block;
}

.vision2020-IandDin {
     font-family: "ff-market-web",cursive;
     font-size: 36px;
     text-align:center;
      background-color:#ffffff;
      color:#000000; 
      padding:6px 0;
      margin: -18px 0 0 0;
}

 .vision2020 ul {
       text-align:center;
       margin:0 0 0 40px;
       padding:6px 0;
  }

li.vision2020-bullet1,
li.vision2020-bullet2,
li.vision2020-bullet3
   {
       float:left;
       font-size: 26px;
       margin:0;
       padding:0;
  }
  
li.vision2020-bullet1 {
     width: 191px;
       margin: 0 0 0 16px;
       padding: 0 88px 0 0;
  }
  
li.vision2020-bullet2 {
       margin: 0 0 0 -16px;
       padding: 0;
  }
  
li.vision2020-bullet3 {
       margin: -6px 0 0 94px;
       padding: 0;
  }
  
li.vision2020-bullet1 a,
li.vision2020-bullet2 a,
li.vision2020-bullet3 a 
{
    color:#ffffff;
    text-decoration:none;
  }
  
li.vision2020-bullet1 a:hover,
li.vision2020-bullet2 a:hover,
li.vision2020-bullet3 a:hover 
{
    color:#a71000;
  }
 

.admissionsMapContact {    
     font-size: .9em;
}

.admissionsMapArea1, .admissionsMapArea2, .admissionsMapArea3 {
     width:50px; 
     height: 50px; 
     padding:0;
     margin:0 15px 45px 0;
     float:left;
     clear: left;
}


.admissionsMapArea1 {
     background-color:#a3a3a3;
}

.admissionsMapArea2 {
     background-color:#a71200;
}

.admissionsMapArea3 {
     background-color:#6b6b6b;
}
 
.admissionsMapInternational {
     width:100%;
     padding: 15px; 
     margin: 0;
     background-color:#c0dce5;
}
 
.dashboardThirds, .dashboardThirdsEnd {float:left; width: 32%; margin:15px 15px 30px 0; padding:0;}
.dashboardThirdsEnd {margin-right:0;}
.dashboardThirds p, .dashboardThirdsEnd p  { background-color:#f2f2f2; min-height:310px;}
.dashboardThirds img, .dashboardThirdsEnd img {width:100%;}

.dashboardThirds h4, dashboardThirdsEnd h4 {
     text-transform:capitalize !important;
}

.dashboardThirds h4 a, dashboardThirdsEnd h4 a {
      text-decoration:none;
}
 
.dashboardThirds h4 a:hover, dashboardThirdsEnd h4 a:hover {
      color:#A7100;
}
 
 
 /***** INSIDE SLIDER BOX  *****/

#slider {
  position: relative;
  overflow: hidden;
  margin: 0 auto 30px auto;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 290px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 360px;
  height: 290px;
  background-color:#c0dce5;
}

#slider div {
     font-size: .8em;
     padding: 30px 60px;
}

#slider p {
     padding: 15px 0;
}

#slider h4 {
     font-family: 'vito_compressedbold';
     text-transform:capitalize !important;
     font-size: 30px !important;
}

#slider div img {
     width: 100px !important;
     height: auto;
     overflow:hidden;
     float: right;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 15px;
  width: auto;
  height: auto;
  color: #037598;
  text-decoration: none;
  font-weight: 600;
  font-size: 36px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}
 
 /****** Library ******/
 
 .iconList {
      font-size: 14px;
 }
 
 .iconList div {
       height:30px; 
       padding:0 10x 10x 0; 
       margin:20px 10px;
 }
 
  .iconList img {
       width: 30px;
       height: 30px;
       float:left; 
       padding-right: 5px; 
 }
 
 
 .alphabet {
      font-size: 1.6em;
      color: #6b6b6b;
 }
 
 .alphabet a {
      padding: 0 6px;
      font-weight:bold;
 }
 
 /****** NEWS DESK *******/
 
 .newsIndexGrid, .sectionHomeGrid {
     padding: 15px 15px 0 15px;
     margin: 0 -15px 0 -15px; 
     background-color:#e6ded3;
 }


 .newsIndexGrid div, .sectionHomeGrid div {
     font-family: "servus-slab",serif;
     font-size: 16px;
     line-height: 16px;
	min-height:290px;
     background-color:#ffffff;
     min-height:170px;
     margin-right:15px;
     margin-bottom: 15px;
     width: 31.9999%;
}

.newsIndexGrid div {
     min-height:290px;
}

@media only screen and (max-width : 1200px) {
      .newsIndexGrid div {width: 30.99999%; min-height:320px;} 
      .sectionHomeGrid div {width: 30.9999%; min-height:210px;}
}

@media only screen and (max-width : 992px) {
      .newsIndexGrid div {width: 45.9999%; min-height:320px;} 
      .sectionHomeGrid div {width: 45.9999%; min-height:210px;}
      
     .sectionHomeGrid div:nth-child(1), .newsIndexGrid div:nth-child(1),
     .sectionHomeGrid div:nth-child(5), .newsIndexGrid div:nth-child(5)
     {margin-right:15px;} 
     
     .sectionHomeGrid div:nth-child(2), .newsIndexGrid div:nth-child(2),
     .sectionHomeGrid div:nth-child(4), .newsIndexGrid div:nth-child(4),
     {margin-right:0;} 
}

.sectionHomeGrid div:nth-child(3), .newsIndexGrid div:nth-child(3),
.sectionHomeGrid div:nth-child(6), .newsIndexGrid div:nth-child(6), .newsIndexGrid div:nth-child(9)   
     {margin-right:0;} 

@media only screen and (max-width : 992px) {
     .sectionHomeGrid div:nth-child(3), .newsIndexGrid div:nth-child(3) {margin-right:15px;}      
}

@media only screen and (max-width : 768px) {
     .newsIndexGrid div, .sectionHomeGrid div {width: 100%; min-height:210px;}
}

.newsIndexGrid h4, .sectionHomeGrid h4,
.newsIndexGrid h4 a, .sectionHomeGrid h4 a  {
     font-family: 'vito_compressedbold';
     font-size: 23px;
     color:#1e1e1e;
     text-decoration:none;
     margin-top:15px;
}

.newsIndexGrid h4 a:hover, .sectionHomeGrid h4 a:hover  {
     color:#a71000;
}

.sectionHomeGrid h4  {
     text-transform:none;
}
 
.newsIndexGrid span, .sectionHomeGrid span { 
     font-family: 'vito_compressedlight'; 
     font-size: 24px;
     display:block;
     margin:15px 0;
 }
 
.newsIndexGrid p, .sectionHomeGrid p { 
     margin: 0;
     padding: 0;
     font-weight:lighter;
     min-height:70px;
  }
  
  .sectionHomeGrid p { 
     min-height:80px;
  }
 
.newsIndexGrid a, .sectionHomeGrid a {
     font-size: .75em;
     font-family: "industry",sans-serif; 
}
 
 
/****** HOME PAGE ******/


.homeCarousel {
     background-color: #e6ded3;
}

.homeCarousel .col-sm-12 {
     padding:0;
     margin:0;  
}

.carousel {
    overflow: hidden;
    margin:-14px 0 0 0;
    padding: 0;
    border-bottom: 1px solid #dadada;
    background-color:transparent;
}

@media only screen and (max-width : 1200px) {
     .carousel {
          margin:-11px 0 0 0;
     }
} 

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
     min-width:1140px;
     height: auto;
     }

@media only screen and (max-width : 992px) {
     
     .carousel {
          margin:-74px 0 0 0;
     }
     
     .carousel-inner>.item>a>img,.carousel-inner>.item>img {
          min-width:992px;
     }
}

@media only screen and (max-width : 768px) {
     .carousel-inner>.item>a>img,.carousel-inner>.item>img {
          min-width:100%; margin-top:24px;
     }
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
     left:80%;
}
     
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
     right:80%;
} 

.carousel-caption {
     width: 69%;
}

@media only screen and (max-width : 1200px) {
     .carousel-caption {
          width: 75%;
     }
}

.carousel-caption h2 {
     font-family: 'vito_compressedbold' !important;
     font-size: 36px !important;
     color:#ffffff;
     background-color:#a71000;
     padding: 7px 30px;  
     margin: 15px 15px 15px 0;
     text-align:right;
     float:right;
     clear:both;
 }

 .carousel-caption h2 a {
     color:#ffffff;
     text-decoration:none;
 }
 
  .carousel-caption h2 a:hover {
     color:#e2cf36;
 }
 
  .carousel-caption p {
     font-size: 16px !important;
     color:#1e1e1e;
     background-color:#ffffff;
     opacity: 0.80;
     padding: 7px 30px;  
     margin: 15px auto;
     text-align:right;
     text-shadow:none !important;
     float:right;
     clear:both;
 }
 
@media only screen and (max-width : 768px) {
     
     .carousel-caption {
          color:#000;
          position:relative;
          right:0;
          bottom:0;
          left:0;
          padding: 0;
          margin: 0 0 0 15px;
          text-align:left;
          text-shadow:none;
          }
     
     .carousel-caption h2 {
          width: 124%;
          font-size: 1.5em !important;
          color:#000;
          background-color:transparent;
          padding: 0;  
          margin: 235px 0 15px 0;
          text-align:left;
          float:none;
          clear:none;
     }
     
      .carousel-caption h2 a {
          color:#a71000;
     }
     
      .carousel-caption h2 a:hover {
          color:#545454;
     }
     
       .carousel-caption p {
          font-size: 1em !important;
          color:#1e1e1e;
          background-color:transparent;
          padding: 0 0 15px 0;  
          margin: 0 0 30px 0;
          text-align:left;
          float:none;
          clear:none;
     }
}

 /**  Carousel Fade **/

.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  transition: opacity ease-out .7s;
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
}

.carousel.fade .item:first-child {
  top: auto;
  opacity: 1;
  position: relative;
}

.carousel.fade .item.active {
  opacity: 1;
}

.carousel-control {
  opacity: 0;
}

.carousel-control.right,
.carousel-control.left {
  background-image: none;
} 

  
/*** home page chunks ***/
  
.homeCalendar, .homeNews, .homeNewsAndEvents, .homeMapVisitApply, .homeFastFacts, .homeWhatTheySay, .homeConnect {
     padding: 30px 0;
     margin: 30px 0;
}  
     
.homeCalendar {
     background-color: #ffffff;
     margin-top: 10px !important;
}

.homeCalendar .container {
     padding-left: 0;
}
 
.homeNews {
     background-color: #e6ded3;
     padding-bottom: 60px
}
 
.homeNewsAndEvents {
     background-color: #ffffff;
     margin-top: 10px !important;
}
 
.homeMapVisitApply {
     background-color: #ffffff;
}

.homeFastFacts {
     background-color: #6b6b6b;
     padding-top: 30px;
}

.homeWhatTheySay {
     background-color: #ffffff;
}

.homeConnect {
     background-color: #037598;
}

 
 .homeCalendar h2, .homeNews h2, .homeNewsAndEvents h2, .homeMapVisitApply h2, 
 .homeFastFacts h2, .homeWhatTheySay h2, .homeConnect h2 {
     font-family: "ff-market-web" !important;
     font-size:48px;
     margin-bottom:30px !important;
}

.homeCalendar h2, .homeCalendar h2 a {
     color:#a71000;
     text-decoration:none;
}
 
.homeNews h2, .homeNews h2 a {
     color:#9a7a4e;
     text-decoration:none;
}

.homeNewsAndEvents h2, .homeNewsAndEvents h2 a {
     color:#a71000;
     text-decoration:none;
}
 
.homeFastFacts h2, .homeFastFacts h2 a  {
     color:#ffffff;
     text-decoration:none;
     margin-bottom:30px !important;
}

.homeWhatTheySay h2, .homeWhatTheySay h2 a {
     color:#a71000;
     text-decoration:none;
}

.homeConnect h2, .homeConnect h2 a {
     color:#ffffff;
     text-decoration:none;
}    
 
.homeCalendar h2 a:hover {
     color:#6b6b6b;
}
 
.homeNews h2 a:hover {
     color:#037598;
}

.homeNewsAndEvents h2 a:hover {
     color:#6b6b6b;
}
 
.homeMapVisitApply h2 a:hover {
     color:#dadada;
}

.homeFastFacts h2 a:hover {
     color:#dadada;
}

.homeWhatTheySay h2 a:hover {
     color:#037598;
}

.homeConnect h2 a:hover {
     color:#c0dce5;
}
 
 @media only screen and (max-width : 480px) {
     .homeCalendar h2, .homeNews h2, .homeNewsAndEvents h2, .homeMapVisitApply h2, 
     .homeFastFacts h2, .homeWhatTheySay h2, .homeConnect h2 {
          display:block;
          text-align:center !important;
     }
}

.homeCalendar .fa, .homeNews .fa, .homeNewsAndEvents .fa, .homeMapVisitApply .fa, .homeFastFacts .fa, .homeWhatTheySay .fa, .homeConnect .fa {
     margin: 0 15px !important;
} 
 
 
/*** CALENDAR HIGHLIGHTS ***/
 
.homeCalHighlight div {    
     width: 100%;
     height: auto;
     padding: 0;
     margin: 0;
     float: left;
     display: inline-block;
}

.homeCalHighlight img {  
     width: 100%;
     height: auto;
}

@media only screen and (max-width : 1200px) {
     .homeCalHighlight div {    
          width: 100%;
          height: auto;
     }
}

@media only screen and (max-width : 992px) {  
     .homeCalHighlight div {    
          width: 100%;
          height: auto;
     }
}

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

     .homeCalHighlight div {    
          width: 80%;
          height: auto;
          float:none;
          display:block;
          margin:15px auto !important;
     }
     
    .homeCalHighlight img {    
          width: 100%;
          height: auto;
     } 
     
     .homeCalHighlight div:nth-child(1) {margin-top: 15px; padding-bottom: 30px; margin-bottom:0;}
     .homeCalHighlight div:nth-child(2) {margin-bottom:30px;}
}

@media only screen and (max-width : 480px) {
     .homeCalHighlight div {    
          width: 90%;
          height: auto;
          float:none;
          display:block;
          margin:15px auto !important;
     }
     
    .homeCalHighlight img {    
          width: 100%;
          height: auto;
     } 
     
     .homeCalHighlight div:nth-child(1) {margin-top: 15px; padding-bottom: 28px; margin-bottom:0;}
     .homeCalHighlight div:nth-child(2) {margin-bottom:30px;}
}

.homeCalHighlight h3 { 
     height: 40px;
     font-size:21px;
     font-family: 'vito_compressedbold';  
     color:#ffffff;
     text-transform:uppercase;
     text-align:center;
     background-color:#037598;
     padding: 9px;
     margin:0 !important;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 100%;
}

.homeCalHighlight h3 a { 
     color:#ffffff;
     text-decoration: none;
}

.homeCalHighlight h3 a:hover {color:#c0dce5;} 

/* Calendar List */

.homeDateBox {
     padding:0;
     margin: 15px 0;
}

@media only screen and (max-width : 1200px) {
     .homeDateBox {
          font-size:.9em;
     }
}


.homeDateBox div {
     padding:0;
     margin: 0 0 0 0;
}

.homeDateBox hr {
     height: 0;
     width: 96%;
     color: transparent;
     margin: 0;
     padding: 0;
     border: none;
}

 
.homeDateBox h3 {
     font-family: 'vito_compressedbold' !important;
     font-size: 30px !important;
     color: #545454 !important;
     padding: 0 15px 15px 0 !important;
     margin: 30px 0 0 0 !important;
} 

.homeDateBox p {
     display:block;
     float:left;
     margin: 0 0 15px 0;
     padding: 0;
     min-height: 66px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 87%;
}

@media only screen and (max-width : 1200px) {
     .homeDateBox p {
          max-width: 80%;
     }    
}

@media only screen and (max-width : 992px) {
     .homeDateBox p {
          font-size:.85em;
          max-width: 80%;
     }    
}


@media only screen and (max-width : 768px) {
     .homeDateBox p {
          font-size:1.15em;
          max-width: 90%;
     }    
}

@media only screen and (max-width : 420px) {
     .homeDateBox p {
          font-size:1em;
     }    
}


.homeDateBox span {
     display: block;
     margin: 0;
     padding:0;
}

.homeDateBox a {
     font-size: 1em;
}

.homeDateBoxDates { 
	width: 40px; 
	height: 71px;
     float: left;
	background-color: #e2cf36;
	text-align: center;
     padding: 0;  
     margin: 0 15px 0 0 !important;
}


.homeDateBoxDates h3 {
     font-family: 'vito_compressedbold' !important;
	color:#FFFFFF !important;
	font-size: 21px !important;
	font-weight: bold !important;
	text-transform:uppercase !important;
	margin: 0 !important;
	padding: 7px 0 0 0 !important;
}


.homeDateBoxDates h4 {
     font-family: 'vito_compressedbold';
	color:#FFFFFF;
	font-size: 30px;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
}


@media only screen and (max-width : 992px) {
     .homeDateBox {
          font-size:1em;
     }    
     
     .homeDateBox p {

     }
     
     .homeDateBoxDates, .homeDateBoxDates h3, .homeDateBoxDates h4 {
          display:none;
          visibility:hidden;
     }

}

@media only screen and (max-width : 768px) {
	
	     .homeDateBoxDates, .homeDateBoxDates h3, .homeDateBoxDates h4 {
          display:inherit;
          visibility:visible;
     }
	
	.homeDateBoxDates { 
		width: 40px; 
		height: 71px;
		margin: 0 15px 0 0 !important;
	}
	
	.homeDateBoxDates h3 {font-size: 21px !important;}
	
	.homeDateBoxDates h4 {font-size: 30px;}
}






@media only screen and (max-width : 320px) {
     .homeDateBox {
          font-size:1em;
     }    
     
     .homeDateBox p {

     }
     
     .homeDateBoxDates, .homeDateBoxDates h3, .homeDateBoxDates h4 {
          display:none;
          visibility:hidden;
     }

}

/*** IN THE NEWS ***/

.homeNewsIndexGrid div {
     font-family: "servus-slab",serif;
     font-size: 16px;
     line-height: 16px;
     background-color:#ffffff;
     margin-right:15px;
     margin-bottom: 30px;
	min-height:290px;
     width: 23.66666%;
}

.homeNewsIndexGrid div:nth-child(4) {margin-right:0;}

@media only screen and (max-width : 1200px) {
      .homeNewsIndexGrid div {width: 23.66666%; min-height:290px !important;}
}

@media only screen and (max-width : 992px) {
     .homeNewsIndexGrid div {width: 45.9999%; min-height:260px !important;}
      
     .homeNewsIndexGrid div:nth-child(3), .homeNewsIndexGrid div:nth-child(4)
     {margin-top:-15px;} 
  
}

@media only screen and (max-width : 768px) {
      .homeNewsIndexGrid div {width: 90%; min-height:0; padding-top:15px; padding-bottom:15px}
      .homeNewsIndexGrid div:nth-child(1),
      .homeNewsIndexGrid div:nth-child(2),
      .homeNewsIndexGrid div:nth-child(3),
      .homeNewsIndexGrid div:nth-child(4) {margin:15px 30px;}
}


@media only screen and (max-width : 480px) {
      .homeNewsIndexGrid div {width: 90%; min-height:0; padding-top:15px; padding-bottom:15px}
      .homeNewsIndexGrid div:nth-child(1),
      .homeNewsIndexGrid div:nth-child(2),
      .homeNewsIndexGrid div:nth-child(3),
      .homeNewsIndexGrid div:nth-child(4) {margin:15px auto !important;}
}

.homeNewsIndexGrid div:nth-child(4)  
     {margin-right:0;} 


 .homeNewsIndexGrid h4, .homeNewsIndexGrid h4 a {
     font-family: 'vito_compressedbold';
     font-size: 24px;
     color:#1e1e1e;
     text-decoration:none;
     margin-top:15px;
}

.homeNewsIndexGrid h4 a:hover {
     color:#a71000;
}

.homeNewsIndexGrid span { 
     font-family: 'vito_compressedlight'; 
     font-size: 24px;
     display:block;
     margin:15px 0;
 }
 
.homeNewsIndexGrid p { 
     margin: 0;
     padding: 0;
     font-weight:lighter;
     min-height:70px;
  }
  
.homeNewsIndexGrid a {
     font-size: .75em;
     font-family: "industry",sans-serif; 
}  
 
/****** ALTERNATE NEWS & EVENTS ******/

.homeNewsAndEvents {
     font-size: .9em;
     color:#6b6b6b;
     font-weight:light;
     }
    

@media only screen and (max-width : 1200px) {
     .homeNewsAndEvents {
          font-size: .8em;
     }   
}

.homeNewsAndEvents ul {
     margin-left:-30px;
}

@media only screen and (max-width : 768px) {
     .homeNewsAndEvents ul {
          margin-left: -15px;
     }
}

.homeNewsAndEvents li {
     list-style:none;
     margin: 0 0 7px 0;
}

@media only screen and (max-width : 1200px) {
     .homeNewsAndEvents li {
          margin: 0 0 15px 0;
     }   
}

@media only screen and (max-width : 320px) {
     .homeNewsAndEvents li {
          margin: 0 15px 15px -15px;
     }      
}

.homeNewsAndEvents li a {
     font-size:1.5em;
     font-family: 'vito_compressedlight'; 
     font-weight:bold;
     text-decoration:none;
     margin-right: 6px;
}

@media only screen and (max-width : 1200px) {
     .homeNewsAndEvents li a {
          font-size:1.45em;
     }
}

@media only screen and (max-width : 992px) {
     .homeNewsAndEvents li a {
          font-size:1.65em;
     }   
}


@media only screen and (max-width : 992px) {
     
     .homeNewsAndEvents {
          margin:0 -60px;
     }
     
     .homeNewsAndEvents .homeDateBox {
          font-size: 1.15em;
          padding:0;
     }
}


@media only screen and (max-width : 880px) {     
     .homeNewsAndEvents {
          margin:0;
     }
}


.homeNewsAndEvents .homeDateBoxDates {
	height: 63px;
	width: 39px;
	background-color: #6b6b6b;  
     margin: 0 15px 15px 0 !important;
     font-weight:normal;
}

@media only screen and (max-width : 1200px) {
     .homeNewsAndEvents .homeDateBoxDates {
	     height: 60px;
	     width: 33px;
	     background-color: #6b6b6b;  
          margin: 0 7px 7px 0 !important;
     }
}

@media only screen and (max-width : 320px) {
     .homeNewsAndEvents {
          font-size:1em;
     }
        
     .homeNewsAndEvents .homeDateBoxDates,
     .homeNewsAndEvents .homeDateBoxDates h3,
     .homeNewsAndEvents .homeDateBoxDates h4 {
          display:none;
          visibility:hidden;
     }
}

.homeNewsAndEvents .homeDateBox p {
     margin: 0 0 7px 0;
     padding: 0 0 7px 0;
     height: 45px;
}

@media only screen and (max-width : 992px) {
     .homeNewsAndEvents .homeDateBox p {
          max-width: 80%;
     }    
}

@media only screen and (max-width : 320px) {
    .homeNewsAndEvents .homeDateBox p {
         height: auto;
    }
}
.homeNewsAndEvents .homeDateBox span {
     height: 81px;
}

.homeNewsAndEvents .homeDateBoxDates h3 {
	font-size: 18px !important;
}

.homeNewsAndEvents .homeDateBoxDates h4 {
	font-size: 27px !important;
}

 
/****** HOME ULTILITY HIGHLIGHTS ******/ 


.homeMap div, .homeVisit div, .homeApply div {
     font-family: 'vito_compressedbold';
     text-transform:uppercase;
     font-size:36px;
     text-align:center;home
     color:#ffffff;
     background-color:#037598;  
     padding: 0;
     margin:0;
     width: 100%;
}

@media only screen and (max-width : 992px) {
     .homeMap div, .homeVisit div, .homeApply div {
          font-size:27px;
     }
}

@media only screen and (max-width : 768px) {
     .homeMap div, .homeVisit div, .homeApply div {
          font-size:44px;
          width: 60%;
          margin-left:auto;
          margin-right:auto;
          margin-bottom:30px;
     }
}

@media only screen and (max-width : 480px) {
     .homeMap div, .homeVisit div, .homeApply div {
          font-size:36px;
          width: 90%;
          margin-left:auto;
          margin-right:auto;
          margin-bottom:30px;
     }
} 

.homeMap div {background-color:#037598;}

.homeVisit div { background-color:#9a7a4e;}

.homeApply div {background-color:#e2cf36;}
 
.homeMap a, .homeVisit a, .homeApply a { 
     color:#ffffff;
     text-decoration: none;
     display:block;
     margin: 0;
     padding:0;
}
 
.homeMap div a:hover {color:#c0dce5;} 

.homeVisit div a:hover {color:#e6ded3;} 

.homeApply div a:hover {color:#f8f3cd;} 
 
.homeMap img, .homeVisit img, .homeApply img {
      width: 100%;
      padding:0;
      margin:0;
 }
 
      
      
      
 /*** Fast Facts section ***/
 
 .homeFastFacts {
      background-image:url(/global/images/6nwc/home-Fast-Facts-photo-faded.png);
      background-repeat:repeat-x;
      padding-bottom: 0;
      }

 @media only screen and (max-width : 768px) {
      .homeFastFacts {
           background-repeat:repeat-y;
      }
}    


.homeFastFacts blockquote {
     width:100%;
     height: 300px;
     background-image:url(/global/images/6nwc/home-Fast-Facts-photo.png);
     background-repeat:no-repeat; 
     background-color:transparent; 
     margin: 0; 
     padding: 0 0 -15px 0;
}


.fastFact1, .fastFact2, .fastFact3 {
     width: 80%;
     margin: 45px auto;
}

@media only screen and (max-width : 768px) {
     .fastFact1, .fastFact2, .fastFact3 {
          width: 40%;
          margin: 60px auto;
     }

     .fastFact1 {
          margin-top:60px;
     }
}

@media only screen and (max-width : 480px) {
     .fastFact1, .fastFact2, .fastFact3 {
          width: 60%;
          margin: 45px auto;
     }

     .fastFact1 {
          margin-top:65px;
     }
}

.fastFact1 {
     background-color:#a71000;
     outline: 15px solid rgba(167, 16, 0, .5) !important;
     border: 1px solid #bb6157;
}

.fastFact2 {
     background-color:#9a7a4e;
     outline: 15px solid rgba(154, 122, 78, .5) !important;
     border: 1px solid #b4a086;
}

.fastFact3 {
     background-color:#037598;
     outline: 15px solid rgba(3, 117, 152, .5) !important;
     border: 1px solid #599db2;
}
   
.fastFact1 img, .fastFact2 img, .fastFact3 img {
     width: 100%;
     height: auto;
     margin: auto;
}


/*** What they Say box ***/

.homeWhatTheySay blockquote {
     background-color:#ffffff;
     font-family: "servus-slab",serif;
     text-align:center;
     font-size:24px;
}

@media only screen and (max-width : 480px) {
     .homeWhatTheySay blockquote {
          font-size:18px;
     }
}

.homeWhatTheySay b {
     font-size: 36px;
     font-weight:bold;
}

.homeWhatTheySay p {
     line-height:1.15em;
     padding: 30px 0 0 0;
     margin:0;
}

@media only screen and (max-width : 768px) {
     .homeWhatTheySay p {
          padding: 0 0 0 0;
     }    
}
 
.homeWhatTheySay blockquote h3 {
     font-size: 272px; !important
     font-weight:900 !important;
     color: #1e1e1e !important;
     font-family: "servus-slab",serif !important;
     display:inline;
}

.homeWhatTheySay blockquote a {color:#a71000;}

.homeWhatTheySay blockquote a:hover {color:#6b6b6b;}
 
.homeWhatTheySay blockquote span {
     font-size:.8em;
     text-align:right;
     float:right;
     font-style:italic;
     margin: 15px 0;
}

@media only screen and (max-width : 768px) {
     b.homeWhatTheySay.floatLeft {float:left !important;}
     b.homeWhatTheySay.floatRight {float:right !important;}
}



 /*** Social ****/
 
 .homeHashtag {
      font-family: 'vito_compressedbold';
      color:#81bacb;
      margin:0 0 0 3px;
 }
 
.crt-post .crt-post-header, .crt-post .crt-post-share {background-color: #037598; color:#ffffff;}
.crt-post .crt-post-header .social-icon {background-color: #037598;}
.crt-post .crt-post-header .crt-post-name a, .crt-post .crt-post-share a {color:#ffffff; font-size:12px;}
.crt-post .crt-post-header .social-icon i {color:#ffffff}
.crt-post {background-color: #ffffff; color:#1e1e1e}
.crt-post .crt-post-content-text {background-color: #ffffff; color:#1e1e1e}


/********* EMERGENCY/ALERT HOME PAGE **************/

.homeAlert {
     border:60px solid #e6ded3;  
     margin:60px auto;
     padding: 30px;
}

@media only screen and (max-width : 480px) {
     .homeAlert {
          border:30px solid #e6ded3;  
          margin:30px auto;
          padding: 15px;
     }
} 

.homeAlert h2, .homeAlert h3, .homeAlert h4, .homeAlert h5 {
     font-family: 'vito_compressedbold' !important;
     text-transform:none !important;
     margin:0;
     padding:0;
}

.homeAlert h2 {
     font-size: 48px;
     color:#a71000;
}

.homeAlert h3 {
     font-size: 30px;
     color:#545454;
}

.homeAlert h4 {
     font-size: 24x;
     color:#a71000;
}

.homeAlert h5 {
     font-size: 24x;
     color:#025c77;
}

.homeAlertFeed {
     font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; 
     font-size:14px;
}

.homeAlertFeed img {
     width:inherit !important; 
     float:left; 
     margin:0 7px 30px 0;
}
 
.homeAlertFeed hr {
     text-align:center;
     margin:15px 0;    
}
 
.homeAlertFeed .floatLeft {float:left; padding-right:0 !important;}
.homeAlertFeed .floatRight {float:right; padding-left:0 !important;}

.topAlert {
	color:#ffffff;
	background-color:#e2cf36;
	font-weight:bold;
	text-align:center;
	padding:15px 0;
	margin:0;
}

.topAlert p {
	padding:0;
	margin:0; 
	display: inline-block;
}

.topAlert a, .topAlert a:link, .topAlert a:visited {
     color:#a71000;
}

.topAlert a:hover {
     color:#037598;
}

.topAlert .fa {
	vertical-align: middle;
	margin:0 5px;
}

.topAlert span {
	padding:0;
	margin: 13px 0 0 0;
}



 /********* CONTACT BOX ********/
.contact {
     font-family: 'vito_compressedbold' !important;
     font-size: 24px !important;
     line-height: 26px !important; 
}

.contact h4 {
     font-family: 'vito_compressedbold' !important;
     font-size: 36px !important;
     color:#037598 !important;
     text-transform:uppercase !important;  
     margin: 15px 0 0 0 !important;
     padding: 0 !important;
}

.contact h5 {
     font-family: "ff-market-web" !important;
     font-size: 36px !important;
     color:#a71000 !important;
     text-transform:capitalize !important;
     margin: 0 !important;
     padding: 0 !important;
}

.contact em {
     font-family: 'vito_compressedlight' !important;
}

.contact b {
     font-family: 'vito_compressedlight' !important;
     font-weight:lighter !important;
}

@media only screen and (max-width:768px) { 
     .contact aside {margin:30px 0; padding:0;} 
}
     
     
 
/******** ICONS ********/
 
.toTopIcon {
     padding:15px;
     margin:15px auto;
     text-align:center;
}
 
ul.mapIcons  {
     margin: 0 0 0 45px !important;
     padding: 0;
}

li.mapIcons  {
     height:auto;
     list-style:none;
     margin: 0 0 0 15px;
     padding: 0;
}

.mapIcons li :before {
     color: #037598;
     content: "\f041\ "; /* FontAwesome Unicode */
     font-family: FontAwesome;
     font-weight:normal;
     margin-left: -21px; /* same as padding-left set on li */
     width: 21px; /* same as padding-left set on li */
}

/****** ATHLETICS SLIDESHOWS ******/

   /* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/

.jssorb05 {
    position: absolute;
}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url(../img/b05.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }


/***** ATHLETICS TOURNAMENT STUFF *****/

.team {font-size: .9em; border: 1px solid #efefef; padding: 15px; width: 20%; min-height:380px; float:left;}
.team img {width: 100%; margin-top:15px; display: block; margin:0 auto;}
.team span {display:block; min-height:120px;}

@media only screen and (max-width:768px) {
	.team {width: 100%; min-height: 0; font-size: 1.25em;}
	.team img {width: 60%;}
	.team span {min-height:0;}
	
}





/************ FOOTER ************/

footer {
     font-size:36px;
     font-family: 'vito_compressedextra_light';
     color:#6b6b6b;
     background-color:#e4e4e4;
     border-top: 1px solid #cfcfcf;
     margin:30px 0;
     padding:0;
}

@media only screen and (max-width:992px) {footer {font-size:27px;} } 

@media only screen and (max-width:768px) {footer .col-sm-4 {margin:30px 0 60px 0;} } 

footer .fa-2x {font-size: 33px !important;}

footer .row {margin: 30px 0;}

footer a {color:#037598; text-decoration:none;}

footer a:hover {color:#037598; text-decoration:underline;}

footer address {
     font-size:24px;
     line-height: 24px;
     padding: 0; 
     margin:0 0 15px 0;
     }
   
@media only screen and (max-width:992px) { footer address {font-size:27px; line-height: 27px;} }      
@media only screen and (max-width:768px) { footer address {font-size:27px; line-height: 27px; text-align:center;} }

footer span {
     font-size: 36px;
     padding: 0; 
     margin: 0 0 15px 0;
     display:block;
     }

@media only screen and (max-width:992px) { footer span {font-size: 27px;} }
@media only screen and (max-width:768px) { footer span {font-size: 30px; display:block;} } 
@media only screen and (max-width:680px) { footer span, footer span .fa {font-size: 27px;} }

.footerDiv {margin:0 auto;}

@media only screen and (max-width:768px) { .footerDiv {width:36%;} } 
@media only screen and (max-width:680px) { .footerDiv {width:50%;} }
@media only screen and (max-width:480px) { .footerDiv {width:63%;} } 
 
footer h3, footer h4, footer h5, footer h6 {
     font-family: 'vito_compressedbold';
     font-size: 36px;
     color:#6b6b6b;
     text-transform:uppercase;
     padding: 0;
     margin: 0 0 15px -20px;
     border: none;
}

footer h3 a, footer h4 a, footer h5 a, footer h6 a, 
footer h3 a:hover, footer h4 a:hover, footer h5 a:hover, footer h6 a:hover {
     text-decoration:none !important;
}

footer h6 {margin: 0 auto 15px auto;}

@media only screen and (max-width:992px) {footer h3, footer h4, footer h5, footer h6 {font-size: 33px;} }
@media only screen and (max-width:768px) {footer h3, footer h4, footer h5, footer h6 {font-size: 36px; text-align:center;} }
@media only screen and (max-width:480px) {footer h3, footer h4, footer h5, footer h6 {font-size: 36px; text-align:center;} }

.logoFooterNWC {
     background-image:url(/global/images/6nwc/logo-NWC.svg);
     background-repeat:no-repeat;
     width: 150px;
     height: 51px;
     margin:0 0 15px 0;
     padding:0;
     display:block;
}

@media only screen and (max-width:768px) { 
.logoFooterNWC {
     background-image:url(/global/images/6nwc/logo-NWC.svg);
     width: 285px;
     height: 97px;
     margin: 0 auto 15px auto;
     } 
}

.logoFooterNWCF {
     background-image:url(/global/images/6nwc/logo-NWC-Foundation.svg);
     background-repeat:no-repeat;
     width: 115px;
     height: 50px;
     margin:0 0 15px 0;
     padding:0;
     display:block;
}

@media only screen and (max-width:768px) { 
.logoFooterNWCF {
     background-image:url(/global/images/6nwc/logo-NWC-Foundation.svg);
     width: 250px;
     height: 109px;
     margin: 0 auto 15px auto;
     } 
}

@media only screen and (max-width:480px) { 
.logoFooterNWCF {
     background-image:url(/global/images/6nwc/logo-NWC-Foundation.svg);
     width: 200px;
     height: 87px;
     margin: 0 auto 15px auto;
     } 
}

.logoFooterMyNWC {
     background-image:url(/global/images/6nwc/logo-MyNWC.svg);
     background-repeat:no-repeat;
     width: 200px;
     height: 57px;
     margin:0 0 15px 0;
     padding:0;
     display:block;
}

@media only screen and (max-width:768px) { 
.logoFooterMyNWC {
     background-image:url(/global/images/6nwc/logo-MyNWC.svg);
     width: 250px;
     height: 71px;
     margin:0 auto 15px auto;
     } 
}

.footerMapList {
     font-size:24px;
     display:block;
}

@media only screen and (max-width : 768px) {
     .footerMapList {
          font-size:24px;
          text-align:center;
     }

     .footerMapList .fa {
          margin-left:5px !important;
     }     
}


.footerMapList .fa {
     margin-right: 3px !important;
}

@media only screen and (max-width : 480px) {
     .footerMapList {
          font-size:24px;
     }
     
     .footerMapList .fa {
          margin-left:5px !important;
     }
}

.subFooter {
     font-size: 20px;
     color:#1e1e1e;
     background-color:#cfcfcf;
     padding: 15px 0;
     margin: 0 auto;
     text-align:center;
}

@media only screen and (max-width:992px) { .subFooter {font-size: 18px;} } 
@media only screen and (max-width:768px) { .subFooter {font-size: 21px;} } 


/******** TEMPORARY ***********/

.homeCalendarHighlight div {    
     width: 315px;
     padding: 0;
     margin: 0;
     float: left;
     display: inline-block;
}

.homeCalendarHighlight img {  
     width: 315px;
     height: 180px;
     overflow:hidden;
     display:inline-block;
     margin: 0;
}

@media only screen and (max-width : 1200px) {
     .homeCalendarHighlight div, .homeCalendarHighlight img {    
          width: 260px;
          height: 149px;
     }
}

@media only screen and (max-width : 992px) {  
     .homeCalendarHighlight div {
          margin:-30px 0 90px 15px;
     }
     
     .homeCalendarHighlight div:nth-child(2) {margin-left:0;}
     
     .homeCalendarHighlight div, .homeCalendarHighlight img {    
          width: 345px;
          height: 197px;
     }
}

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

     .homeCalendarHighlight div {    
          width: 60%;
          height: auto;
          float:none;
          display:block;
          margin-left:auto !important;
          margin-right:auto !important;
     }
     
    .homeCalendarHighlight img {    
          width: 100%;
          height: auto;
     } 
     
     .homeCalendarHighlight div:nth-child(1) {margin-top: 15px; padding-bottom: 30px; margin-bottom:0;}
     .homeCalendarHighlight div:nth-child(2) {margin-bottom:30px;}
}

@media only screen and (max-width : 480px) {
     .homeCalendarHighlight div {    
          width: 80%;
          height: auto;
          float:none;
          display:block;
          margin-left:auto !important;
          margin-right:auto !important;
     }
     
    .homeCalendarHighlight img {    
          width: 100%;
          height: auto;
     } 
     
     .homeCalendarHighlight div:nth-child(1) {margin-top: 15px; padding-bottom: 28px; margin-bottom:0;}
     .homeCalendarHighlight div:nth-child(2) {margin-bottom:30px;}
}

.homeCalendarHighlight h3 { 
     height: 40px;
     font-size:21px;
     font-family: 'vito_compressedbold';  
     color:#ffffff;
     text-transform:uppercase;
     text-align:center;
     background-color:#037598;
     padding: 9px;
     margin:0 !important;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 100%;
}

.homeCalendarHighlight h3 a { 
     color:#ffffff;
     text-decoration: none;
}

.homeCalendarHighlight h3 a:hover {color:#c0dce5;} 
.homeCalendarHighlight div:nth-child(2) h3 a:hover {color:#e6ded3;}
.homeCalendarHighlight div:nth-child(2) h3 {background-color:#9a7a4e;}

.checkMarkList ul {
     margin: 0 0 0 45px !important;
     padding: 0;
}

.checkMarkList li {
     height:auto;
     list-style:none;
     list-style-type:none;
     text-decoration:none;
     margin: 0 0 0 10px;
     padding: 0 0 0 -38px;
}

.checkMarkList :before {
     font-size: 30px;
     color: #037598;
     content: "\f00c\ ";
     font-family: FontAwesome;
     font-weight:normal;
     margin-left: -38px; /* same as padding-left set on li */
     width: 38px; /* same as padding-left set on li */
     list-style-type:none !important;
     text-decoration:none;
}

.checkMarkList a:before {
     font-size: 0;
     color: transparent;
     content: "";
     font-family: FontAwesome;
     font-weight:normal;
     margin-left: 0;
     width: 0;
     list-style-type:none !important;
     text-decoration:none;
}

.checkListBoxes ul {
     margin: 0 0 0 45px !important;
     padding: 0;
}

.checkListBoxes li {
     height:auto;
     list-style:none;
     list-style-type:none;
     text-decoration:none;
     margin: 0 0 0 10px;
     padding: 0 0 0 -38px;
}

.checkListBoxes :before {
     font-size: 30px;
     color: #037598;
     content: "\f096\ ";
     font-family: FontAwesome;
     font-weight:normal;
     margin-left: -38px; /* same as padding-left set on li */
     width: 38px; /* same as padding-left set on li */
     list-style-type:none !important;
     text-decoration:none;
}

.checkListBoxes a:before {
     font-size: 0;
     color: transparent;
     content: "";
     font-family: FontAwesome;
     font-weight:normal;
     margin-left: 0;
     width: 0;
     list-style-type:none !important;
     text-decoration:none;
}

.arrowRightList ul {
     margin: 0;
     padding: 0;
}

.arrowRightList li {
     height:auto;
     list-style:none;
     list-style-type:none;
     text-decoration:none;
     margin: 0 0 0 -20px;
     padding: 0;
}

.arrowRightList :before {
     font-size: 15px;
     color: #a71000;
     content: "\f061\ ";
     font-family: FontAwesome;
     font-weight:normal;
     margin-left: -18px; /* same as padding-left set on li */
     width: 18px; /* same as padding-left set on li */
     list-style-type:none !important;
     text-decoration:none;
}

.arrowRightList a:before {
     font-size: 0;
     color: transparent;
     content: "";
     font-family: FontAwesome;
     font-weight:normal;
     margin-left: 0;
     width: 0;
     list-style-type:none !important;
     text-decoration:none;
}

.sharingIcons {margin: 1em 0 0 0;}
.sharingIcons img {
	width: 30px; 
	height:30px; 
	margin-right:3px;
}

.sharingIcons a {text-decoration: none;}

@media only screen and (max-width : 480px) {
	.sharingIcons img {
		width: 60px; 
		height:60px; 
	}
}

.circleIcon {
	font-size: 1.5em;
}

.circleIcon span {
	border-radius: 50%;
	width: 45px;
	height: 45px; 
	padding: 0;
	margin: 0 3px 0 0;
	background-color: #037598;
	display: inline-block;
	/* width and height can be anything, as long as they're equal */
}

.circleIcon p {
	text-align: center;
	font-family: industry, sans-serif;
	font-style: normal;
	font-weight: 900;
	color:#ffffff;
	font-size: 127%;
	display: inline-block;
	padding: 4px;
	margin: auto;

}

.iProfile {
	/* first used for the Intitutional Profile page */
}

.iProfile h5 {
	color:#a71000;
}

.iProfile table {
	width: 100%;
}

.iProfile tr:nth-child(1) {
     color:#1e1e1e;
	font-size: 1.15em;
	display: block;
	padding-left: 0;
	margin-left: -15px;
	border-bottom: 1px solid #a71000;
     }


.iProfile td {
	padding: 0 15px;
}

.iProfile p {
	padding: 7px 0;
}

.iProfile em {
	font-size: .9em;
}

.iProfile div {
	padding: 0 15px;
}

/***** ACADEMIC PROGRAMS NEW 2017 *****/

.degreeCloset {
	padding: 15px 5px;
	margin: 0 0 15px 0;
}

.programGrid {
	border-left:15px solid #e6ded3;
	border-top:15px solid #e6ded3;	
}

.programBox { 
	background-color:#ffffff;
	min-height: 293px;
	color: #1e1e1e;
	border-bottom:15px solid #e6ded3;
	border-right:15px solid #e6ded3;
}

.programBox h4 {
	font-family: 'vito_compressedbold';
	color: #1e1e1e;
	font-size: 27px;
	text-transform: inherit;
	min-height: 66px;
}

.programBox a, .programBox a:link {
	color:#1e1e1e;
	text-decoration: none;
}

.programBox a:hover {
	color:#a71000;
}

.programBox p a, .programBox p a:link {
	color:#037598;
	text-decoration: underline;
}


.programBox p {
	font-family: "industry", sans-serif;
	margin:15px 0 0 0;
	padding:0;
}

.programBox ul { 
	font-size:.9em;
	border-top:1px solid #e6ded3;
	border-bottom:1px solid #e6ded3;
	padding: 15px;
	margin:  0;
	font-family: "servus-slab", serif;
}

.programBox li {
	padding:0;
	margin:0 0 0 15px;
}


.input.closet {
	width:100%;
	height:auto;
	min-height:60px;
	margin:-15px 0 15px 0;
}

.sortPrograms input[type="checkbox"]{
	display:none;
	margin: 0;
}


.sortPrograms input[type="checkbox"] + span, .sortProgramsKeyword {
	display:inline-block;
	border: 1px solid #dadada;
	padding:9px;
	cursor:pointer;
	border-radius:5px;
	margin-bottom:9px;
}

.sortProgramsKeyword {
	margin:-9px 0 0 0;
}

.sortProgramsKeyword input {
	display:inline;
	border: 0;
	padding:0;
	margin:0;
}

.sortPrograms input[type="checkbox"] + span:hover {
	color:#a71000;
}

.sortPrograms input[type="checkbox"] + span:before{
	content: "\f061"; /* FontAwesome Unicode */
     font-family: FontAwesome;
     font-size: 1.15em;
     font-weight:normal;
     display: inline-block;
     margin: 0 5px;
     width: 15px;
}

.sortPrograms input[type="checkbox"]:checked + span {
	font-weight: bold;
}

.sortPrograms input[type="checkbox"]:checked + span:before{
	content: "\f063"; /* FontAwesome Unicode */
     font-family: FontAwesome;
     font-size: 1.15em;
     font-weight:normal;
     display: inline-block;
     margin: 0 5px;
     width: 15px;
}

.sortPrograms .sortByDivision {
	margin-right:20px;
	min-height:26px;
	max-width:100%;
	cursor:pointer;
}

.sortPrograms select {
	background: transparent;
   	border: 1px solid #dadada;
	padding:15px;
	margin:0;
	height: 54px;
	cursor:pointer;
	border-radius:5px;
}


.clearPrograms {
	display:inline-block;
	color: #1e1e1e;
	background-color: #dadada;
	border:0;
	padding:10px 15px;
	margin: 0 0 0 3px;
	cursor:pointer;
	border-radius:5px;
}


.clearPrograms input:hover {
	color:#a71000;
}

/************************ FOR PRINT ************************/

@media only print {
     
     h1 {visibility:visible;}
     
      header, header div, header ul, header li,  header nav, header span, header a, header form,
      footer, footer div, footer ul, footer li,  footer nav, footer span, footer a,
      .sectionNav, .sectionNav div, .sectionNav ul, .sectionNav li,  .sectionNav nav, .sectionNav span, .sectionNav a,
      .mobileSectionNav, .mobileSectionNav div, .mobileSectionNav ul, .mobileSectionNav li, .mobileSectionNav nav, .mobileSectionNav span, .mobileSectionNav a,
      .jetmenu, .jetmenu div, .jetmenu ul, .jetmenu li, .jetmenu nav, .jetmenu span, .jetmenu a,
      .jetmenu1, .jetmenu1 div, .jetmenu1 ul, .jetmenu1 li, .jetmenu1 nav, .jetmenu1 span, .jetmenu1 a,
      .jetmenu2, .jetmenu2 div, .jetmenu2 ul, .jetmenu2 li, .jetmenu2 nav, .jetmenu2 span, .jetmenu2 a,
      .toTopIcon, .crumbTrail {
          visibility:hidden; width:0; height:0;
      }    
}