!important
@charset "utf-8";

html, body {
/* vertical-align: baseline; */
/*font-family: Verdana,Arial,sans-serif;*/
  font-family: "DejaVu Sans Condensed",sans-serif;
  padding: 0;
  margin: 0;
  min-width:700px;
  background-color:#e6e6e6;
  height:100%;
  height:!important;
}

p, ul, li,tr, td {
    font-family:DejaVu Sans Condensed, sans-serif;
    text-align  :justify;
}

/*****************************/
/* telephone numbers format  */
.telNumb
{  
  font-weight  :bold;
  font-size    :90%;
  font-family  :Dejavu sans mono, courier;
  color        :#2a2378;
}

/************************/
/*   pdf links format   */
.pdfLink
{  
  font-weight  :bold;
  font-size    :80%;
  font-family  :courier, Dejavu sans mono;
  color        :#ff9900;

}
/**********************/
/*   faculty format   */
.faculty
{  
  font-weight  :bold;
  font-size    :80%;
  font-family  :arial, verdana, sans-serif;
  color        :#4a4a4a;
}

/***************************/
/*   custom email format   */
.mail
{  
  font-size    :90%; 
  font-weight  :bold;
}

/***************************/
/*   custom h1 header      */
h1, h2, h3, h4
{
  font-family:DejaVu Sans Condensed, sans-serif;
}

/***********************************/
/*   custom image caption format   */
.csc-textpic-caption {
  margin-top:4px;
  font-size: 80% !important;
  font-family: DejaVu Sans Condensed,sans-serif !important;
  text-align: center !important;
}


.clear { clear:both; }
.hidden {   display: none;  }
.floatLeft { float:left;  }
.floatRight { float:right; }

/* Website MAX WIDTH */
.siteWidth { margin:0 auto; max-width:1024px;  max-width:1220px;  }
.sitePadding { padding:0 2.5%; }

/* TEXT ALIGN */
.textLeft { text-align:left; }
.textRight { text-align:right; }

/* LINK COLORS */
// a { text-decoration:none; color:#2a2378; }
a { text-decoration:none; color:#2d579f; }
a:focus { /*outline:1px auto;*/ text-decoration:underline; }
/*a:hover { color:#06a;  }*/
a:hover {text-decoration:underline;color:#23204b;}

/*.header { background:#255db7; background:linear-gradient(to bottom, #255db7 10%, #2f67c1 90%);  padding-bottom: 5px;  }*/
.header { background:#255db7; background:linear-gradient(to bottom, #255db7 10%, #77a0de 90%);  padding-bottom: 5px;  }

.logoArea { float:left; padding: 5px 0px 5px 5px;  }
.logo { float:left;    }
.logo a { display: inline-block;   }
.logo a img { width:115px;   }
.logoTitle { display: inline-block;   }
.logoTitle h1 { font-family:"DejaVu Sans Condensed",sans-serif; margin:0; padding:13px 0px 0px 5px; font-size:1.5em; color:#fff; text-shadow:-3px 3px 2.5px #000000; font-weight:normal;  }
.headerExtras { float:right; padding: 15px 10px;  }
.languageArea { font-size: 80%; }
.languageArea a {display:inline-block; color:#fff; text-decoration:none; opacity:1;  margin: 0 0 0 0px; }
.languageArea a:hover { opacity:1; background:rgba(0,0,0,0.2); border-radius:5px;}
.languageArea a:focus { opacity:1; background:rgba(255,255,255,0.2); border-radius:5px;}
.languageArea a span:nth-child(1) { display: block; float: left; margin: 0 0 0 5px;}
.languageArea a span:nth-child(2) { display: block; float: left; margin: 6px 5px 5px 3px;}
.languageArea a span:nth-child(2):hover {text-decoration: underline;}
.languageArea a img { width: 1.375em; margin: 5px 0 0 2px;}


input.tabsMenuToggle { font-size:1em !important; z-index:2; margin:0; padding:0; border:0; height:2.5em; width:100%; outline:0; background-image:url(../images/menu.png);  opacity:0; }
div.tabsMenuToggle { z-index:1; margin:-40px 0 0 0; padding:40px 0 0 0; }
div.tabsMenuToggle:before { background-image: url(../images/menu.png); background-repeat: no-repeat; background-position: 30px 50%; content: "Navigation Menu"; display: none; font-size: 1.2em; padding: 8px 5px 8px 70px; z-index: 1;  }
div.headerTabs  { border: 2px solid #073f99; border-width:2px 0; background:#f3eee6; background: linear-gradient(to bottom, #fffaf3 5%, #fbf6ee 30%, #f3efe7 50%, #fbf6ee 70%, #fffaf3 95%);   }
ul.headerTabs  {  margin:0; padding:0; list-style:none;  }
ul.headerTabs > li  {   margin:0; padding:1px; list-style:none; display:inline-block; position:relative; }
ul.headerTabs > li a  { text-decoration:none; display:block; padding:6px 17px; border-radius:2px; min-width: 50px; text-align: center;  }
ul.headerTabs > li a:hover, ul.headerTabs  li a:focus  { text-decoration:underline; background-color:#fffdf6; background-color:#fffefa; box-shadow: 0 0 3px rgba(0,0,0,0.1);   }
ul.headerTabs > li a.selected  { background-color:#2a62bc; color:#fff; text-decoration:none;   }  
ul.headerTabs > li > ul > li > a  { text-align:left; padding:12px 10px; }
ul.headerTabs > li.expandable > a { background-image:url(../images/tab_expand.png); background-position:98% 50%; background-repeat:no-repeat; }


#headerTabsID ul.tabsArea { margin: 0; padding: 0; }
#headerTabsID ul.tabsExpanded { border-radius: 6px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); margin: -1px 0 0 -4px; min-width: 120%; padding: 0; background-color:#ffffff }
#headerTabsID li.tabsExpanded { border-radius: 6px; } 
div.tabsArea { padding-right: 40px; }
#headerTabsID li { position: relative; list-style:none; }
#headerTabsID a { display: block; text-decoration: none; }
#headerTabsID a:hover, #headerTabsID a:focus { color: #000; }
#headerTabsID ul { left: -9999px; position: absolute; }
#headerTabsID ul li { float: none; }
#headerTabsID ul.tabsExpanded a { white-space: normal; }
#headerTabsID > li:hover > a, #headerTabsID > li:focus > a { background-color: #49798e; background-color: #fff; text-decoration: none; color: #000;}
#headerTabsID li:hover a.tabsArea, #headerTabsID li:focus a.tabsArea { border-radius: 4px 4px 0 0; }
#headerTabsID li:hover a.tabsArea:only-child, #headerTabsID li:focus a.tabsArea:only-child { border-radius: 4px; }
#headerTabsID a.tabsExpanded { border: 4px solid #49798e; }
#headerTabsID li.tabsExpanded:first-child a.tabsExpanded { border-radius: 6px 6px 0 0; }
#headerTabsID li.tabsExpanded:last-child a.tabsExpanded { border-radius: 0 0 6px 6px; }
#headerTabsID li:hover ul a, #headerTabsID li:focus ul a { text-decoration: none; }
#headerTabsID li:hover ul li a:hover, #headerTabsID li ul li a:focus { background-color: #def; }
#headerTabsID li a.tabsArea:focus ~ ul.tabsExpanded { left: 0; z-index: 2; }
a:focus > ul.tabsExpanded { left: 0; z-index: 2; }
#headerTabsID li.expandable a:focus ul, #headerTabsID li.expandable a:hover ul {color:#000000; left: 0 !important; z-index: 3; }
#headerTabsID li:hover ul.tabsExpanded { left: 0; z-index: 3; }
#headerTabsID li.tabsArea:hover { z-index: 4; }



.mainBodyContainer { box-shadow: 0 0 10px rgba(0,0,0,0.16); margin-bottom:5px; background-color:#fff;  border-radius:0 0 10px 10px; }
.mainBody  {  padding: 10px 20px;  }
/*.navigationArea  { font-size:0.875em; padding:5px 0 20px 0;  }*/
.navigationArea  { font-size:80%; font-weight:bold; padding:5px 0 10px 0;  }

.navigationArea span { display:inline-block;  }
.navigationArea span.navTitle  { font-weight:bold; font-style: italic;  }
.navigationArea  a { text-decoration:none;  }

.mainContent  {  padding-top:10px;   }

.titleAndDate  { border-bottom:2px solid #275fb9; margin-bottom:30px; position: relative;  width: 100%; }
.title  { float: left;  margin: 0 6em 0 0;  }
.title  h2 { margin:0; padding:0; font-weight:normal;  }

.date  { background-color: #275fb9; bottom: 0; color: #fff; font-size: 0.875em; padding: 2px 1px 0; position: absolute; right: 0; text-align: center; width: 5.7em; }

.bigTitle  { font-family:"DejaVu Sans Condensed",sans-serif;  }
.bigTitle  h3 {  font-family:"DejaVu Sans Condensed",sans-serif; }

.mainBodyArea  { padding-top:10px; min-height: 350px;  }

.primaryCont  { width: 65%; float: left;  }
.primaryCont  p { line-height: 1.4em; padding:0 0 7px 0;   }

.secondaryCont { width:34.9%; float:right; }

ul.picturesContent {  margin:0; padding:0; list-style:none;  }
ul.picturesContent  li  { margin:0; padding:0; list-style:none;   }
ul.picturesContent  li  a { border:1px solid #fff;   display: block; float: left; margin-left: 4.99%; overflow: hidden; width: 44%; margin-bottom:20px; box-shadow:0 0 5px #bbb; text-decoration:none;  border-radius:8px; }
ul.picturesContent  li  a:hover, ul.picturesContent  li  a:focus { box-shadow:0 0 5px #555; }
ul.picturesContent  li  a.mainPic {  width:94%;  }
ul.picturesContent  li  a img {  height: 140px; object-fit: cover; width: 100%;     }
ul.picturesContent  li  a:focus  {  height: 179px; background-color:#CCC;   }
ul.picturesContent  li  a.mainPic img { height:180px;   }
ul.picturesContent  li  a.mainPic:focus {  height: 219px; }

ul.picturesContent  li  a .picLabel { padding:5px; font-size:0.785em; color:#444; display: block; height: 2.3em; overflow:hidden; background-color:#f4f4f4;}
/*ul.picturesContent  li  a:focus   { position:fixed; width:80vw; height:80vh; left:50%; right:50%; top:50%; bottom:50%; margin:-40vh -40vw; z-index:9;  }
ul.picturesContent  li  a:focus:before { position:fixed; width:100%; height:100%; content:" "; left:0; top:0; background:rgba(0,0,0,0.5); z-index:10; }
ul.picturesContent  li  a:focus img { position:absolute; left:0; top:0; height:80vh !important;  object-fit: contain; z-index:12; transition: all 1s; }*/
ul.picturesContent li a:focus::before { background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; content: " "; height: 100%; left: 0; position: fixed;   top: 0; transition: background 1s ease 0s; width: 100%;  z-index: 10; }
ul.picturesContent li a:focus img {     height: 90vh !important; left: 0; margin-top: 5vh; object-fit: contain; position: fixed; top: 0; transition: all 1s ease 0s;  z-index: 11; }

.footerLogo { position:relative; top:70px; left:20px; display: inline-block;}
.footerLogo { top:-13px; float:left;  }
a.footerLogo { opacity:0.8); }
a.footerLogo:hover, a.footerLogo:focus { opacity:1;    }
.footerLogo img {  }
.footerArea {font-size:small; text-align:right; color:#fff; text-shadow:-2px 2px 2.5px #000000; font-family:"DejaVu Sans Condensed",sans-serif; display: block; padding:18px 5px 15px 2px; background:linear-gradient(to bottom, #255db7 10%, #77a0de 90%); color:#fff; border-radius:0px 0px 10px 10px; }
/*.footerArea span {font-size:small; text-align:right; color:#fff; text-shadow:-2px 2px 2.5px #000000; font-family:"DejaVu Sans Condensed",sans-serif; display: block; padding:18px 5px 15px 2px; background:linear-gradient(to bottom, #255db7 10%, #77a0de 90%); color:#fff; border-radius:0px 0px 10px 10px; }
*/


/*Grid Elements*/

/*2 Columns*/
.element2cols { overflow:hidden;}
.col1_2, .col2_2 { width:48%; float:left; }
.col1_2 { margin-right:2%; }
.col2_2 { margin-left: 2%; }

/*3 Columns*/
.element3cols { overflow:hidden;}
.col1_3, .col2_3, .col3_3 { width:30%; float:left; }
.col1_3 { margin-left:1%; margin-right:2%; }
.col2_3 { margin-left:2%; margin-right:2%;}
.col3_3 { margin-left:2%; margin-right:1%; }

/*4 Columns*/
.element4cols { overflow:hidden;}
.col1_4, .col2_4, .col3_4, .col4_4 { width:22%; float:left; }
.col1_4 { margin-right:2%;}
.col2_4 { margin-left:2%; margin-right:2%;}
.col3_4 { margin-left:2%; margin-right:2%;}
.col4_4 { margin-left:2%; }


/*Left 25% Right 75%*/
.element_L25_R75 { overflow:hidden; }
.col1_L25_R75 { width:23%; margin-right:2%; float:left; }
.col2_L25_R75 { width:73%; margin-left:2%;float:left; }


/*Left 75% Right 25%*/
.element_L75_R25 { overflow:hidden; }
.col1_L75_R25 { width:73%; margin-right:2%; float:left; }
.col2_L75_R25 { width:23%; margin-left:2%;float:left; }


/*Left 25% Middle 50% Right 25%*/
.element_L25_M50_R25 { overflow:hidden;}
.col1_L25_M50_R25 { margin-left:1%; margin-right:2%; width:22%; float:left; }
.col2_L25_M50_R25 { margin-left:2%; margin-right:2%; width:46%; float:left; }
.col3_L25_M50_R25 { margin-left:2%; margin-right:1%; width:22%; float:left; }


/*Left 80% Right 20%*/
.element_L80_R20 { overflow:hidden; }
.col1_L80_R20 { width:78%; margin-right:2%; float:left; }
.col2_L80_R20 { width:18%; margin-left:2%;float:left; }


@media (max-width:919px) {
/*2 Columns*/
.element2cols { overflow:hidden;}
.element2cols .col1_2, .element2cols .col2_2 {width:100%; margin:30px 0px 0px 0px;}

/*3 Columns*/
.element3cols { overflow:hidden;}
.element3cols .col1_3, .element3cols .col2_3, .element3cols .col3_3 {width:100%; margin:30px 0px 0px 0px;}

/*4 Columns*/
.element4cols { overflow:hidden;}
.element4cols .col1_4, .element4cols .col2_4, .element4cols .col3_4, .element4cols .col4_4 {width:100%; margin:30px 0px 0px 0px;}

/*Left 25% Right 75%*/
.element_L25_R75 { overflow:hidden; }
.element_L25_R75 .col1_L25_R75, .element_L25_R75 .col2_L25_R75 {width:100%; margin:30px 0px 0px 0px;}

/*Left 75% Right 25%*/
.element_L75_R25 { overflow:hidden; }
.element_L75_R25 .col1_L75_R25, .element_L75_R25 .col2_L75_R25 {width:100%; margin:30px 0px 0px 0px;}

/*Left 25% Middle 50% Right 25%*/
.element_L25_M50_R25 { overflow:hidden;}
.element_L25_M50_R25 .col1_L25_M50_R25, .element_L25_M50_R25 .col2_L25_M50_R25 , .element_L25_M50_R25 .col3_L25_M50_R25 {width:100%; margin:30px 0px 0px 0px;}

/*Left 80% Right 20%*/
.element_L80_R20 { overflow:hidden; }
.element_L80_R20 .col1_L80_R20, .element_L80_R20 .col2_L80_R20  {width:100%; margin-right:2%; float:left;}
}

/* MEDIA QUERIES */
@media screen and (min-width: 1024px) {
  html, body { min-width:320px; }
  ul.picturesContent  li  a img { height: 160px;   }
  ul.picturesContent  li  a:focus  {  height: 199px;   }

  ul.picturesContent  li  a.mainPic img { height:230px;   }
  ul.picturesContent  li  a.mainPic:focus {  height: 269px; }
}

@media screen and (min-width: 769px) {
  html, body { min-width:320px; }
  input.tabsMenuToggle { display:none; }
}

@media screen and (min-width: 641px) and (max-width: 768px) {
  html, body { min-width:320px; }
  ul.picturesContent  li  a img { height: 150px;   }
  ul.picturesContent  li  a:focus  {  height: 189px;   }

  ul.picturesContent  li  a { width:95%; }
  ul.picturesContent  li  a.mainPic img { height:180px;   }
  ul.picturesContent  li  a.mainPic:focus {  height: 219px; }

  input.tabsMenuToggle { display:none; }
}

@media screen and (min-width: 480px) and (max-width: 640px) {
  html, body { min-width:320px; }
  .primaryCont, .secondaryCont { width:100%; }
  ul.picturesContent  li  a img { height: 210px;   }
  ul.picturesContent  li  a:focus  {  height: 249px;   }
  ul.picturesContent  li  a.mainPic img { height:230px;   }
  ul.picturesContent  li  a.mainPic:focus {  height: 269px; }
}

@media screen and (max-width: 479px) {
  html, body { min-width:320px; }
  .logoTitle h1 { font-size: 1.25em; padding: 7px 0 2px 15px; }
  .logo a img { width: 90px; }
  ul.headerTabs > li a  { padding: 6px 9px;  }
  .mainBody  {  padding: 5px 15px;  }
  .mainBodyContainer { box-shadow:none; margin-bottom:0; border-radius:0; }
  .footerArea { border-radius:0; }
/*.footerArea span { border-radius:0; }*/
  .footerLogo { margin-bottom:-40px;   }
 /* .footerArea span { min-height:40px; }
.footerArea  { min-height:40px; }*/
  .primaryCont, .secondaryCont { width:100%; }
  ul.picturesContent  li  a img { height: 150px;   }
  ul.picturesContent  li  a:focus  {  height: 189px;   }

  ul.picturesContent  li  a.mainPic img { height:180px;   }
  ul.picturesContent  li  a.mainPic:focus {  height: 219px; }


  .date { bottom: -1.35em; }
  .title { margin: 0; }
  .titleAndDate {  margin-bottom: 2em; }
  /*input.tabsMenuToggle ~ div.tabsMenuToggle li { display:none; }
  input.tabsMenuToggle:checked ~ div.tabsMenuToggle li { display:block; }
  input.tabsMenuToggle:checked ~ div.tabsMenuToggle ul * {  text-align:center;  position:relative !important; left:0 !important; }*/
  #headerTabsID ul.tabsExpanded { min-width: 100%; box-shadow:none; }
  ul.picturesContent  li  a { width:95%; }


}

@media screen  and (max-width: 768px) {
  html, body { min-width:320px; }
  .siteWidth { margin:0 auto; max-width:900px; }
  .sitePadding { padding:0; }
  .mainBodyContainer { box-shadow:none; margin-bottom:0; border-radius:0; }
 /* .footerArea span { border-radius:0; padding: 2px 5px 20px 101px; }
 .footerArea { border-radius:0; padding: 2px 5px 0px 10px; }*/

}

@media screen  and (max-width: 640px) {
  input.tabsMenuToggle ~ div.tabsMenuToggle li { float:none; display:block; height:0; overflow:hidden; padding:0; margin:0; transition: height 0.6s; }
  input.tabsMenuToggle ~ div.tabsMenuToggle li.expandable {  height:auto; max-height:0; transition: max-height 0.6s;  }
  input.tabsMenuToggle:checked ~ div.tabsMenuToggle li {  height:2em; padding:0;  transition: height 0.6s; }
  input.tabsMenuToggle:checked ~ div.tabsMenuToggle li.expandable { min-height:unset; max-height:unset; height:unset; transition: height 0.6s; }
  input.tabsMenuToggle:hover ~ div.tabsMenuToggle:before, input.tabsMenuToggle:focus ~ div.tabsMenuToggle:before { background-image:url(../images/menu_hover.png); }
  input.tabsMenuToggle:hover ~ div.tabsMenuToggle, input.tabsMenuToggle:focus ~ div.tabsMenuToggle { color:#036; }
  input.tabsMenuToggle:checked ~ div.tabsMenuToggle:before { background-image:url(../images/menu_black.png); }
  input.tabsMenuToggle:checked:hover ~ div.tabsMenuToggle:before, input.tabsMenuToggle:checked:focus ~ div.tabsMenuToggle:before { background-image:url(../images/menu_grey.png); }
  
  input.tabsMenuToggle:checked ~ div.tabsMenuToggle li.expandable li a { padding-left:50px !important; background-image:url(../images/expand_middle.png); background-repeat:no-repeat; background-position:37px 50%;  }
  input.tabsMenuToggle:checked ~ div.tabsMenuToggle li.expandable li:last-child a { background-image:url(../images/expand_last.png);  }

  #headerTabsID ul { left: 0; position:relative; }
  #headerTabsID ul.tabsExpanded { min-width: unset; }
  #headerTabsID * { display:block; }
  div.tabsMenuToggle:before { display:inline-block;}
  #headerTabsID  a { border-radius:0; display: block; padding: 6px 10px 6px 30px; text-align: left; }
  ul.headerTabs > li.expandable > a { background-position:10px 50%;  }
  li.expandable li a { padding: 6px 10px 6px 40px;  }
  div.tabsMenuToggle { padding:0; }
  #headerTabsID ul.tabsExpanded { border-radius: 0; }
  ul.headerTabs > li a.selected { background-color: #dfdfdf; color: #004d99; }
  
}

.news-list-view .header h3 a {text-decoration:none;}
.news-list-view .header h3 a span {padding-left:5px; color:#255db7; text-decoration:none;}
.news .article h3 {
  margin-bottom: -2px;
  background:linear-gradient(to bottom, #fffaf3 5%, #fbf6ee 30%, #f3efe7 50%, #fbf6ee 70%, #fffaf3 95%);
  padding-bottom:2px;
}

#position ul li:first-child{
  padding-left:20px;
}

#position ul{
  margin:0;
  padding:0;
  /*color:#888;*/
}
#position ul li a{
  /*color:#333;*/
  
}
#position ul li a:hover{
  /*color:#333;*/
  opacity:1;
}
#position ul li{
  display:inline-block;
  padding-right:2px;
  padding-left:2px;
  margin-right:3px;
  position:relative;
}
#position ul li:after{
  content:"\00a0>";
 }
#position ul li:last-child:after{
  content:'';
}

#position ul li:first-child:after{
  content:':';
}


# Box Slider Styling
ul.bxslider {
margin:0;
padding:0;
}

.bx-wrapper .bx-viewport {
    border: 0px solid #f3efe7 ;
    border-bottom-width: 4px;
}
}



.footerArea {
padding-bottom:0px !important;
}


.footerArea #f1 {
  position:relative;
  top:-18px;
  float:left !important; 
  width:50% !important;
}

.footerArea #f2 { 
  float:right !important; 
  width:50% !important;
}

.footerArea {
min-height:70px !important;
text-shadow:none;
}

.footerArea a {
   color:#ffffff;
}

.footerArea .privacy_list 
{
margin-left:30px;
}



@media (max-width:800px) {
.footerArea {overflow:hidden;}
.footerArea #f1, .footerArea #f2 { 
     width:100% !important;    
  }


.footerArea #f1 {

top:-8px;
}


.footerArea #f2 {

  float:left !important;
margin-top:20px;
margin-left:10px !important; 
text-align:left !important;
}


}



.contenttable-2, .contenttable-2 td, .contenttable-2 th {
  border: 1px solid #C0C0C0;
  padding:8px;
}


.contenttable-2 {
  border-collapse: collapse;
}