body { font: 0.8em/165% "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; margin:0; padding:0; outline:0 none; vertical-align:baseline; }

a{
    color:#117a91;
}

a:hover{
  color: #459898;
}

#browsernotice
{
  background: #fff;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  font-weight: bold;
  text-align: center;
  height: 144px;
  display: none;
}

/*FONT DEFINITION*/

@font-face
{
    font-family: 'TrajanPro';
    src: url('/fonts/trajanpro.eot');
    src: url('/fonts/trajanpro.woff') format('woff'),
        url('/fonts/trajanpro.ttf') format('truetype'),
        url('/fonts/trajanpro.svg') format('svg');
}

@font-face
{
    font-family: 'MYRIADPRO-BOLD';
    src: url('/fonts/MYRIADPRO-BOLD.eot');
    src: url('/fonts/MYRIADPRO-BOLD.ttf') format('truetype'),
         url('/fonts/MYRIADPRO-BOLD.svg') format('svg');
}

@font-face
{
    font-family: 'MYRIADPRO';
    src: url('/fonts/MyriadPro-Regular.eot');
    src: url('/fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('/fonts/MyriadPro-Regular.svg') format('svg');
}

@font-face {
    font-family: 'MyriadPro-Light';
    src: url('/fonts/MyriadPro-Light.eot');
    src: url('/fonts/MyriadPro-Light.woff') format('woff'),
    url('/fonts/MyriadPro-Light.ttf') format('truetype'),
    url('/fonts/MyriadPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'MYRIADPRO-BOLD';
    src: url('/fonts/MYRIADPRO-BOLD.eot');
    src: url('/fonts/MYRIADPRO-BOLD.woff') format('woff'),
    url('/fonts/MYRIADPRO-BOLD.ttf') format('truetype'),
    url('/fonts/MYRIADPRO-BOLD.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
      font-family: 'FontAwesome';
      src: url('/fonts/fontawesome-webfont.eot?v=4.7.0');
      src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
      font-weight: normal;
      font-style: normal;
    }

/*END FONT DEFINITION*/
html
{
    background-color: #1a1a1a;
}

h1, h2, h3, h4, h5, h6 { margin:25px 0 20px 0; line-height:120%; font-family: "MYRIADPRO","Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; }

h1, h2, h3, h4, h5, h6 { color:#8A2432; text-shadow: 1px 1px 1px #eaf1ea; }

.front .node h1 { font-size:30px; font-weight:normal; }

.front .node h1.front-heading { margin-bottom:0; font-weight:bold; }

.node.node-teaser h2 { margin-top:0; }

.subtitle { padding:5px 0 15px 0; font-size:18px; color:#494d4f; font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; }

input, textarea, select { font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; }

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
#footer-bottom h1, #footer-bottom h2, #footer-bottom h3, #footer-bottom h4, #footer-bottom h5, #footer-bottom h6 { text-shadow:none; }

p { margin:0 0 25px 0; }

a, li a.active { text-decoration:none; }

a img { border:none; outline: none; overflow:hidden; }

img.masked, .field-type-image img { background:transparent url('images/pattern.png'); margin:0; float: left;}

img { max-width: 100%; height: auto;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

code { font-family: "Courier New", Courier, monospace; }

blockquote { background:transparent url('images/blockquote.png') no-repeat top left; margin: 40px 0; padding: 0 55px; }

.breadcrumb { padding:5px 10px 5px 10px; margin: 20px 0px 20px 10px; }

.breadcrumb-separator { padding:0 8px 0 4px; }

.submitted { margin:-15px 0 20px 0; font-size: 85%; text-transform: uppercase; }

.region-sidebar-first .block h2, .region-sidebar-second .block h2 {  margin: 0 0 15px 0; padding:0 0 5px 0; }

.region-content { line-height:155%; }



/*
* Layout
*/
#header { clear:both; }

#header-inside { margin: 0 auto; padding-top:5px; overflow:hidden; text-align: center; }

#logo { display:block; overflow:hidden; padding:0; margin:0; }

#logo a{ padding:0; margin:0; display:block; overflow:hidden; }

#logo img { padding:0; margin:0; display:block; overflow:hidden; }

#banner  { clear:both; border-bottom:1px solid #fcfcfc; overflow: hidden; }

#content { clear:both; overflow:hidden; }

#content-inside { padding:5px 0 60px; }

#main {  }

#sidebar { }

.no-sidebars #main { padding-top:10px; padding-bottom:10px; }

.no-sidebars #sidebar { display:none; }

.meta-data { font-size:75%; text-transform:uppercase; color:#545454; margin:5px 0 20px 0; display:block; overflow:hidden; clear:both; }

#footer { clear:both; overflow:hidden; padding:8px 0 8px 0;}

#footer-inside { padding-left:10px; }

.footer-area { }

.footer-area.first { }

.footer-area.second { }

.footer-area.third { }

.node.node-teaser { margin-bottom:60px; }

#footer-bottom { clear:both; overflow:hidden; padding: 60px 40px 0px 40px;}

#footer-bottom-inside { }

#footer-bottom-left { }

//added l. zande
#footer-bottom-right {
    float: right;
}

#credits{
  padding-bottom: 40px;
}

/*
* Sidebar Blocks - Menus
*/
.region-sidebar-first .block .content, .region-sidebar-second .block .content  {
padding: 8px; overflow:hidden; margin:0 0 40px 0; }

.region-sidebar-first #block-block-2.block .content, .region-sidebar-second #block-block-2.block .content { background:none; border:none; padding:0; -webkit-box-shadow: none;  -moz-box-shadow:none;  box-shadow:none; }

.region-sidebar-first ul.menu, .region-sidebar-second ul.menu {  margin:0; padding:0; }

.region-sidebar-first ul.menu li, .region-sidebar-second ul.menu li { list-style:none; margin:0; padding:5px; border-bottom:1px solid #e7e7e7; display:block; }

.region-sidebar-first ul.menu li.expanded, .region-sidebar-second ul.menu li.expanded { border-bottom:none; }

.region-sidebar-first ul.menu ul.menu, .region-sidebar-second ul.menu ul.menu { padding:0 0 0 15px; }

.region-sidebar-first ul.menu li.collapsed, .region-sidebar-second ul.menu li.collapsed, #footer .block ul.menu li.collapsed { background:url("images/menu-collapsed.png") no-repeat scroll right center transparent; }

.region-sidebar-first ul.menu li.expanded, .region-sidebar-second ul.menu li.expanded, #footer .block ul.menu li.expanded { background:url("images/menu-expanded.png") no-repeat scroll right top transparent; }

.region-sidebar-first ul.menu li.collapsed > a, .region-sidebar-second ul.menu li.collapsed > a, #footer .block ul.menu li.collapsed > a { padding-left:0px; }

.region-sidebar-first ul.menu li.expanded > a, .region-sidebar-second ul.menu li.expanded > a, #footer .block ul.menu li.expanded > a { padding-left:0px; }

/*
* Contact
*/
.contact-form { margin:10px 0; }

.filter-wrapper { border:1px solid #DDDDDD; border-top:none; }

.user-picture { float:left;  padding:0 20px 10px 0; }

/*
* About
*/
.about-features { padding:60px 0 0 0; }

.about-feature.last {  }

.about-members { clear:both; padding:10px 0 0 0;}

.about-member { background:transparent url('images/pattern.png'); border:1px solid #e4e4e4; padding:15px; margin-bottom:15px; }

.about-feature h2 { margin-top:0; }

.about-member p { margin:0; }

/*
* Products
*/
.product { margin-bottom:60px; }

.product h2 { margin:0 0 5px 0; }

.product-subtitle { padding:0 0 10px 0; }

/*
* Services
*/
.services { clear:both; padding:20px 0; }

.service-left {  }

.service-right {  }

/*
* Testimonials
*/
.testimonial { display: block; overflow: hidden; position: relative; clear:both; }

.testimonial-inner { outline:none; border:1px solid #ffffff;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
padding: 10px; overflow:hidden; background:#ffffff; margin:25px 0 0 0; font-style:italic;
 /* shadow */
-webkit-box-shadow: 0 2px 3px #efefef inset;  -moz-box-shadow:0 2px 3px #efefef inset;  box-shadow:0 2px 3px #efefef inset; }

.testimonial-submitted { background: url("images/testimonial.png") no-repeat scroll 95% 0 transparent; text-align:right; padding:20px 0 0 0; }

/******
***START MAIN MENU***
***/

/* Reset */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }

/* Menu Container */
.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500;
}

/* Menu List */
.nav > li {
	display: block;
	float: left;
}

/* Menu Links */
.nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	padding: 10px;
  font-size: 11px;
  text-transform: uppercase;
	background: #721D29;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.nav > li > a {color: #ffffff;}

.nav > li:hover > a {
  background-repeat: no-repeat;
  background-position: bottom center;
  color: #f5c256;
}

.nav > li:first-child > a {
	border-left: none;
}

/* Menu Dropdown */
.nav > li > .megaMenuWrapper {
	position: fixed;
	display: block;
	width: 100%;
	left: 0;

	opacity: 0;
	visibility: hidden;
	background: #ececec;
        height: 345px;

	-webkit-transition: all .1s ease .15s;
	-moz-transition: all .1s ease .15s;
	-o-transition: all .1s ease .15s;
	-ms-transition: all .1s ease .15s;
	transition: all .1s ease .15s;

}

.nav .megaMenuInside{
  width: 940px;
  margin: 0 auto;
  display: block;
  padding: 0;
  overflow: hidden;
  height: 375px;
}

.nav > li:hover > .megaMenuWrapper {
	opacity: 1;
	visibility: visible;
	overflow: hidden;
}

/* Menu Content Styles */
.nav .nav-column {
  float: left;
  width: 190px;
  display: block;
  padding: 0px 15px 10px 10px;
  margin-right: 10px;

  /*
	width: 20%;
	padding: 2.5%;*/
}

.nav .nav-column h3 {
	margin: 20px 0 10px 0;
	font-weight: 300;
	font-size: 160%;
  text-shadow: none;
  color: #222;
}

.nav .nav-column h3:hover{
  text-decoration: underline;
}

.nav .nav-column li a {
	display: block;
  padding: 5px 5px 5px 9px;

	font-size: 13px;
	color: #8A2432;
}

.nav .nav-column li a:hover { color: #fff; background-color: #44494d; }
/*END HOMEPAGE STYLING*/

#everydayAccess{
  float: right;
  padding: 10px;
}

#everydayAccessButton{
  padding: 5px;
  color: #fff;
  position: relative;
}

#everydayAccess:hover{
  background-color: #51151d;
}

#everydayAccess:hover > .everydayAccessList{
  visibility: visible;
  display: block;
  opacity: 1;
}

#everydayAccess:hover > .everydayAccessFlare{
  color: #F5C256;
  border: 1px solid #fff;
}

.everydayAccessList li{
  margin: 0;
  padding: 0;
}

.everydayAccessList a{
  display: block;
  color: #fff;
  padding: 3px 15px 3px 15px;
}

.everydayAccessList a img{
  float: left;
  position: relative;
  margin-right: 8px;
}

.everydayAccessList a:hover{
  color: #b9b9b9;
}

   /*ul.menu li menu override*/
  ul.menu li{
    margin: 0;
  }

  .toggle,
  [id^=drop] {
    display: none;
  }

  /* Giving a background-color to the nav container. */

  nav {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 12px;
    font-family: "MYRIADPRO","Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
    display: none;
  }

  .uniMainMenu-active{
    background-image: url('images/active_arrow.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    text-decoration: bold;
  }

  nav label{
    font-weight: normal;
  }
  /* Since we'll have the "ul li" "float:left"
   * we need to add a clear after the container. */

  /* Removing padding, margin and "list-style" from the "ul",
   * and adding "position:reltive" */

  nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    width: 100%;
  }


  /* Positioning the navigation items inline */
  nav ul li {
    display: inline-block;
    float: left;
    margin: 3px;
  }

  /* Styling the links */
  nav a{
    display: block;
    padding: 5px 15px;
    font-size: 15px;
    text-decoration: none;
    color: #8A2432;
  }

  nav ul li ul a{
    padding: 10px;
  }

  /* Background color change on Hover */
  nav ul li:hover {
    background-color: #721D29;
    border-radius: 25px;
    color: #fff;
  }

  nav ul li:hover .topLevelLink{
    color: #fff;
  }

  nav ul li a:hover{
    color: #fff;
  }

  nav ul li ul li:hover{
    background-color: #ececec;
    border-radius: 0;
  }

  nav ul li ul li:hover a{
    color: #8A2432;
  }

  /* Hide Dropdowns by Default
   * and giving it a position of absolute */

  nav ul ul {
    display: none;
    position: absolute;
    border-radius: 6px;
    width: 220px;
    -webkit-box-shadow: 0 25px 45px -26px rgba(166,166,166,.92);
    -moz-box-shadow: 0 25px 45px -26px rgba(166,166,166,.92);
    box-shadow: 0 25px 45px -26px rgba(166,166,166,.92);
  }

  .secondaryList{
    /*padding-top: 10px;
    background-image: url('images/menuTopBackground.png');
    background-position: top;
    background-repeat: no-repeat;*/
    z-index: 900;
  }

  /* Display Dropdowns on Hover */

  nav ul li:hover > ul {
    display: inherit;
  }

  nav ul li ul li:hover{
    border-radius: 0;
    text-decoration: underline;
    color: #a72a3b;
  }

  /* Fisrt Tier Dropdown */

  nav ul ul li {
    width: 220px;
    float: none;
    display: list-item;
    position: relative;
    background-color: #f4f4f4;
  }

  /* Second, Third and more Tiers
   * We move the 2nd and 3rd etc tier dropdowns to the left
   * by the amount of the width of the first tier.
  */

  nav ul ul ul li {
    position: relative;
    top: -60px;

    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 220px;
  }

  nav ul ul ul{
    box-shadow: none;
  }

  /* Change ' +' in order to change the Dropdown symbol */

  li > a:only-child:after {
    content: '';
  }


  #header-inside-mobile{
    display: none;
  }

  #mobileMenuSearch{
    display: none;
  }

  .coreheader-menu-active{
    font-weight: bold;
  }

  #header-menu{
    background-color: #721D29;
  }

  /* Media Queries
  --------------------------------------------- */

  /*Mobile menu code*/
  @media all and (max-width: 1068px) {
    .nav{
      display: none;
    }

    li > a:after {
      content: ' +';
    }

    #everydayAccess{
      display: none;
    }

    #header-menu{
      background-color: #8A2432;
      padding-bottom: 5px;
    }

    nav{
      display: block;
    }

    #siteName{
      display: none;
    }

    #header-inside-mobile{
      display: block;
      margin: 0 auto;
      width: 300px;
      padding-top: 20px;
    }

    #header-inside-left{
      display: none;
    }

    #header-inside-right{
      display: none;
    }

    #mobileMenuSearch{
      display: block;
    }

    nav {
      margin: 0;
      color: #fff;
      width: 100%;
    }

    nav a{
      color: #fff;
      font-size: 17px;
      padding: 12px;
    }

    nav ul ul {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }

    nav ul li ul li:hover{
      text-decoration: none;
    }

    nav ul li ul li:hover a{
      color: #fff;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle + a,
    .menu {
      display: none;
    }
    /* Styling the toggle lable */
    .toggle {
      display: block;
      background-color: #8A2432;
      padding: 12px;
      font-size: 17px;
      text-decoration: none;
      border: none;
    }
    .toggle:hover {
      background-color: #721D29;
    }
    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked + ul {
      display: block;
    }
    /* Change menu item's width to 100% */
    nav ul li {
      display: block;
      width: 100%;
    }
    nav ul ul .toggle,
    nav ul ul a {
      padding: 0 40px;
    }
    nav ul ul ul a {
      padding: 0 80px;
    }
    nav a:hover,
    nav ul ul ul a {
      background-color: #263238;
    }
    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
      padding: 14px 10px;
      color: #FFF;
      font-size: 17px;
    }
    nav ul li ul li .toggle,
    nav ul ul a {
      background-color: #37474F;
    }
    /* Hide Dropdowns by Default */
    nav ul ul {
      float: none;
      position: static;
      color: #ccc;
      width: 100%;
      /* has to be the same number as the "line-height" of "nav a" */
    }
    /* Hide menus on hover */
    nav ul ul li:hover > ul,
    nav ul li:hover > ul {
      display: none;
    }
    /* Fisrt Tier Dropdown */
    nav ul ul li {
      display: block;
      width: 100%;
    }
    nav ul ul ul li {
      position: static;
      /* has to be the same number as the "width" of "nav ul ul li" */
    }

    #coreheader-menu-inside{
      display: none;
    }

    #uniMainMenu{
      display: none;
    }

    .mobileMenuCompanion a{
      font-size: 15px;
    }

    .mobileMenuCompanion label{
      font-size: 15px;
    }

  }

  #universityMenu{
    margin-top: 12px;
  }

  #everydayAccessMenu a img{
    float: left;
    margin-right: 8px;
    margin-top: 4px;
  }

  @media all and (max-width: 330px) {
    nav ul li {
      display: block;
      width: 94%;
    }
  }

  #siteName a{
    color: #8a2432;
  }

  #siteName a:hover{
    color: #a32335;
  }


/******
***END MAIN MENU***
***/

/*
* Footer menu
*/
#footer .block ul.menu { margin: 0; padding: 0; }

#footer .block ul.menu ul.menu { margin: 0 0 0 15px; }

#footer .block ul.menu li { list-style:none; margin:0; padding:0; list-style-image:none; }

#footer .block ul.menu li a { display: block; padding:5px; }

/*SOCIAL LIST j.boggs*/
#socialList{
  list-style: none;
  margin-left: -47px;
  margin-top: -15px;
  padding: 7.5px;
}

#socialList li{
  display: block;
  float: left;
  margin-right: 10px;
}

/*end social list*/

/*
* Footer-bottom menu
*/
ul.secondary-menu, #footer-bottom ul.menu { padding:0; margin:0 0 10px 0; display:block; overflow:hidden; }

ul.secondary-menu li, #footer-bottom ul.menu li { display:block; float:left; list-style-type:none; overflow:hidden; padding:0 10px; margin:0; }

ul.secondary-menu li.first, #footer-bottom ul.menu li.first { padding:0 10px 0 0; margin:0; }

ul.secondary-menu li.last, #footer-bottom ul.menu li.last { border-right:none; margin:0; }

#footer-bottom ul.menu ul.menu { display:none; }

/*
* Comments
*/
#comments { padding:20px 0 0 0; }

.comment { border:1px solid #ffffff;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
padding: 20px; overflow:hidden; background:#ffffff; margin:0 0 30px 0;
 /* shadow */
-webkit-box-shadow: 0 2px 6px #efefef inset;  -moz-box-shadow:0 2px 6px #efefef inset;  box-shadow:0 2px 6px #efefef inset;}

#comments-title { border:1px solid #e7e7e7; padding:5px 10px; display:block; overflow:hidden; margin:0 0 30px 0;
/* background */
background: #fdfdfd;
/* IE10 */
background-image: -ms-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
/* Opera */
background-image: -o-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #efefef));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
/* Proposed W3C Markup */
background-image: linear-gradient(top, #fdfdfd 0%, #efefef 100%);
/* IE6-9 */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#fdfdfd');
/* radius */
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

#comments-title h2 { padding:0; margin:0; }

#comments-title-left { float:left; width:50%; }

#comments-title-right { float:right; width:50%; text-align:right; }

#comments-title-right .counter { color:#979696; font-weight:bold; font-size:20px;
background:transparent url('images/comments.png') no-repeat center left; padding:0 0 0 35px; }

#comments h3 { margin:0; padding:10px 0 20px 0; font-weight:normal; }

#comments ul.links { display:block; }

#comments ul.links li a { color:#fefefe; padding:5px 10px; margin:0 0 0 2px; text-shadow: 0 1px 1px #003547; font-weight:bold; border:none;
font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; cursor:pointer;
/* radius */
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
/* shadow */
-webkit-box-shadow: 0px 1px 2px #939da2; -moz-box-shadow: 0px 1px 2px #939da2; box-shadow: 0px 1px 2px #939da2; }

#comments ul.links li a:hover { text-decoration:none; }

/*
* Poll
*/
.poll .bar .foreground { background-color: #0092c3; }

.poll .title { padding:0 0 20px 0; }

/*
* Recent content block
*/
#block-node-recent table, #block-node-recent td { border:none; }

#block-node-recent table tbody { border:none; }

#block-node-recent tr.even, #block-node-recent tr.odd { border-bottom:1px solid #e7e7e7; }

/*
* Search
*/
#block-search-form { background:#e8e8e8; border:none; overflow:hidden;
/* Radius */
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
 /* shadow */
-webkit-box-shadow: 0px 2px 5px #c8c8c8 inset;  -moz-box-shadow: 0px 2px 5px #c8c8c8 inset;  box-shadow: 0px 2px 5px #c8c8c8 inset; }

#header #block-search-form { margin:15px 0 0 0; }

#block-search-form .form-item { margin:0; padding:0; }

#block-search-form input.form-text { background:none; border:none; outline:none; text-decoration: none; color:#9f9f9f; float:left; width:70%; padding:10px; margin:0;height:15px; line-height:15px; -webkit-box-shadow: none;  -moz-box-shadow:none;box-shadow:none; }

#block-search-form input.form-submit { background:none; border:none; outline:none; padding:6px 10px 0 10px; float:right; }

.region-sidebar-first #block-search-form, .region-sidebar-second #block-search-form { -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; }

.region-sidebar-first #block-search-form.block, .region-sidebar-second #block-search-form.block  { background:none; }

.region-sidebar-first #block-search-form.block .content, .region-sidebar-second #block-search-form.block .content { background:#ffffff; border:1px solid #FFFFFF; overflow:hidden; padding:0; }

/*
* Messages
*/
div.messages.status { background:#52ac61; border:1px solid #46a055; padding:10px; margin:0 0 15px 0; color:#ffffff; }

div.messages.error { background:#d30000; border:1px solid #b50000; padding:10px; margin:0 0 15px 0; color:#ffffff; }

div.messages.warning { background:#dd6e0c; border:1px solid #d2ac7f; padding:10px; margin:0 0 15px 0; color:#ffffff; }

div.messages.status a, div.messages.error a, div.messages.warning a { color:#ffffff; text-decoration:underline; }

/*
* Javascript Slideshow
*/
#slider { position:relative; margin:0 auto; padding:0;}

#slideshow { position:relative; display:none; min-height: 300px; overflow: hidden;}

#slideshow img { display:none; }

.slider-item { width:100%!important; max-width:100%!important; }

.slider-item .content { padding: 10px 0 0 0; position:relative; }

.slider-item a { outline:none; }

#slider-controls-wrapper
{
    background-image: url(images/diagBarBG.png);
    background-repeat: repeat-x;
    min-height: 42px;
    width: 100%;
}

#slider-controls { display:block; text-align:center; }

#slider-controls ul { display:block; overflow:hidden; margin:0; padding:0; text-align:center; padding-top: 1em;}

#slider-controls ul li { display:inline; margin:0; padding:0; list-style:none; }

#slider-controls ul li a { width:17px; height:17px; background:url('images/inactive-slide.png') no-repeat center center; display:inline-block; padding:0; margin:0; outline:none; }

#slider-controls ul li a:focus { outline:none; }

#slider-controls ul li.activeSlide a:hover, #slider-controls ul li.activeSlide a { background:url('images/active-slide.png') no-repeat center center; }

/*
* Slideshow Typography
*/
#slideshow h2 { margin:0 0 10px 0; color:#222222; font-size:30px; font-weight:bold; }

/*
* Tables
*/
table { border-spacing:0; border:0; width:100%; background-color: #fff; border-collapse: separate;}

/*table td, table th { border: none; }

table th { background:#222222; color:#ffffff; font-weight:bold; }

table tr.odd { background:transparent; }

table tr.even { background:#ffffff; }

table td, table th { padding:5px; }
/* Remove table borders */
/*table.noborder td, table.noborder th, table.noborder tr { border:none; }

/*
* Lists
*/
ol { list-style-type:decimal; }

ol ol { list-style-type:upper-alpha; }

ol ol ol {list-style-type:lower-alpha; }

li { display:list-item; }

.pager-current { font-weight:bold; color:#7c713f; }

.links { display: block; text-align:right; }

.links li { list-style-type:none; }

.item-list ul { margin:0 0 0.25em 1em; padding:0; }

.item-list ul li { margin:0 0 0 5px; padding:0 0 5px 5px; }

ol.search-results { padding:0; }

.links ul li a, a.more,
input[type="submit"], input[type="reset"], input[type="button"] { color:#fefefe; padding:7px 15px; font-weight:bold; border:none;
font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; cursor:pointer; }
/* radius
-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; */
/* shadow */
/*-webkit-box-shadow: 0px 1px 2px #939da2; -moz-box-shadow: 0px 1px 2px #939da2; box-shadow: 0px 1px 2px #939da2; }*/

.links ul li a:hover, a.more:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { text-decoration:underline; }

.resizable-textarea .grippie { border:1px solid #dddddd; }

#edit-submit, #edit-preview { margin:0 10px 0 0; }

#block-search-form input.form-submit { margin:0; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background:none; filter:none; }

ul.inline li { display: inline-block; margin: 0; padding: 10px 5px; zoom: 1; *display: inline; }

input.form-submit { margin:0 10px 0 0; }

/*
* Forms
*/
label { font-weight:bold; }

input.form-text { background:#e8e8e8; border:1px solid #f2f2f2;
font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; height:25px; line-height:25px; margin:0 0 10px 0; padding:5px; width:80%; color:#5f6a5f;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
 /* shadow */
-webkit-box-shadow: 0px 2px 3px #bcbcbc inset;  -moz-box-shadow: 0px 2px 3px #bcbcbc inset;  box-shadow: 0px 2px 3px #bcbcbc inset; }

input.form-text.error { border:2px solid red; }

textarea { background:#e8e8e8; border:1px solid #f2f2f2;
font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
margin:0 20px 10px 0; padding:10px 5px; height:155px; font-size:100%; color:#5f6a5f;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
 /* shadow */
-webkit-box-shadow: 0px 2px 3px #bcbcbc inset;  -moz-box-shadow: 0px 2px 3px #bcbcbc inset;  box-shadow: 0px 2px 3px #bcbcbc inset;}

.filter-wrapper { border:1px solid #DDDDDD; border-top:none; }

/*
*Button Panel
*
*/

.buttonPanel{
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  font-family: 'MYRIADPRO';
}

.buttonPanelButton{
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 10px;
    min-width: 100px;
    background-color: #721D29;
    color: #ffffff;
    font-size: 1.2em;
}

.buttonPanelButton:hover{
    color: #ffffff;
    background-color: #8A2432;
    text-decoration: underline;
}

/* Social
*/
ul.social-bookmarks { margin:0; padding:0; }

ul.social-bookmarks li {display:inline-block; float:left; list-style-type:none; margin:0; }

ul.social-bookmarks li a { display:inline-block; width:25px; height:24px; padding:0 3px;  margin:0 auto; text-align:center; overflow:hidden; outline:none; }

ul.social-bookmarks li.label { padding:0 15px 0 0; }

ul.social-bookmarks li.facebook a { background:url('images/social-media-facebook.png') no-repeat center bottom; }

ul.social-bookmarks li.twitter a { background:url('images/social-media-twitter.png') no-repeat center bottom; }

ul.social-bookmarks li.rss a { background:url('images/social-media-rss.png') no-repeat center bottom; }

ul.social-bookmarks li.linkedin a { background:url('images/social-media-linkedin.png') no-repeat center bottom; }

ul.social-bookmarks li.delicious a { background:url('images/social-media-delicious.png') no-repeat center bottom; }

/*
* Forum
*/
#forum { padding:20px 0; }

/*
* Twitter updates
*/
.twtr-hd, .twtr-ft { display:none; }

.twtr-bd { display:block; overflow:hidden; }

.twtr-widget .twtr-tweet { border-bottom: 1px solid #353535 !important; padding: 0 0 5px 0; margin: 0 0 5px 0;  }

/**
 * Local tasks
 */
ul.primary, ul.tabs { clear:both; margin:10px 0 35px 0; white-space: normal }

ul.primary li, ul.tabs li { padding:10px 0; line-height:130%; }

ul.primary li a, ul.tabs li a { margin:0; padding: 4px 1em; display: inline-block; }

/*added - l. zande */
#socialmedia
{
    width: 30px;
    height: 30px;
}

#socialmedialinkedin
{
    width: 35px;
    height: 30px;
}

.region-sidebar-second .content ul
{
    list-style: none;
    line-height: 2em;
}

#loginLock
{
    float: right;
    margin-right: 10%;
    margin-top: 14%;
}

#header-menu ul.menu li.expanded > ul.menu > li.expanded > ul.menu
{
    position: absolute;
}

div #sidebar-second
{
    width: 250px;
    padding-left: 10px;
}

div #sidebar-second ul{
    padding-left: 5px;
}

.region.region-sidebar-second
{
    margin-top: 20px;
}

/* Technology Services Customizations
 * Jamie L. Boggs
 * 11/18/2014
 */

#helpDeskBlock{
    width: 100%;
    min-height: 120px;
    padding: 20px;
    background-color: #1d3f6d;
    color: #f6f6f6;
    overflow: hidden;
}

.helpDeskHeader{
    color: #54a9d4;
    font-family: 'TrajanPro';
}

#helpDeskButton{
    display: block;
    font-family: 'TrajanPro';
    font-size: 1.4em;
    width: 200px;
    min-height: 47px;
    line-height: 47px;
    background-color: #2da1d6;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

#helpDeskButton:hover{
    background-color: #00afff;
}

.helpDeskList{
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.4em;
}

.helpDeskList a{
    color: #f6f6f6;
    text-decoration: underline;
}


/*FLAT TABLE*/
	.flat-table {
		margin-bottom: 20px;
		border-collapse:collapse;
		font-family: 'Lato', Calibri, Arial, sans-serif;
		border: none;
                border-radius: 3px;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
	}
	.flat-table th, .flat-table td {
		box-shadow: inset 0 -1px rgba(0,0,0,0.25),
			inset 0 1px rgba(0,0,0,0.25);
	}
	.flat-table th {
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		padding: 1em;
		color: rgba(0,0,0,0.45);
		text-shadow: 0 0 1px rgba(0,0,0,0.1);
		font-size: 1.1em;
	}
	.flat-table td {
		color: #000;
		padding: 0.7em 1em 0.7em 1.15em;
		text-shadow: 0 0 1px rgba(255,255,255,0.1);
		font-size: 1.2em;
	}
	.flat-table tr {
		-webkit-transition: background 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
	}
	.flat-table-1 {
		background: #f7f7f7;
	}
	.flat-table-1 tr:hover {
		background: rgba(0,0,0,0.19);
	}
	.flat-table-2 tr:hover {
		background: rgba(0,0,0,0.1);
	}
	.flat-table-2 {
		background: #f06060;
	}
	.flat-table-3 {
		background: #52be7f;
	}
	.flat-table-3 tr:hover {
		background: rgba(0,0,0,0.1);
	}

    .flat-table td a{
      color: #117a91;
    }

    .flat-table a:hover{
        color: #459898;
    }

/*END FLAT TABLE*/

#topNav
{
    background: #8A2432;
    margin: 0 auto;
    overflow: hidden;
}

#topNavMenu
{
    width: 400px;
    overflow: hidden;
    float: right;
    top: 5px;
}

#topNavMenu ul{
    margin: 0;
    padding: 0
}

#topNavMenu ul li
{
    list-style: none;
    text-align: center;
    font-size: 7.5pt;
    padding-right: 15px;
    display: inline;
}

#topNavMenu ul li a
{
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
}

#topNavMenu ul li a:hover
{
    text-decoration: underline;
}

.gsc-search-button
{
    position: relative;
    top: 2px;
}

.cse input.gsc-input, input.gsc-input
{
    background-image:none !important;
}

table.gsc-search-box tbody tr td * {
	font-size: 14px !important;
	}

.cse .gsc-control-cse, .gsc-control-cse {
  border: none !important;
}

#mobileMenuSearch .cse .gsc-control-cse, .gsc-control-cse{
  padding: 0px !important;
}

#mobileMenuSearch .gs-result .gs-title, .gs-result .gs-title *{
  padding: 10px !important;
  margin-left: -10px !important;
}

.gstitle nav a:hover,
.gstitle nav ul ul ul a {
  background-color: none !important;
}

table.gsc-search-box
{
    padding: 1px;
    background-color: #8A2432;
	height: 80px;
	margin-bottom: 0px;
	padding: 0;
}

.gsc-search-box .gsc-search-box-tools
{
	margin-bottom: 0px;
}

#___gcse_0 {margin-top: 0;
padding: 0;
}

#___gcse_0 > div:nth-child(1)
{
	padding: 0;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0;
    width: auto;
	height: 80px;
}

.gs-title
{
    text-align: left;
}

/*HOMEPAGE STYLING*/
#homeContainer{
    width: 100%;
    overflow: hidden;
}

.homeContainerBar{
    min-height: 50px;
    width: 100%;
    overflow: hidden;
}

#homeContainerNews{
    float: left;
    width: 100%;
}

#newsShowcase{
    background-color: #ffffff;
    color: #000;
    height: auto;
    overflow: hidden;
}

#newsShowcase a{
    color: #44494d;
    line-height: 0.6em;
}

#newsShowcase a:hover {
    text-decoration: none;
    color: #8b2230;
}

#showcaseNewsHeader a{
    color: #8b2230;
    text-decoration: none;
}

#showcaseNewsHeader{
  text-align: center;
}

.pressReleaseImage{
    overflow: hidden;
    position: relative;
}

.pressReleaseImage > div {
    position: absolute;
    height: 100%;
    width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -moz-background-position: center;
    -webkit-background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #44494d;
    background-size: cover;
}

.pressReleaseImage:hover > div {
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

.pressReleaseTitle{
    line-height: 1.3em;
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
    font-family: 'MyriadPro-Light', sans-serif;
    color: #44494d;
}

.pressReleaseTeaser{
    color: #393939;
    float: left;
    font-weight: normal;
    line-height: 1.5em;
    }

#newsEventsLinks{
    width: 400px;
    float: left;
    overflow: hidden;
    font-size: 1.4em;
    vertical-align: middle;
}

#newsEventsLinks img{
    padding-right: 13px;
}

#newsEventsArchive, #newsEventsEvents{
    float: left;
    overflow: hidden;
    width: 250px;
}

.showcase{
    width: 100%;
    background-color: #f7f7f7;
    color: #fff;
    overflow: hidden;
}

.showcase h1, .showcase h2,.showcase h3{
    color: #fff;
    text-shadow: none;
}

.showcase a{
    color: #fff;
    font-weight: bold;
}

.showcase a:hover{
    text-decoration: underline;
}

#missionShowcase{
    text-align: center;
    background-color: #cccccc;
    color: #000;
}


#showcaseNumbersHeader{
    text-align: center;
}

#numbersShowcase{
    padding-bottom: 20px;
    overflow: hidden;
    background: linear-gradient(top , #e7e7e7, #f7f7f7 30%);
    background: -webkit-linear-gradient(#e7e7e7, #f7f7f7 30%);
    background: -moz-linear-gradient(top,  #e7e7e7,  #f7f7f7);
}

.numberBlockValue{
   width: 160px;
   margin: 0 auto;
   padding: 18px 0px 18px 0px;
   font-size: 4.8em;
   text-align: center;
   overflow: hidden;
   color: #444444;
   background: -webkit-linear-gradient(#959595, #222);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.numberBlockText{
    width: 160px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.1em;
    font-size: 1.2em;
    color: #444444;
    padding-bottom: 10px;
}

#iheartcuShowcase{
    background-image: url('images/iheartcu-background.jpg');
    padding-top: 45px;
    padding-bottom: 45px;
    background-attachment: fixed;
}

#iheartcuShowcase img{
    margin: 0 auto;
    width: auto;
}

#motto{
    margin: 10px 0px 30px 0px;
    padding: 0;
    font-family: 'TrajanPro';
    line-height: 1.4em;
}

/* END HOMEPAGE STYLING */

.groupBlock{
  width: 100%;
  overflow: hidden;
  background-color: #f7f7f7;
}

.groupBlock ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.groupBlock ul li{
  display: block;
  float: left;
  padding: 5px 5px 0px 15px;
  width: 200px;
  min-height: 40px;
  margin: 5px 5px 5px 10px;
  border-bottom: 1px solid #ccc;
  background-image: url('images/bullet-arrow.png');
  background-position: left 8px;
  background-repeat: no-repeat;
  overflow: hidden;
}

.SmartBoard_Table td{
}

.SmartBoard_Subject{
    font-size: 1.7em;
    font-weight: bold;
    text-align: left;
    display: none;
}

.SmartBoard_Message{
    padding-left: 100px;
}

.SmartBoard_DateTime{
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    font-style: italic;
    padding-left: 100px;
}

#AlertBox{
  padding: 0px;
  width: 100%;
  color: #805603;
  /* background-color: #bd7504; */
  background-color: #fcd27f;
}

#AlertBoxAction{
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

nav.companionMenu{
  width: 100%;
  position: relative;
}

.companionMenu h1{
/*  background-color: #f5c256; */
  background-color: #8A2432;
  color: #fff;
  padding: 12px;
  margin: 0px;
  text-shadow: none;
}

/* ALL UL */
nav.companionMenu ul{
  background-image: url('images/down-arrow.png');
  background-repeat: no-repeat;
  background-position: center top;
  list-style: none;
  margin: 0px;
  padding: 0;
}

.diagBorderBar{
  width: 100%;
  background-image: url(images/diagBarBG.png);
  background-repeat: repeat-x;
  min-height: 42px;
}

/*
.companionMenuLinkWithChild:after{
  content: url('images/arrow_orange.png');
  margin-left: 10px;
}

.companionMenuLinkWithChild:selected:after{
  content: none;
}
*/

/* ALL LI */
nav.companionMenu li{
  position:relative;
}
/* ALL A */
nav.companionMenu a{
  display:block;
  text-decoration:none;
  padding:10px 15px;
  transition:0.2s;
  color: #7F212E;
}
/* ALL A HOVER */
nav.companionMenu li:hover > a{
  background:#44494d;
  color: #fff;
}

/* INNER UL HIDE */
nav.companionMenu ul ul{
  position:absolute;
  left:0%;
  top:0;
  width:100%;
  visibility:hidden;
  opacity:0;
  transition: transform 0.2s;
  transform: translateX(50px);
}

nav.companionMenu ul ul li{
  width: 200px;
  background-color: #44494d;
  color: #fff;
}

nav.companionMenu ul ul li a{
  color: #fff;
}

nav.companionMenu ul ul li a:hover{
  text-decoration: underline;
}

/* INNER UL SHOW */
nav.companionMenu li:hover > ul{
  left:100%;
  visibility:visible;
  opacity:1;
  transform: translateX(0px);
  z-index: 1;
}

.companionMenuLinkActive{
  font-weight: bold;
  text-decoration: underline;
    -moz-text-decoration-color: #f5c256; /* Code for Firefox */
    text-decoration-color: #f5c256;
}

.companionMenuParentArrow{
  font-size: 1.6em;
  margin: 0px;
  padding: 0px;
}

#companionMenuPrimaryList{
  padding-top: 20px;
  padding-bottom: 20px;
}

#sidebar-second table, #sidebar-second table td{
  background: none;
}

/* FOOTER STYLING */
#footerWrapper{
    width: 100%;
    overflow: hidden;
    color: #b9b9b9;
    font-family: 'MYRIADPRO';
}

.footerContainer ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.footerContainer ul li img{
    margin-right: 6px;
}

.footerContainer a:hover{
    color: #b9b9b9;
    border-bottom: 1px dotted #b9b9b9;
}

.footerContainerHeader{
    text-transform: uppercase;
    font-size: 2.1em;
    margin-bottom: 10px;
    color: #fff;
}

/*END FOOTER STYLING */

.video-header  {
     background: transparent;
     position: relative;
     height: 550px;
     z-index: 1;
  }

video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
    z-index: 2;
    background-color: #a3b4ce;
/*    background: transparent url('images/home_poster.jpg') 50% 50% / cover no-repeat;*/
}

.video-overlay{
  top: 120px;
  z-index: 3;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.video-overlay h1
{
   color: #ffffff;
   text-shadow: 0 0 10px rgb(0, 0, 0);
   margin: 0px 20px 0px 0px;
   z-index: 4;
   font-size: 3.8em;
   width: 450px;
}

.overlayButton{
  z-index: 6;
  text-transform: uppercase;
  border: 2px solid #fff;
  padding: 8px;
  font-size: 1.3em;
  color: #fff;
  display: block;
  width: 190px;
  margin-right: 12px;
  margin-top: 18px;
  float: left;
  text-align: center;
  -o-transition: color 0.5s linear;
  -moz-transition: color 0.5s linear;
  -khtml-transition: color 0.5s linear;
  -webkit-transition: color 0.5s linear;
  -ms-transition: color 0.5s linear;
  transition: color 0.5s linear;
}

.overlayButton:hover{
  background-color: #fff;
  color: #000;
}

/* make keyframes that tell the start state and the end state of our object */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
        opacity:0;  /* make things invisible upon start */
        -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
        -moz-animation:fadeIn ease-in 1;
        animation:fadeIn ease-in 1;

        -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
        -moz-animation-fill-mode:forwards;
        animation-fill-mode:forwards;

        -webkit-animation-duration:1s;
        -moz-animation-duration:1s;
        animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}

.fade-in.two {
-webkit-animation-delay: 0.8s;
-moz-animation-delay:0.8s;
animation-delay: 0.8s;
}

.fade-in.three {
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
animation-delay: 1.2s;
}

#careerFairShowcase {
    background-image: url('images/career_fair_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#careerFairShowcase img {
    margin: 0 auto;
    padding: 100px 50px 100px 50px;
}

/* Tooltip container */
.swiper-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.swiper-tooltip .swiper-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #f2f0ef;
  color: #8b2230;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;

  bottom: 134%;
  left: 50%;
  margin-left: -60px;
  margin-top: -15px;
}

.swiper-tooltip .swiper-tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #f2f0ef transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.swiper-tooltip:hover .swiper-tooltiptext {
    visibility: visible;
}

.lightwidget--slideshow.lightwidget--image-square .lightwidget__image{
  border: 3px solid #707070;
}

#navigation{
 -webkit-transform:translateZ(1px);
 -moz-transform:translateZ(1px);
 -o-transform:translateZ(1px);
 transform:translateZ(1px);
 position: relative;
 z-index: 999;
 background-color: #8a2432;
}

.sb-search {
	position: relative;
	margin-top: 20px;
	width: 0%;
	min-width: 40px;
	height: 40px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
  font-family: 'Open Sans', sans-serif;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 40px;
	margin: 0;
	z-index: 10;
	font-size: 18px;
  padding-left: 20px;
	color: #3d3d3d;
}

.sb-search-input::-webkit-input-placeholder {
	color: #3d3d3d;
}

.sb-search-input:-moz-placeholder {
	color: #3d3d3d;
}

.sb-search-input::-moz-placeholder {
	color: #3d3d3d;
}

.sb-search-input:-ms-input-placeholder {
	color: #3d3d3d;
}

.sb-icon-search,
.sb-search-submit  {
  font-family: 'Open Sans', sans-serif;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #721D29;
  /*background-image: url('images/searchIconBG.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;*/
	z-index: 90;
	font-size: 22px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before{
  font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
  content: "\f002";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #721D29;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

#goHomeFeaturedVideo{
  margin: 0 auto;
  max-width: 1500px;
  overflow: hidden;
  background-color: #ececec;
}

#goHomeFeaturedVideoDiv{
  width: 60%;
  float: left;
  overflow: hidden;
  margin: 0 auto;
}

#goHomeFeaturedVideoDescription{
  width: 34%;
  float: left;
  overflow: hidden;
  color: #8a2432;
  padding: 1% 3% 1% 3%;
}

#goHomeFeaturedVideoDescription hr{
  margin-top: 0px;
  margin-bottom: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
  background-color: #8a2432;
  width: 80px;
  height: 6px;
  float: left;
}

#goHomeFeaturedVideoDescription hr, p{
  clear: both;
}

#goHomeFeaturedVideo h2{
  color: #8a2432;
  text-transform: uppercase;
  font-size: 2.4em;
  text-shadow: none;
}

#goHomeFeaturedVideo a{
  color: #8a2432;
  font-size: 1.4em;
}

@media screen and (max-width: 700px) {
  #goHomeFeaturedVideoDiv{
    width: 100%;
  }

  #goHomeFeaturedVideoDescription{
    display: none;
  }
}


#CTLGTSFeature{
    background-image: url(https://www.concord.edu/sites/all/themes/cugohome/images/CTL_GTS.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 8px;
    background-attachment: fixed;
    width: 100%;
    min-height: 485px;
    overflow: hidden;
    color: #fff;
}

#CTLGTSFeature p{
  padding: 5px 25px 5px 25px;
  max-width: 1250px;
  margin: 0 auto;
}

#CTLGTSFeature h2{
  text-align: center;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  font-size: 3.3em;
}

#CTLGTSFeatureOverlay{
  width: 100%;
  height: 100%;
  min-height: 485px;
  content: ' ';
  display: block;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  overflow: hidden;
  padding-top: 70px;
  padding-bottom: 10px;
}

#CTLGTSButton{
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 100px;
  display: block;
  background-color: #8a2432;
  width: 160px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  line-height: 1.3333333;
  margin: 0 auto;
  border-width: 0;
  padding: 14px 20px;
  transition: color 200ms;
}

#CTLGTSButton:hover{
  background-color: #3f3f3f;
}

/*HLC Third Party Comments*/
#HLCThirdPartyWrapper{
  width: 100%;
  background-color: #e7eef8;
  overflow: hidden;
  min-height: 180px;

}

#HLCThirdPartyWrapper h1{
  color: #000;
  text-decoration: none;
  font-family: 'MYRIADPRO-BOLD';
}

#HLCThirdPartyBox{
  max-width: 980px;
  margin: 0 auto;
}

#HLCThirdPartyIcon{
 float: left;
 vertical-align: middle;
 width: 10%;
 padding-top: 35px;
}

#HLCThirdPartyText{
 float: left;
 width: 72%;
 line-height: 156px;
 padding-top: 10px;
}

#HLCThirdPartyText p{
  line-height: 20px;
  font-size: 17px;
}

#HLCThirdPartyAction{
 float: left;
 width: 18%;
 padding-top: 75px;
}

#HLCThirdPartyButton{
  font-family: 'MYRIADPRO-BOLD';
  display: block;
  color: #000;
  border: 2px solid #000;
  font-weight: bold;
  font-size: 21px;
  min-width: 140px;
  line-height: 21px;
  padding: 5px;
  overflow: hidden;
  text-transform: uppercase;
}

#HLCThirdPartyButton:hover{
  background-color: #000;
  color: #fff;
}

#HLCThirdPartyAction .btn {
  color: #000000;
  padding: 10px 20px 10px 20px;
  border: solid #000000 1px;
  text-decoration: none;
  font-size: 19px;
  font-weight: bold;
}

#HLCThirdPartyAction .btn:hover {
  background: #adadad;
  text-decoration: none;
}

@media all and (max-width: 1024px) {
  #HLCThirdPartyBox{
    padding-left: 5%;
    padding-right: 5%;
  }

  #HLCThirdPartyIcon{
   float: left;
   vertical-align: middle;
   width: 10%;
   padding-top: 35px;
  }

  #HLCThirdPartyText{
   float: left;
   width: 75%;
   padding-left: 5%;
   padding-top: 10px;
   height: auto;
  }

  #HLCThirdPartyAction{
    width: 200px;
    margin: 0 auto;
    float: none;
    padding: 0px 0px 30px 0px;
  }
}
/*Calendar API CSS
----------------------------------------------------------------------------------------------------*/

#activeCalendarDiv { 
  display: block;
  width: 100%; 
  max-height: 270px;
  clear: both; 
  overflow: hidden;
}

#activeCalendar a {
  text-decoration: none;
}

#activeCalendar a:hover {
  text-decoration: underline;
  color: maroon;
}

#activeCalendar li {
  display: block;
  float: left;
  color: maroon;
  margin: 10px;
  overflow: hidden;
  max-width: 155px;
  min-height: 200px;
  min-width: 155px;
}

#activeCalendar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


.eventDescription {
  display: none;
}

.eventTitle {
  display: block;
  clear: both;
  font-family: arial;
  text-align: center;
  color: maroon;
  margin-top: 10px;
}

.eventDate {
  display: block;
  margin: 0 auto;
  font-family: impact;
  font-size: 35px;
  clear: both;
  text-align: center;
  line-height: 150px;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  overflow: hidden;
  background-color: #ececec;
  border-color: maroon;
  border-width: 5px;
  border-style: solid;
}

/* Alumni Project Banner */

