body { 
  padding-top: 0;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: Georgia, Palatino,Times,Serif;
}

/* Start changes from Boyle */

body,
body p {
  font-family: Arial, Georgia, Palatino,Times,Serif;
}

body ul,
body li {
  font-size: 14px;
}

body h1 {
  font-size: 24px;
}

body h5 {
  font-size: 16px;
  font-family: Arial;
  font-style: italic;
  color: #1688c9;  
  margin-bottom: 40px;
}

.front h2 {
  font-size: 24px;
}

body h3 {
  font-size: 22px;
  color: #14477C;
  margin-top: 25px;
}

body h4 {
  font-size: 16px;
  font-family: Arial;
}

body p {
  font-size: 14px;
  color: #000000;
}

.region-footer p {
  font-size: 9pt;
  color: #4d4d4f;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

.navbar .nav > li > a {
  text-shadow: none;
}
/* End Changes from Boyle */

/* .front .block { margin-bottom: 20px; } */
h2.block-title { color: #14477c; font-size: 18px; border: none; }

video {
    max-width: 100%;
    height: auto;
}

.row-fluid .no-mobile {
  display: none;
}

.iobi-front-space {
  height: 18px;
  width: 100%;
}

.row-fluid .iobi_reg_buttons {
  margin-top:18px;
}
/*******************************************************************************
 * Override Button for menu
 *******************************************************************************/
.navbar .btn-navbar {
  color : #333333;
}
.navbar .btn-navbar:hover {
  color : #333333;
}

.navbar .btn-navbar .arrow-down {
        clear: both;
        float: right;
	width: 0; 
	height: 0; 
        margin-top: 8px;
        margin-left: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-top: 5px solid #333333;
}  

.navbar .btn-navbar .arrow-up {
        clear: both;
        float: right;  
	width: 0; 
	height: 0; 
        margin-top: 8px;
        margin-left: 5px;        
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #333333;
}

/*******************************************************************************
 * IOBI button
 *******************************************************************************/

.iobi-btn {
    background: #027ac6 url('../images/rgt-ffffff.png') no-repeat right center;    
    display: block; padding: 4px 30px 3px 7px; line-height: 18px; border-radius: 2px;
    font-weight: bold; margin: 5px 5px 5px 0;
}

a.iobi-btn { text-decoration: none; color: #fff; display: inline-block; }
a.iobi-btn:active, a.iobi-btn:focus, a.iobi-btn:hover { opacity: 0.8; }


/*******************************************************************************
 * Header
 *******************************************************************************/
/* Logos */

a.logo-iobi img {  height: auto; margin: 20px 0; }
a.logo-ucd img { max-width: 35%; height: auto; margin: 20px 0 0; float: right; }

.front h1.page-header { color: #fff; background: #027ac6; font-size: 18px; padding: 50px 5px 10px; }
h1 { color: #14477c;}
.front h1.page-header { color: #000; background: transparent; }

.page-header {
  border-bottom: 0px;
}
.warning-block { color: #ff9d1c;font-size: 17px;font-family: 'times new roman';font-weight: 600;}

/* Breadcrumb */

.breadcrumb { margin: 0; padding: 3px 0; font-size: 12px; }
.breadcrumb a { color: #888; }
.breadcrumb {
    background-color: #ffffff;
    border-radius: 0px;
    list-style: none outside none;
    margin: 0px ;
    padding: 10px 0px;
    font-size: 80%;
}
.eno_breadoutter {
  margin-top: 5px;
}

.eno_bread,
.eno_breadtitle {
  float: left;
  color: #F6921E;
  font-size: 10px;
}

.eno_breadoutter a {
  color: #F6921E;
}

.eno_breadtitle {
  color: #1688c9;
}

/* Search for Top of the screen */
.region-top-search .form-search .input-append {
  width: 200px;
  float: right;
  margin-top: -5px;
}

.front .region-top-search .form-search .input-append {
  margin-top: 0px;
}
  
.region-navigation .form-search .input-append .search-query {
    border-radius: 0 0 0 0;
    background-color: #e3e4e5;
    background-image: none;
    border: 0 none #e3e4e5;
    box-shadow: none; 
    height: 20px;
}

.region-navigation .form-search .input-append .btn {
    border-radius: 0 0 0 0;
    background-color: #e3e4e5;
    background-image: none;    
    border: 0 none #e3e4e5;
    border-bottom: 5px;
    box-shadow: none;
    padding: 5px 12px;
    height: 30px;    
}

/* Menu Bar */

ul.user-menu { margin: 0; font-size: 11px; text-transform: uppercase; }
ul.user-menu li.logout a { background-image: url(../images/cross.png); background-repeat: no-repeat; background-position: 90% 50%; padding-right: 25px; }

.region-navigation { float: right; }
.region-navigation .block h2.block-title { border: none; }

/* Cas Login Start */

#navbar .nav.secondary-menu > li { border-left: none; }
#navbar .nav.secondary-menu > li > a { color: #f6931e; font-weight: bold; padding: 10px 10px 14px; margin-top: -10px; text-shadow: none; }
#navbar .nav.secondary-menu > li > a.highlighted { background: #14477c; color: #fff; border-radius: 2px 2px 0 0; }

.cas-login-form { position: absolute; left: 0; top: 30px; width: 100%; z-index: 1000; background: rgba(244, 250, 255, 0.95); display: none; overflow: hidden; background: #F0FAFF\9;}
.cas-login-form .inner-wrapper { border: 3px solid #14477c; padding: 15px 15px 50px; position: relative; }
.cas-login-form #cas-login-form-close { width: 48px; height: 48px; position: absolute; right: 24px; bottom: 24px; background: url('../images/cas-login-close.png') no-repeat center center; }
.cas-login-form h2.block-title { margin: 0 0 15px 0; font-size: 28px; }
.cas-login-form h3 { color: #14477c; font-size: 18px; margin-top: 0; }

/* Cas End */

.navbar { margin-bottom: 0px; }
.navbar .btn-navbar { padding: 7px 10px 10px; }

#navbar .navbar-inner { padding: 0; border: none; background: transparent; box-shadow: none; }
#navbar .nav > li { border-left: 1px solid #14477c;  line-height: 16px; text-transform: uppercase; font-size: 12px; }
.navbar nav ul.menu .dropdown-menu > li > a{text-transform: capitalize;}
#navbar .nav > li > a { padding: 0 10px; color: #14477c; font-size: 12px; }
#navbar .nav > li > a:hover { color: #027ac6; }

/* My Institue */
.navbar .pull-right li.dropdown > .dropdown-toggle, 
.navbar .pull-right li.dropdown.active > .dropdown-toggle,
#navbar .nav.pull-right > li > a {
  color: #f6921e;
  font-weight: bold;
  font-size: 12px;
}

#navbar .nav.pull-right > li { border-left: none;  line-height: 16px; text-transform: uppercase; font-size: 12px; }

.navbar .nav.pull-right > li > a {
  padding: 0px;
}
  .navbar .nav.pull-right { margin-top: -4px;}
/* Position */

.navbar-inner {
  background: none;
  border: none;
  box-shadow: none;
  padding-left: 0px;
}

/* Remove Down Arrow */
nav ul.menu > li .caret {
  border-left: none;
  border-right: none; 
 }

/* Background on main menu */

/* With Drop Menu*/

.dropdown-menu {
  padding: 0px;
}

.navbar .nav > li > a,
.navbar .nav > .active > a, 
.navbar .nav li.dropdown > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle{
 background-color : white;
 box-shadow: none;
 color: #14477c;
}

/* Drop Menu */

/* Remove Callout type box */
 .navbar .nav > li > .dropdown-menu:after {
    border: none;
 }
 
.navbar .nav > li > .dropdown-menu:before {
    border: none;
}

/* Remove rounded box and add border and shadow*/
.navbar .dropdown-menu {
   border-radius: 0px 0px 0px 0px;
   border: 1px solid #1688c9;
   box-shadow: 0px 0px 5px 5px #dadada; 
   margin-top: 1em;
   padding-bottom: 1em;
}

/* Add top bar menu to background colour and white text if sub menu shown*/
#navbar .nav > li.dropdown.open > a,
#navbar .nav > li.dropdown.open.active > a
.navbar .nav li.dropdown.open > .dropdown-toggle ,
.navbar .nav li.dropdown.open.active > .dropdown-toggle{
  background-color: #1688c9;
  color: white;
}

/* Add Dropdown bottom border but not for the last one ! */
.navbar nav ul.menu .dropdown-menu > li > a {
    background: white;
    border: none;
    border-bottom: 1px solid #1688c9;
    box-shadow: none;
    padding: 2px 0px 2px 0px;
    margin-left: 5px;
    margin-right: 5px;
    color: #000000;
    filter:none;
 }
 /* Remove bottom bar for last drop menu */
 .navbar nav ul.menu .dropdown-menu > li:last-child > a {
   border-bottom:none;
 }
 
/* Change menu option if active */
/* Drop down */
.navbar .nav li.dropdown.open > .dropdown-toggle:hover, 
.navbar .nav li.dropdown.active > .dropdown-toggle:hover, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle:hover,
.navbar nav ul.menu .dropdown-menu > li > a:hover {
  filter:none;  
  background-color: #e1f3fc;
  box-shadow: none;  
  color: #1688c9;
}


/* Top Level */
.navbar .nav > li > a:hover,
.navbar .nav > .active > a:hover,
.navbar .nav li.dropdown > .dropdown-toggle:hover, 
.navbar .nav li.dropdown.open > .dropdown-toggle:hover, 
.navbar .nav li.dropdown.active > .dropdown-toggle:hover, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle:hover {
  background-color: #ffffff;
  box-shadow: none;  
  color: #1688c9;
}

/*Handle None front page*/
.navbar .nav > li > a {
   color: #14477c;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover{
   color: #1688c9;
}
/*******************************************************************************
 * Content area
 *******************************************************************************/
.view-slideshow div.intro a {
  color: #ffffff;
  text-decoration: underline;
}

/*** Slideshow  front page ***/
.views_slideshow_cycle_main { width: 100%; float: left; }
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: auto; }
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: auto; }
.views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; }
.views_slideshow_cycle_main .field-content img { max-width: 100%; width: 100%; height: auto; margin: 0; padding: 0; }
.view-slideshow { background: #1688c9; position: relative; margin-bottom: 20px;  }

.views-slideshow-cycle-main-frame-row-item { background: #1688c9; }
.view-slideshow img { width: 100%; }
.view-slideshow h3.title { margin: 20px 0 5px; padding: 0 20px; color: #f6f6f6; font-size: 20px; line-height: 24px; }
.view-slideshow div.subtitle { margin: 5px 0 20px; padding: 0 20px; color: #f6f6f6; font-size: 18px; line-height: 20px; }
.view-slideshow div.intro { margin: 10px 0; padding: 0 20px; color: #f6f6f6; font-size: 16px; line-height: 17px; }
.view-slideshow div.intro p{color: #f6f6f6; font-size: 16px; font-weight: bold;}
.view-slideshow a.learn-more {
  display: block;margin: 10px 20px 10px 20px; padding: 3px 40px 3px 7px;
  color: #14477c; font-size: 13px; line-height: 17px; font-weight: bold;
  background: #f6f6f6 url('../images/rgt-14477c.png') no-repeat center right; border-radius: 2px;
}
.view-slideshow a.learn-more:active,
.view-slideshow a.learn-more:hover { background-color: #7DB9E8; text-decoration: none; }

.view-slideshow #slideshow-nav { position: absolute; right: 90px; bottom: 25px; z-index: 500; display: none; }
.view-slideshow #slideshow-nav a { display: block; width: 14px; height: 14px; float: left; text-indent: -10000px; margin-left: 5px; background: #fff; box-shadow: 1px 1px 2px #e1f3fc; }
.view-slideshow #slideshow-nav a.activeSlide { background: #6dcef6; }

/*** Slideshow  2nd level ***/
.eno-sub-menu-top-article .views_slideshow_cycle_main { width: 100%; float: left; }
.eno-sub-menu-top-article .views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: auto; }
.eno-sub-menu-top-article .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: auto; }
.eno-sub-menu-top-article .views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; }
.eno-sub-menu-top-article .views_slideshow_cycle_main .field-content img { max-width: 100%; width: 100%; height: auto; margin: 0; padding: 0; }
.view-slideshow-sub-menu { background: #f7921e; position: relative; margin-bottom: 20px;  }

.eno-sub-menu-top-article .views-slideshow-cycle-main-frame-row-item { background: #f7921e; }

.view-slideshow-sub-menu img { width: 100%; }
.view-slideshow-sub-menu h3.title { margin: 0px; padding: 0 20px; color: #f6f6f6; font-size: 20px; line-height: 24px; }
.view-slideshow-sub-menu div.subtitle { margin: 0px; padding: 0 20px; color: #f6f6f6; font-size: 18px; line-height: 20px; }
.view-slideshow-sub-menu div.intro { margin: 0px ; padding: 0 20px; color: #f6f6f6; font-size: 13px; line-height: 17px; }
.view-slideshow-sub-menu a.learn-more {
  display: block;margin: 20px; padding: 3px 40px 3px 7px;
  color: #14477c; font-size: 13px; line-height: 17px; font-weight: bold;
  background: #f6f6f6 url('../images/rgt-14477c.png') no-repeat center right; border-radius: 2px;
}
.not-front #page-header {
  margin-bottom: 20px;
}
    
.view-slideshow-sub-menu a.learn-more:active,
.view-slideshow-sub-menu a.learn-more:hover { background-color: #7DB9E8; text-decoration: none; }

.view-slideshow-sub-menu #slideshow-nav { position: absolute; right: 20px; bottom: 20px; z-index: 500; display: none; }
.view-slideshow-sub-menu #slideshow-nav a { display: block; width: 14px; height: 14px; float: left; text-indent: -10000px; margin-left: 5px; background: #fff; box-shadow: 1px 1px 2px #e1f3fc; }
.view-slideshow-sub-menu #slideshow-nav a.activeSlide { background: #6dcef6; }


/* Single Page Image */
.eno-top-small .views_slideshow_cycle_main { width: 100%; float: left; }
.eno-top-small .views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: auto; }
.eno-top-small .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: auto; }
.eno-top-small .views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; }
.eno-top-small .views_slideshow_cycle_main .field-content img { max-width: 100%; width: 100%; height: auto; margin: 0; padding: 0; }
.view-slideshow-small-image { background: #f7921e; position: relative; margin-bottom: 20px;  }

.eno-top-small .views-slideshow-cycle-main-frame-row-item { background: #f7921e; }

.view-slideshow-small-image img { width: 74.5%; float:right }

.view-slideshow-small-image #slideshow-nav { position: absolute; right: 20px; bottom: 20px; z-index: 500; display: none; }
.view-slideshow-small-image #slideshow-nav a { display: block; width: 14px; height: 14px; float: left; text-indent: -10000px; margin-left: 5px; background: #fff; box-shadow: 1px 1px 2px #e1f3fc; }
.view-slideshow-small-image #slideshow-nav a.activeSlide { background: #6dcef6; }

.view-slideshow #slideshow-next {
  background-image: url("../images/rgt-14477c.png");
  background-repeat: no-repeat;
  width: 18px;
  position: absolute; 
  right: 24px; 
  bottom: 23px; 
  z-index: 500; 
  display:normal;
  text-indent:-10000px;
}

.view-slideshow #slideshow-prev {
  background-image: url("../images/llt-14477c.png");
  background-repeat: no-repeat;
  width: 18px;
  position: absolute; 
  right: 44px; 
  bottom: 23px; 
  z-index: 500; 
  display:normal;
  text-indent: -10000px;  
}
/*******************************************************************************
 * Content - Front Page
 *******************************************************************************/

.front li.views-row a:hover {text-decoration: none;}

  h3.title { 
    font-size: 21px; 
    line-height: 25px; 
    margin-top: 0px;
  }

.front .views-field-title {
  min-height: 80px;  
}

.front .eno-front-middle .views-field-title {
  min-height: 0px;
}

.eno-front-blue {
  background-color: #e1f3fc;
  padding: 10px 10px 10px 10px;
}

.front .eno-front-blue h3.title {
    margin: 0px;
    padding: 0 10px;
}

.front .eno-front-blue h3.main-title {min-height: 50px; padding-top: 10px}
.front .eno-front-blue h3.sub-title {margin-bottom: 5px; margin-top: 5px}

.front .eno-front-blue {
  padding: 0;
}

.front .eno-front-blue .front-block-body {
    padding: 0 10px 80px 10px;
}

.front .row-fluid .eno-front-height [class*="span"] {
  min-height: 30em;   
  max-height: 30em;  
  position: relative;  
}

.front ul.eno-front-height{
  margin-left: 0px;
}


.front .eno-front-height .eno-front-blue .views-field-field-image {
  max-width: 100%;
  border-top: 20px solid white;
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
}

.front .eno-front-height .eno-front-blue .views-field-field-image img {
  height: auto;
  max-width: 100%;
  min-width: 100%;
}

/* Front Middle Content */

.front .row-fluid .eno-front-middle h3.title, 
.front .row-fluid .eno-front-blue h3.title {

  color: #14477c; 
}

.front .row-fluid .eno-front-middle .eno-front-height [class*="span"] {
  min-height: 180px;   
  max-height: 180px;  
  margin-top: 2em;
}

.front .eno-front-middle .views-field-field-image {
  float: right;
  width: 40%;
}

/* Content NOT FRONT PAGE */
/* Sub page menu bar */
.region-sidebar-first.well {
    background-color: #FFF;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0px;
    min-height: 0px;
    padding: 0px;
}

.region-sidebar-first.well h2{
  font-size: 24px;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
  border-radius: 0px;
}

.region-sidebar-first a, 
.region-sidebar-first .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a 
{
  color: #333;
}

.region-sidebar-first li.active a,
.region-sidebar-first li.active-trail a,
.region-sidebar-first .nav-collapse .nav > li.active > a,
.region-sidebar-first .nav-collapse .nav > li.active-trail > a {
  color: #1688c9;
}

.region-sidebar-first form#search-block-form {
  margin-top: 2em;
}

.region-sidebar-first .nav > li > a:hover,
.region-sidebar-first .nav > li > a:focus {
  background-color: #fff;
  color: #1688c9;
}

.region-sidebar-second .block {
  background-color: #e3e4e5;
  margin-bottom: 1em;
  padding: 10px 10px 10px 10px;
}

.region-sidebar-second .block h2 {
  color: #14477c;
  font-size: 19px;  
  font-family: Arial;
}

.region-sidebar-second .block a {
  color: #444444;
  font-size: 14px;
}
.region-sidebar-second .block .iob_block_link_12 a {
  color: #444444;
  font-size: 12px;
}

.region-sidebar-second .block a:hover {
  background-color: #e3e4e5;
  color: #1688c9;
}

.region-sidebar-second .block .eno-slider-readmore{
  background-color: #1688c9;
  background-image: url("../images/bg_direction_white_right.png");
  background-position: right center;
  background-repeat: no-repeat;
  color: #fff;
  width: 100%;
  margin-top:10px;
}
.region-sidebar-second .block .eno-slider-readmore a {
  color:#fff;
  display: block;
  padding: 5px;
}

.region-sidebar-second .block .eno-slider-readmore a:hover {
  background-color: #1688c9;
  color: #e1f3fc;
}

.form-search .input-append .search-query {
    border-radius: 0 0 0 0;
    background-color: #e3e4e5;
    background-image: none;
    border: 0 none #e3e4e5;
    box-shadow: none;    
}

.form-search .input-append .btn {
    border-radius: 0 0 0 0;
    background-color: #e3e4e5;
    background-image: none;    
    border: 0 none #e3e4e5;
    border-bottom: 5px;
    box-shadow: none;
    padding: 5px 12px;
}

/* 2nd Level Content Menu */

.row-fluid [class*="span"] .eno-menu-grey {
  background-color: #e3e4e5;
  min-height: 200px;
  height: auto !important;
  height: 200px;
  max-height: 200px;
  padding-left: 10px;
  margin-bottom: 20px;
  margin-left: 0%;
  margin-right: 1%;
  position: relative;
  overflow:hidden;
}

.eno-menu-grey .eno-slider-readmore {
  background-image: url(../images/bg_direction_white_right.png);  
  background-position: right;
  background-repeat: no-repeat;  
  background-color: #1688c9;
  border-top: 10px solid white;
  margin-left : -10px;
  position: absolute; bottom: 0;
  width: 100%;
}

.eno-menu-grey .views-field-title {
  margin-top:10px;
}

.eno-menu-grey {
  background-color: #e3e4e5;  
  width: 100%;  
}

.eno-menu-grey .eno-slider-readmore a  {
  color : #fff;
  width: 100%;
  padding-left: 10px;
  display: block;
}

.eno-grey-list ul  ,
.eno-grey-list ol {
  margin-left: 0%;
}


.view-events .event, .view-past-events .event { margin: 0 0 5px 0; border-bottom: 1px solid #ccc; padding: 10px 0}
.view-events h3.event-title, .view-past-events h3.event-title { font-weight: normal; letter-spacing: -0.5px; }
.view-events .iobi-btn, .view-past-events .iobi-btn { width: 80px; margin: 0; }
.view-events .iobi-btn.book-now-link, .view-past-events .iobi-btn.book-now-link { background-color: #00aa00; float: right;}
.view-events span.date-display-single, .view-past-events span.date-display-single { font-weight: bold; }


.view .date-nav-wrapper { margin: 10px 0 0 0; padding: 0; }
.view .date-nav-wrapper .date-nav { margin: 0; padding: 0; }

.view .date-nav-wrapper .date-heading h3 { font-weight: normal; }
.view .date-nav-wrapper .date-heading h3 a {font-size: 20px !important}
.view .date-nav-wrapper .pager { margin: 0px; }
.view .date-nav-wrapper .date-prev,
.view .date-nav-wrapper .date-next { padding: 0; margin: 0; border-radius: 0; background: transparent; }
.view .date-nav-wrapper .date-prev a,
.view .date-nav-wrapper .date-next a {
    padding: 0; margin: 0; width: 20px; height: 20px; text-indent: -10000px; overflow: hidden; color: transparent;
    background-position: center center; background-repeat: no-repeat; border-radius: 0; background-color: transparent;
    border: none;
}
.view .date-nav-wrapper .date-prev a { background-image: url('../images/llt-14477c.png'); }
.view .date-nav-wrapper .date-next a { background-image: url('../images/rgt-14477c.png'); }

.calendar-calendar th.days { line-height: 26px; background: #1687c9; color: #fff; border-color: #1687c9; }
.calendar-calendar .mini { border: 1px solid #1687c9; line-height: 26px; text-align: center; color: #14477C; }
.calendar-calendar .mini a { display: block; width: 100%; text-decoration: none; color: #fff; }
.calendar-calendar .mini a:hover { background: #6dcef6; text-decoration: none; }
.calendar-calendar table.mini td.empty { border-color: #1687c9; }
.calendar-calendar table.mini td.has-events { background: #1687c9; color: #fff; }
.calendar-calendar div.calendar .calendar.dayview { font-size: large; }
/*.events-links { margin-top: 20px; }*/
.events-links p { text-align: center; margin: 0 0 5px 0; }
.events-links .iobi-btn { width: 160px; color: #fff; text-align: left; }
.events-links .book-now { background-color: #00aa00; }
.events-links .mailing-list { background-color: #f6921e; }

.page-events .image-event-list, .page-past-events .image-event-list {float:left;}
.page-events .content-event-list, .page-past-events .content-event-list {float:left; width:69%; padding: 0 0 0 20px; min-height: 105px; position: relative}
.page-events .content-event-list .summary, .page-past-events .content-event-list .summary {margin-bottom: 40px}
.page-events .content-event-list .event-path, .page-past-events .content-event-list .event-path {position: absolute; bottom: 0}
.page-events .clear, .page-past-events .clear {clear: both; line-height: 0}
.page-events .page-header, .page-past-events .page-header {margin-bottom: 18px !important}
.page-events h3, .page-past-events h3 {margin-top: 0 !important}
.page-events .date-heading, .page-past-events .date-heading {padding-bottom: 5px}
.page-events .pager .date-prev, .page-events .pager .date-next, .page-past-events .pager .date-prev, .page-past-events .pager .date-next {top: 5px}
.menu-name-menu-events-menu a.active {color: #1688c9;}
.menu-name-menu-events-menu li {padding: 5px 0;}

.region-sidebar-second .block a.book-now {background-color: #f6921e; display: block; margin: 25px 0 0 0; font-size: 14px; color: #fff}
/*******************************************************************************
 * programme specific
 *******************************************************************************/
.eno-programme-top-article .views-slideshow-cycle-main-frame-row-item {
    background: #ffffff;
}

.programme_specific .region-sidebar-second .block {
    margin-bottom: 0em;
    background-color: #d8ecf5;
    color: #094d7a;
}

.programme_specific .region-sidebar-second .block .eno-slider-readmore {
    background-color: #76bae1;
    background-image: url("../images/blue_right.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #094d7a;
    width: 100%;
    margin-top: 10px;
}
.programme_specific .region-sidebar-second .block .eno-slider-header {
    background-color: #76bae1;
    color: #094d7a;
    margin-top: 10px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}

.programme_specific .region-sidebar-second .block .eno-slider-download {
    background-color: #76bae1;
    background-image: url("../images/blue_down.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #094d7a;
    width: 100%;
    margin-top: 10px;
}

.programme_specific .region-sidebar-second .block .eno-slider-download a {
  color:#094d7a;
  display: block;
  padding: 5px;
}

.programme_specific .region-sidebar-second .block .eno-slider-download a:hover {
  background-color: #1688c9;
  color: #e1f3fc;
}

.programme_specific .region-sidebar-second .block .eno-slider-readmore a ,
.programme_specific .region-sidebar-second .block .eno-slider-download a {
    color: #094d7a;
}

body .programme_specific h3 {
    color: #094d7a;
    background-image: url("../images/programme_h3_background.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 15px;
}

.programme_specific .special h3 {
    color: #333333;
    background-image: none;
    background-color: #debb55;
}

body .programme_specific,
body .programme_specific p{
    color: #094d7a;
}

body .programme_specific .page-header {
    display: none;
}

/*******************************************************************************
 * Footer
 *******************************************************************************/

.footer {
  background-color: #e1f3fc;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  line-height: 15px;  
}

.footer {
  background-size: 100%; 
  background-color: #e1f3fc;
}

.footer p , .footer li{
  font-size: 10px;
  line-height: 15px;  
}
.footer h2 {
  font-size: 10px;
  font-weight: bold;
  font-family: Arial;
  margin-bottom: 0px;
  font-style: normal;
}
.footer [class*="span"]{
  margin-left: 0px;
}

footer.footer div.region p a {
  color: #444444;
  font-size: 10px; 
}
footer.footer div.region p a:hover,
footer.footer div.region p a:focus {
  color: #1688c9;  
}

footer.footer div.region section#block-system-main-menu.block ul.menu li {
  width: 14.5299%;
  width: 19%;
  float: left;
  margin-left: 1%;
}

footer.footer div.region section#block-system-main-menu.block ul.menu li li {
  float: none;
  margin-left: 0%;
  color: #555555;
}

footer.footer h2{
  font-size: 1.25em;
  margin-top: 0px;
}

footer.footer .row-fluid .eno-span23-1,
footer.footer .row-fluid .eno-span23{
  width: 20%;
  margin-right:3%;
  float: left;  
  margin-left: 0px;
}

footer.footer .row-fluid .eno-span14{
  width: 14%;
  float: left;  
  margin-left: 0px;  
}

footer.footer .row-fluid .eno-span13{
  width: 13%;
  float: left;  
  margin-left: 0px;  
}


footer.footer .dropdown-menu {
    display: block;
    background-clip: initial;
    background-color: #E1F3FC;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;    
}

footer.footer .dropdown-menu > li > a {
  display: inline;
  padding: 0px;
  white-space: nowrap;
}

footer.footer .dropdown a , 
footer.footer .menu.nav li a {
  color: #000000;
}

footer.footer h2 a,
footer.footer ul.menu li ul.dropdown-menu li  a,
footer.footer .dropdown li a {
  color: #444444;
}

footer.footer .dropdown .caret{
  border: 0px;
}

footer.footer .dropdown-menu > .active > a,
footer.footer .dropdown-menu > .active > a:hover,
footer.footer .dropdown-menu > .active > a:focus {
  background-color: #E1F3FC;
  background-image: none;
}

/* Change menu option if active */

/* Drop down */
footer.footer .dropdown-menu > .active > a:hover,
footer.footer .dropdown-menu > .active > a:focus,
footer.footer .dropdown-menu > li > a:hover,
footer.footer .dropdown-menu > li > a:hover, 
footer.footer .dropdown-menu > li > a:focus, 
footer.footer .dropdown-submenu:hover > a, 
footer.footer .dropdown-submenu:focus > a,
footer.footer ul.menu li ul.dropdown-menu li  a:hover,
footer.footer .dropdown li a:hover
{ 
  color: #1688c9 ; 
  background-image: none ;
  background-color: #E1F3FC;
}

/* Top Level */
footer.footer h2 a:hover,
footer.footer .nav > li > a:hover,
footer.footer .nav > .active > a:hover,
footer.footer .nav li.dropdown > .dropdown-toggle:hover, 
footer.footer .nav li.dropdown.open > .dropdown-toggle:hover, 
footer.footer .nav li.dropdown.active > .dropdown-toggle:hover, 
footer.footer .nav li.dropdown.open.active > .dropdown-toggle:hover {
  background-color: #E1F3FC;
  box-shadow: none;  
  color: #1688c9;
}

/* *********************************************************
    AIB Events
 */

.page-upcoming-events .region-sidebar-first h2,
.page-upcoming-events .region-sidebar-second .block h2 {
    color: 	rgb(1,103,88);
    font-weight: bold;
}
.page-upcoming-events .region-sidebar-first .content,
.page-upcoming-events .region-sidebar-second .content {
    margin-left: 10px;
}
.page-upcoming-events h1.page-header {
    font-weight: bold;
    color: rgb(82,44,109);
}

.page-upcoming-events .region-sidebar-second .block {
    background-color: #ffffff ;
}

.page-upcoming-events .iobi-btn {
    background-color: rgb(4,134,107);
}


.page-upcoming-events .aib-downloads {
    margin-top: 20px;
}

.page-upcoming-events .aib-downloads .iobi-btn {
    background: rgb(4,134,107) url('../images/aib-download.png') no-repeat right center;
}
.page-upcoming-events .view-events .iobi-btn {
    width: 80%;
}

.page-upcoming-events .iobi-btn.aib-diary-dates {
    background: rgb(4,134,107) url('../images/aib-diary-date.png') no-repeat right center;
}

.page-upcoming-events .region-sidebar-second .block.aib-diary-dates a:hover,
.page-upcoming-events .region-sidebar-second .block.aib-questions a:hover {
    background-color: rgb(4,134,107);
    opacity: 0.8;
}

.page-upcoming-events .region-sidebar-second .iobi-btn p {
    margin-top: 10px;
    text-align: center;
    color: rgb(255,255,255);
    font-size: 14px;
    line-height: 20.7999992370605px;
    text-decoration: none;
    display: block;
}

.page-upcoming-events .iobi-btn.aib-email {
    background: rgb(4,134,107) url('../images/aib-email.png') no-repeat right center;
}

.page-upcoming-events .iobi-btn.aib-ring {
    background: rgb(4,134,107) url('../images/aib-ring.png') no-repeat right center;
}

.page-upcoming-events .aib-events .views-row .image-event-list {
    float: left;
    width: 20%;
}
.page-upcoming-events .aib-events .views-row .content-event-list {
    float: right;
    width: 70%;
    margin-right: 10px;
}
.page-upcoming-events .aib-events .views-row {
    margin-top: 15px;
}
.page-upcoming-events .aib-events .views-row-first {
    margin-top: -30px;
}
.page-upcoming-events .aib-events .views-row {
    background: rgb(239,199,299); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left , rgb(255,255,255), rgb(239,199,299)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgb(255,255,255), rgb(239,199,299)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,  rgb(255,255,255), rgb(239,199,299)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,  rgb(255,255,255), rgb(239,199,299)); /* Standard syntax */
    display: inline-block;
    padding-bottom: 20px;
}

.page-upcoming-events .aib-events .views-row .iobi-btn {
    background: rgb(239,199,299); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left , rgb(128,46,129), rgb(202,69,169)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,  rgb(128,46,129), rgb(202,69,169)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,  rgb(128,46,129), rgb(202,69,169)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,  rgb(128,46,129), rgb(202,69,169)); /* Standard syntax */
}

.page-upcoming-events .aib-events .views-row .iobi-btn p {
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 20.7999992370605px;
    text-decoration: none;
    display: block;
}
.page-upcoming-events .aib-events .views-row .event-path .iobi-btn {
    width:20%;
    background:  url('../images/rgt-yellow.png') no-repeat right center , rgb(239,199,299); /* For browsers that do not support gradients */
    background:  url('../images/rgt-yellow.png') no-repeat right center , -webkit-linear-gradient(left , rgb(128,46,129), rgb(202,69,169)); /* For Safari 5.1 to 6.0 */
    background:  url('../images/rgt-yellow.png') no-repeat right center , -o-linear-gradient(right,  rgb(128,46,129), rgb(202,69,169)); /* For Opera 11.1 to 12.0 */
    background:  url('../images/rgt-yellow.png') no-repeat right center , -moz-linear-gradient(right,  rgb(128,46,129), rgb(202,69,169)); /* For Firefox 3.6 to 15 */
    background:  url('../images/rgt-yellow.png') no-repeat right center , linear-gradient(to right,  rgb(128,46,129), rgb(202,69,169));
}


/* End of AIB
  *********************************************
 */
@media(max-width: 479px) {
 
  .navbar .btn-navbar {
    padding: 7px 2px 10px 2px;
  }
  
  body { min-width: 267px; }
  
  a.logo-iobi img, a.logo-ucd img { margin-top: 0; margin-bottom: 10px; }
  .navbar .btn-navbar { margin: 0px 0px 0px 10px; }

 .view-slideshow-small-image img { width: 100%; margin-top: 1em;  }
 
.front .eno-front-middle .views-field-field-image img {
max-width: 57%; width: 57%; height: auto; margin: 0; padding: 0; 
}
  
}

@media(min-width: 480px) {

  h2.block-title { font-size: 20px; }
  
  /* Slideshow */
  .view-slideshow h3.title { font-size: 24px; line-height: 28px; }
  .view-slideshow div.subtitle { font-size: 20px; line-height: 22px; }
  .view-slideshow div.intro { font-size: 14px; line-height: 18px; }
  .view-slideshow a.learn-more { width: 120px; font-size: 14px; line-height: 18px; }
  .view-slideshow #slideshow-nav { display: block; }
  
  /* Sub Menu Slideshow */
  .view-slideshow-sub-menu h3.title { font-size: 24px; line-height: 28px; }
  .view-slideshow-sub-menu div.subtitle { margin: 0px; font-size: 20px; line-height: 22px; }
  .view-slideshow-sub-menu div.intro { margin: 0px; font-size: 14px; line-height: 18px; }
  .view-slideshow-sub-menu a.learn-more { width: 120px; font-size: 14px; line-height: 18px; }
  .view-slideshow-sub-menu #slideshow-nav { display: block; } 

  /* Single page top image */
  .view-slideshow-small-image img { width: 100%; margin-top: 1em;  }
  .view-slideshow-small-top #slideshow-nav { display: block; } 
  
  h3.title { font-size: 21px; line-height: 25px;; }

}



/**Portrait iPAD*/
@media(min-width: 768px)
and (max-width: 979px) {
    
    header.navbar-fixed-top {
        position: relative !important;
    }
    
    .view-slideshow img {
      width: 100%;
    }
    
    .nav-collapse .dropdown-menu {
      position: absolute;
      background-color: #FFFFFF;      
    }
    
    .nav-collapse .dropdown-menu a {
      font-weight: normal;
    }
    .nav-collapse .dropdown-menu {
      margin-left: 0px;      
    }
    
}

@media(max-width: 979px) {

    #admin-menu { display: none; }
    html body.admin-menu { margin-top: 0 !important;}
    .navbar .btn-navbar { margin: 5px 0px 10px 10px;}
    #search-block-form { display: inline-block; float: right; margin: 0px 0px 0px 0px !important;}
    /* .navbar .btn-navbar { margin: 41px 0 0 20px;} */
    /* .views-slideshow-cycle-main-frame { height: auto !important; } */
    /* .views-slideshow-cycle-main-frame-row { position: static !important; } */
    img.spacer { min-height: 100%; }
        
    #navbar .nav > li > a { padding: 0 10px; color: #14477c; }
   

    /* Content menu 2nd level */
    .row-fluid [class*="span"] .eno-menu-grey {
      min-height: 21em;
    }

        /* Footer */
      /* Hide Footer Menu */ 
    footer.footer .region-footer .eno-span23,
    footer.footer .region-footer .eno-span13,
    footer.footer .region-footer .eno-span14
    {
      display: none;
    }

    footer.footer .region-footer .eno-span23-1{
      width: 100%;
    }

     .cas-login-form { position: static; }
  
    .calendar-calendar .mini { font-size: 12px; }
    .events-links .iobi-btn { width: 120px; font-size: 13px; }
}

@media(min-width: 980px) {
  
   .front h2.block-title { font-size: 22px; border-bottom: 1px solid #1687c9; }
   .region-sidebar-first h2.block-title { font-size: 24px; border:none; }   
  /*** Slideshow ***/
  .view-slideshow { height: 230px; overflow:hidden;  }
  .view-slideshow img { float: right; max-width: 66%; position: absolute; top: 0; right: 0; overflow: hidden; }
  .view-slideshow h3.title { font-size: 30px; line-height: 35px; width: 30%; min-height: 70px; }
  .view-slideshow div.subtitle { width: 30%; font-size: 24px; line-height: 28px; }
  .view-slideshow div.intro { width: 30%; font-size: 14px; line-height: 18px; 
                              min-height: 60px;
  }
  .view-slideshow a.learn-more { font-size: 14px; line-height: 18px;   }

    /*** Sub Menu Slideshow ***/
  .view-slideshow-sub-menu { height: 310px; overflow:hidden; }
  .view-slideshow-sub-menu img { float: right; max-width: 74.5%; position: absolute; top: 0; right: 0; overflow: hidden; }
  .view-slideshow-sub-menu h3.title { font-size: 21px; line-height: 25px; width: 23%; }
  .view-slideshow-sub-menu div.subtitle { width: 23%; font-size: 24px; line-height: 28px; }
  .view-slideshow-sub-menu div.intro { width: 23%; font-size: 14px; line-height: 18px; }
  .view-slideshow-sub-menu a.learn-more { font-size: 14px; line-height: 18px; }
  
  /* Single page image */
  .view-slideshow-small-image { height: 168px; }
  .view-slideshow-small-image img { float: right; max-width: 74.5%; overflow: hidden; margin-top: 0px; }
  
  
  
  h3.title { font-size: 21px; line-height: 25px;  }
  
/* Content Front Blue Rows*/   
.front .row-fluid .eno-front-height [class*="span"] {
  min-height: 23.5em;
  max-height: 23.5em;
  position: relative;  
}

.front ul.eno-front-height{
  margin-left: 0px;
}

.front .eno-front-height .eno-front-blue .views-field-field-image {
  max-width: 100%;
  border-top: 10px solid white;
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
}

/* Footer */
footer h2.block-title,
.front footer h2.block-title { font-size: 1.25em; border-bottom: none; color: #555555}

}

@media(min-width: 1200px) {

  .front .views-field-title {
    min-height: 60px;  
  }

  .front .eno-front-blue h3.main-title {min-height: 50px}

  h2.block-title { font-size: 24px; }
  
  /*** Slideshow ***/

  .view-slideshow { height: 270px; overflow:hidden;  }
  .view-slideshow h3.title { font-size: 34px; line-height: 38px; width: 30%; }
  .view-slideshow div.subtitle { width: 30%; font-size: 30px; line-height: 34px; }
  .view-slideshow div.intro { width: 30%; font-size: 16px; line-height: 20px; }
  .view-slideshow a.learn-more { font-size: 16px; line-height: 20px; }

    /*** Sub Menu Slideshow ***/

  .view-slideshow-sub-menu { height: 350px; overflow:hidden;  }
  .view-slideshow-sub-menu h3.title { font-size: 34px; line-height: 38px; width: 23%; }
  .view-slideshow-sub-menu div.subtitle { width: 23%; font-size: 30px; line-height: 34px; }
  .view-slideshow-sub-menu div.intro { width: 23%; font-size: 16px; line-height: 20px; }
  .view-slideshow-sub-menu a.learn-more { font-size: 16px; line-height: 20px; }
  
  /* Sinlge Image */

  .view-slideshow-small-image { height: 350px; }
  .navbar .nav.pull-right { margin-top: 0px;}

}

/************************************************************************************/
/************************************************************************************/
/***************** MEDIA STATEMENTS *************************************************/
/************************************************************************************/
/************************************************************************************/

/************************************************************************************/
/************************************************************************************/
/*********************** Bootstrap Nav bar collapse ****************************/
/************************************************************************************/
/************************************************************************************/
/* Taken from http://twitter.github.io/bootstrap/customize.html#variables with the width for
 * collpase set to 767, This code is at the bottom of the CSS
 *************************************************************************************/
@media (max-width: 767px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
    margin-top: 15px;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    border-left: none;
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
  /*  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .view-slideshow #slideshow-prev, 
  .view-slideshow #slideshow-next {display:none;}
}




@media only screen and (max-width: 767px) {
  /* Header */
  /* Hide the Breadcrumb */
  .eno_breadoutter { display: none;}


  
  #search-block-form { 
        display: block;
        float: none;
        margin: 15x 10px 10px 10px !important;
        padding-bottom: 15px;
        visibility: hidden;
    }
   
    .navbar .btn-navbar {
        margin-top: 10px;
        padding-top:2px;
        height:12px;
    }
    
    .navbar .btn-navbar.open .icon-bar {
        display:none;
    }
    
    a.logo-iobi img {  
        max-width: 35%; 
        margin: 10px 0 0 0;
    }
        
    
    a.logo-ucd img {
        float: none;
        max-width: 30%;
        margin: 10px 0 0 5%;
    }
    

    
    #navbar .nav {
        background-color: #14477C;
    }
    

   
    #navbar .nav > li,
    .navbar .nav > li > a, 
    .navbar .nav > .active > a, 
    .navbar .nav li.dropdown > .dropdown-toggle, 
    .navbar .nav li.dropdown.active > .dropdown-toggle {
        background-color: transparent;
        margin: 0px;
        padding: 0px;
    }
    
    #navbar .nav > li > a {
        border-bottom: solid 1px #1688C9;
        color: #FFF;
        margin: 0px 10px;
        padding: 5px 0px;
    }
    
    .navbar nav ul.menu .dropdown-menu > li > a {
        background-color: transparent;
        color: white;
    } 
    
 
    .view-slideshow a.learn-more {
        width: auto;
    }
 
    #slideshow-nav {
        margin: 00px auto 30px auto;
        width: 150px;    
    }
    
    #slideshow-nav a {
        display: block;
        width: 14px;
        height: 14px;
        float: left;
        text-indent: -10000px;
        margin-left: 5px;
        background: #fff;
        box-shadow: none;
        border-radius: 10px;
        border: solid 2px #1688c9;
    }
    
    #slideshow-nav a.activeSlide {
        background-color: #1688c9;
    }
    
    .views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
        min-height: auto;
    }
    

    
    h2 {
        font-size: 20px;
    }
  
  
     
/* Content Front Rows*/   
.front .eno-front-blue{
  margin-top: 1em;
  background-color: transparent;
  padding: 0px;
}


.front .eno-front-height .eno-front-blue .views-field-field-image {
    max-width: available;
    position: static;
 }
 
.front .eno-front-middle .views-field-field-image img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

 .front .eno-front-height .eno-front-blue {
    float: left;
 }
 

 
 #block-views-slideshow-block {
     display: block;
 }

.front .eno-front-height .eno-front-blue .views-field-field-image,
.front .eno-front-middle .views-field-field-image {
  min-width: 60%;
  max-width: 60%;
  border-top: 0px;
  float:left;
  bottom: initial;
}


.front .eno-front-height .eno-front-blue div .views-field-title,
.front .eno-front-height .eno-front-blue div .views-field-field-subtitle,
.front .eno-front-height .eno-front-blue h3.title,
.front .row-fluid .eno-front-middle h3.title {
    width: 38%;
}

.front .row-fluid .eno-front-middle h3.title {
    font-weight: normal;
    float: left;
    clear: none;
    margin: 0px 0px 0px 5px;
}


.view-clone-of-row3 .views-field-body-1,
.view-front-page-last-row .views-field-body-1,
.view-new-front-blue-row .views-field-body-1 {
    font-size: 18px;
    float: right;
    margin-left: 0px;
    padding-left: 0px;
    width: 40%;
}

.front .eno-front-middle.view-clone-of-row3 .views-field-title h3 {
    margin-left: 15px;
    width: 30%;
}

.front h3.title { font-size: 14px; line-height: 16px;  }


.front .eno-front-height .eno-front-blue h3.title {
    display: block !important;
    float: left;
    font-weight: normal;
    margin: 0px 0px 0px 5px;
}

.front .view-clone-of-row3 .views-field-body,
.front .front-block-body p {
        display:none !important;
    }

.front .row-fluid .eno-front-height [class*="span"],
.front .row-fluid .eno-front-middle .eno-front-height [class*="span"] { 
    min-height: 100%;  
    max-height: 100%;
    margin: 0 0 1em;
    padding: 0;
}



  /* Footer Handle full withd */
.footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
}


.view-past-events ul li,
.block-past-events ul li{
  font-size: 24px; 
  line-height: 30px;
}

.block-past-events {
  margin-top: -10px;
}


@media(max-width: 601px) {

  /* Content menu 2nd level */
 .row-fluid [class*="span"] .eno-menu-grey {
   min-height: 15em;
 }
 }
@media(max-device-width: 480px) {
  /* Content Front Blue Rows*/   
  
    h3.title { font-size: 18px; line-height: 20px;  }

    .view-clone-of-row3 .views-field-body-1,
    .view-front-page-last-row .views-field-body-1,
    .view-new-front-blue-row .views-field-body-1 {
        font-size: 18px;
        float: right;
        margin-left: 0px;
        padding-left: 0px;
        width: 40%;
    }
    
    .front .eno-front-height .eno-front-blue h3.title {
        width:100%   
    }
}

@media(max-width: 320px) {
  
  h3.title { font-size: 14px; line-height: 16px;  }

}

.eno-light-blue {  color: #e1f3fc;}
.eno-med-blue {  color: #6dcef6;}
.eno-dark-blue {  color: #1688c9;}
.eno-very-dark-blue {  color: #14477c;}
.eno-orange {  color: #f7921e;}
.eno-grey {color: #e3e4e5;}
.eno-black {color:#000;}


@media (min-width: 768px) {
  .row-fluid .no-mobile {
    display: inline-block;
  }
  .row-fluid .mobile {
    display: none;
  }

  .row-fluid .iobi_feature {
    margin-left: 0px;
    margin-right: 1%;
  }
  .row-fluid .iobi_reg_buttons {
    margin-top:18px;
    margin-left: 0px;
  }
  .row-fluid .iobi_collage .span9 {
    width: 75.5%;
  }
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
  
.cas-login-form .span3 { width: 22.5%; margin-left: 2.13%; }
.cas-login-form .cas-login-content { margin-left: -2.13%; }

}

/* Added the following to make the menus show correctly ontop of the above. */

@media (min-width: 768px) {
  #navbar .nav-collapse .nav > li {
    float:left;
  }
  .navbar .btn-navbar {
    display:none;
  }
}
.nav-collapse .nav > li > a {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    line-height: 16px;
  
}
  .nav-collapse .nav > li > a,
  .nav-collapse .nav > li {
    font-weight: normal;
    font-size: 12px;
  }

input.search-query {
   padding: 0px 14px 0px 14px\9; 
}

h2.block-title {
    font-size: 32px\0;
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    .views-slideshow-cycle-main-frame-row {
        position: relative;
    }
    .views-slideshow-cycle-main-frame-row-item {
        min-height: 240px;
    }
    .view-slideshow div.intro {
      min-height: 110px;
    }
    
    #search-block-form {
        float: right;
        margin-right: 0px !important;
    }
    
    #navbar .nav > li > a {
        padding: 0px 4px !important;
    }
    
    #navbar .nav.secondary-menu > li > a#my-institute1 {
      margin-top: 0px;
    }
    
    #navbar .secondary-menu {
        float: right;
    }
    
    #navbar .nav.pull-right {
        margin-top: 0px;
    }

    #navbar .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        background-color: #ffffff;
    }
    
    #navbar .nav-collapse .open>.dropdown-menu {
        display: block;
        margin-top: 10px;
    }
    
    .nav-collapse .dropdown-menu a {
        font-weight: normal;
    }
    
    .views_slideshow_cycle_main {
        min-height: 250px !important;
        overflow: hidden
    }
    
    .view-slideshow #slideshow-nav {
        bottom: 13px;
        right: 60px;
    }

    .view-slideshow #slideshow-next,
    .view-slideshow #slideshow-prev {
        bottom: 11px;
    }
    
    .view-slideshow #slideshow-next {
        right: 20px;
    }
    
    .view-slideshow #slideshow-prev {
        right: 40px;
    }

    
    .view-slideshow img {
        position: absolute;
        top: 0px;
        right: 0px;
        max-width: 66%;
        overflow: hidden;
        min-height:100%;
      
    }
    .view-slideshow-sub-menu img {
        position: absolute;
        top: 0px;
        right: 0px;
        max-width: 74.5%;
        overflow: hidden;
        min-height:100%;
    }
    
    .not-front #page-header {
      margin-bottom: 20px;
    }
    
    .view-slideshow h3.title,
    .view-slideshow-sub-menu h3.title{
        font-size: 18px;
        line-height: 20px;
        min-height: 40px;
    } 
    
    .view-slideshow .subtitle,
    .view-slideshow-sub-menu .subtitle {
        font-size: 18px !important;
    }
    
    .view-slideshow .title,
    .view-slideshow .intro,
    .view-slideshow-sub-menu .intro, 
    .view-slideshow .subtitle,
    .view-slideshow-sub-menu .subtitle {
        width: 30%;
    }
    
    .view-slideshow div.intro p { font-weight: normal; font-size:14px;}

    
    .view-slideshow #slideshow-nav a {
        height: 10px;
        width: 10px;
    }

  .iobi-front-space {
    height: 10px;
  }
    footer.footer .region-footer .eno-span23,
    footer.footer .region-footer .eno-span13,
    footer.footer .region-footer .eno-span14{
        display: block;
    }
    
    footer.footer .region-footer .eno-span23-1 {
        width: 20%;
    } 
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

    .view-slideshow h3.title,
    .view-slideshow-sub-menu h3.title{
        font-size: 22px;
        line-height: 24px;
        min-height: 48px;
    } 
    
    .view-slideshow div.intro p {
        font-weight:normal;
    }
    
    .view-slideshow div.intro {
        min-height: 70px;
    }
}


/* iPad 3 (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {


    .view-slideshow #slideshow-nav {
        bottom: 30px;
        right: 60px;
    }   
    
    .view-slideshow #slideshow-nav {
        bottom: 13px;
    }
}

/* Smartphones ----------- */
@media only screen and (max-width: 760px) {

    #views_slideshow_cycle_teaser_section_slideshow-block {
      min-height: 400px !important;
    } 
}