/*----------------------------------------------*/
/* www.udmercy.edu                              */
/*----------------------------------------------*/
/*                                              */
/* UDM 2014 Home page Stylesheet                */
/*                                              */
/* for /www.udmercy.edu/index                   */
/*                                              */
/* Last Modified On: 2014/08/19                 */
/* See Cascade version comments for changes     */
/*----------------------------------------------*/

#wrapper {
height: 100%;
}

#page-container {
/*
width: 950px;
height: 100%;
background-color: #3b67a1;
*/
}

/*---------------------------*/
/* red-bar-links            */
/*                           */
/*---------------------------*/
#red-bar-links {
height: 30px;
background-color: #AC1A2F;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#red-bar-links a {
display: block;
float: left;
width: 33%;
padding-top: 4px;
text-decoration: none;
color: white;
text-align: center;
font: 15px Arial;
font-weight: 700;
vertical-align: middle;
}


#red-bar-links a .text {

}
#red-bar-links a .text:hover {
color: #d6cccc;
border: 0;
}

/* main body left col */
#left-column {
 float: left;
    margin: 10px 0;
    width: 189px;
    
}
/*---------------------------*/
/*About UDM Link*/
/*---------------------------*/

#about-link {
display: block;
margin: 0 0 10px 0;
padding: 3px 0;
border: 3px solid #B30048;
background: #ac1a30;
color: #E0E0E0;
font-size: 17px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
text-align: center;
vertical-align: middle;
/*
margin-bottom: -1px;
   */  
}

#about-link .button {
   display: block;
   border-top: 1px solid #e01212;
   background: #751c29;
   background: -webkit-gradient(linear, left top, left bottom, from(#ac1a30), to(#751c29));
   background: -webkit-linear-gradient(top, #ac1a30, #751c29);
   background: -moz-linear-gradient(top, #ac1a30, #751c29);
   background: -ms-linear-gradient(top, #ac1a30, #751c29);
   background: -o-linear-gradient(top, #ac1a30, #751c29);
   padding: 7px 14px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
  
   }
   
#about-link .button:hover {
   border-top-color: #d93c3c;
   background: #d93c3c;
   color: #ccc;
   }

/*---------------------------*/
/*Audience Links*/
/*---------------------------*/

#audience-links {
    margin: 0 0 10px 0;
    display: block;
  }

#audience-links #head{
margin-bottom: -1px;
padding: 15px 0;
border: 3px solid #B30048;
background: #ac1a30;
  color: #E0E0E0;
   font-size: 17px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
     
}
#audience-links #links{
  width: 173px;
margin-left:auto;
margin-right:auto;
}

#audience-links .button {
   display: block;
   border-top: 1px solid #e01212;
   background: #751c29;
   background: -webkit-gradient(linear, left top, left bottom, from(#ac1a30), to(#751c29));
   background: -webkit-linear-gradient(top, #ac1a30, #751c29);
   background: -moz-linear-gradient(top, #ac1a30, #751c29);
   background: -ms-linear-gradient(top, #ac1a30, #751c29);
   background: -o-linear-gradient(top, #ac1a30, #751c29);
   padding: 7px 14px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;


   text-decoration: none;
   vertical-align: middle;
   text-align: left;
   }
   
#audience-links .button:hover {
   border-top-color: #d93c3c;
   background: #d93c3c;
   color: #ccc;
   }
   
/*---------------------------*/
/*Colleges and Schools Links */
/*---------------------------*/

#college-links {
     margin: 0 0 10px 0;
    display: block;

}

#college-links #head{
margin-bottom: -1px;
padding: 15px 0;
border: 3px solid #6e90bb;
background: #3b67a1;

  color: #E0E0E0;
   font-size: 17px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
     
}

#college-links #links{
  width: 173px;
  margin-left:auto;
  margin-right:auto;

}

#college-links .button {
   display: block;
   border-top: 1px solid #c8d8ea;
   background: #3b67a1;
   background: -webkit-gradient(linear, left top, left bottom, from(#6e90bb), to(#3b67a1));
   background: -webkit-linear-gradient(top, #6e90bb, #3b67a1);
   background: -moz-linear-gradient(top, #6e90bb, #3b67a1);
   background: -ms-linear-gradient(top, #6e90bb, #3b67a1);
   background: -o-linear-gradient(top, #6e90bb, #3b67a1);
   padding: 7.5px 15px;

   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   text-align: center;
   }
#college-links .button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }



/*---------------------------*/
/*Tour Video UDM Link*/
/*---------------------------*/

#tour-link {
display: block;
margin: 0 0 10px 0;
padding: 3px 0;
border: 3px solid #B30048;
background: #ac1a30;
color: #E0E0E0;
font-size: 17px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
text-align: center;
vertical-align: middle;
/*
margin-bottom: -1px;
   */  
}

#tour-link .button {
   display: block;
   border-top: 1px solid #e01212;
   background: #751c29;
   background: -webkit-gradient(linear, left top, left bottom, from(#ac1a30), to(#751c29));
   background: -webkit-linear-gradient(top, #ac1a30, #751c29);
   background: -moz-linear-gradient(top, #ac1a30, #751c29);
   background: -ms-linear-gradient(top, #ac1a30, #751c29);
   background: -o-linear-gradient(top, #ac1a30, #751c29);
   padding: 7px 14px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
  
   }
   
#tour-link .button:hover {
   border-top-color: #d93c3c;
   background: #d93c3c;
   color: #ccc;
   }

/*----------------------------*/
/*                            */
/* Wrapper wrapper            */
/* to wrap top and            */         
/* bottom wrapperContent      */
/*----------------------------*/



#wrapper-wrapper {
float: left;
width: 733px;
margin: 10px 0 0 14px;
padding: 0;

}

/*---------------------------*/
/*                           */
/* Top Slider Content        */
/*---------------------------*/



#top-wrapper {
margin: 0;
padding: 0;

}


/* Slider - Rotating images using Jquery */
#slider-wrapper{
float: left;

}
/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
    width:100%;
   /* height:250px; 
   height:277px; */
   height: 327px;
    overflow: hidden;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none;
}
.nivo-main-image {
    display: block !important;
    position: relative !important; 
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;

    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
     background-color:#fff;
    filter: alpha(opacity=0);

    /*non ie*/

     opacity: 0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    width:100%;
    z-index:8;
    padding: 5px 10px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter:alpha(opacity=8);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    text-align:center;
    padding: 15px 0;
}
.nivo-controlNav a {
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}
/*
Skin Name: Nivo Slider Dark Theme
Skin URI: http://nivo.dev7studios.com
*/

.theme-dark.slider-wrapper {
    background: #222;
    padding: 0px;  /*  padding: 10px; */
    width: 738px; /* width: 593px; 2012 width */
    /*height: 300px;
    height: 307px;*/
    height:357px;
    border: 3px solid #fff;

    margin-bottom: 10px;
}
.theme-dark .nivoSlider {
    position:relative;
    background:#fff url(http://www.udmercy.edu/_site/images/home/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    overflow: visible;
}
.theme-dark .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.theme-dark .nivoSlider a {
    border:0;
    display:block;
}

.theme-dark .nivo-controlNav {
    text-align: left;
    padding: 0;
    position: relative;
    z-index: 10;
}
.theme-dark .nivo-controlNav a {
    display:inline-block;
    width:10px;
    height:10px;
    background:url(http://www.udmercy.edu/_site/images/home/bullets.png) no-repeat 0 2px;
    text-indent:-9999px;
    border:0;
    margin: 0 2px;
}
.theme-dark .nivo-controlNav a.active {
    background-position:0 100%;
}

.theme-dark .nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background: url(http://www.udmercy.edu/_site/images/home/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
    top: auto;
   /* bottom: -36px;*/
   bottom: -32px;
    z-index: 11;
}
.theme-dark .nivo-directionNav a:hover {
    background-color: #333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.theme-dark a.nivo-nextNav {
    background-position:-16px 50%;
    right:0px;
}
.theme-dark a.nivo-prevNav {
    background-position:11px 50%;
    left: auto;
    right: 35px;
}

.theme-dark .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-dark .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-dark .nivo-caption a:hover {
    color:#fff;
}

.theme-dark .nivo-controlNav.nivo-thumbs-enabled {
    width: 80%;
}
.theme-dark .nivo-controlNav.nivo-thumbs-enabled a {
    width: auto;
    height: auto;
    background: none;
    margin-bottom: 5px;
}
.theme-dark .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    width: 120px;
    height: auto;
}

     


/**********************/
/*  Bottom wrapper    */
/**********************/

#bottom-wrapper {
margin: 10px 0 0 0;
padding: 0;
}

/********/
/* Events */
/*********/

#tabs-2 {  /* Note that other tab-related rules are in tabs.css file */
    background-color: #CBD8EA;
}

#events-box {
    width: 180px;
    float: left;
    margin-left: 4px;
    padding:  12px 10px 0px 10px;
    background-color: #cbd8ea;
    border: 3px solid #cbd8ea;

}


#events-head {

    height: 12px;
       background-color: #cbd8ea;
 
}
#events {
    margin: 4px;
    height: 135px;
       background-color: #cbd8ea;
}

#events .event {
   
    padding: 12px 10px 0px 10px;
    height: 135px;
}



#events .date, 
#events .location,
#news .teaser {
  color: #012f74;
}

#events .location {
  padding-top: 2px;
  line-height: 110%;
}

#events .date {
  font-size: 11px;
}

#events .title {
  font-size: 12px;
}

#news .title {
  font-size: 14px;
}

#events .location, 
#news .teaser,
#news .more-link {
  font-size: 10px;
}

#events-head img, 
#news-head img,
#spotlight-head img {
    float: left;
    padding-right: 35px;
 
}

.see-all-link {
    font-size: 12px;
    font-weight:700;
    vertical-align: top;
    line-height: 20px;
}



/* News box */

#news-box {
    float: left;
    width: 305px;
/*    width: 372px; */
    margin-right: 4px;
    background-color: #cbd8ea;
    border: 3px solid #cbd8ea;

    font-family: Arial, Helvetica, Sans-Serif;  
}

#news-box * {
  
}

#news-box #news-head {
    padding: 12px 10px 12px 10px;
    height: 12px;
    /*   margin-right: 4px; */
}

#news {
   /* padding: 0 28px 1px 28px; */
}

#news a.news-item {
    display: block;
    clear: left;
    width: 249px;
    /* width: 316px; */
   /* min-height: 75px; */
     min-height: 35px; 
   /* padding-top: 7px; */
}

#news a.news-item img {
    float: left;
}

#news .title,
#news .teaser {
    display: block;
    /* margin-left: 80px; 
    width: 224px;
    padding-left: 12px; */
}

#news .title { 
    padding-bottom: 4px;
    padding-top:13px;
}

#news .teaser {
    line-height: 115%;
    padding-bottom: 8px;
   font-family: Helvetica, Arial, Sans-Serif;
   font-size: 12px;
   font-height: 14px;
}

#news .more-link {
    color: #ac1a2f; 
      font-family: Helvetica, Arial, Sans-Serif;
         font-size: 12px;
   font-height: 14px;
    
}

#listlinks {

}

/* highlight links*/

#highlight-links {
float: left;
width: 249px;
height:225px;
/* height: 265px;
width: 315px;
height: 255px;  */
margin: 0 0 5px 10px;
padding: 2px 7px 7px 7px;
background-color: #fff;
border: 3px solid #cbd8ea;

  }
     
#highlight-links a {
    display: block;
    padding-bottom: 5px;
    text-align: left;
      font-family: Arial, Helvetica, Sans-Serif;  
      font-size: 14px;
      color: #000000;
   /* color: #002C76;
    
    font-weight: 700; */
    margin-top: 10px;
    border-bottom: 1px solid #cbd8ea;
     }
     


/* spotlights*/


#spotlights {
    float: left;
    margin-left: 15px;
    width: 123px;
    display: block;
    padding: 0;

 }

#spotlights img {
    margin-bottom: 15px;
    width: 113px;
    margin: 5px;
 
    
    
}

#spotlights a.spotlight {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 12px;
}

/*   Friendly Footer    */

#friendly-footer {
    clear:both;
    width: 100%;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border-top: 15px solid #cbd8ea;
    /*border-top: 15px solid #3b67a1;
     background-color: #cbd8ea; */
    background-color: #8ea1d2;
    
}

#title {
    float:left;
    width: 50%;
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700; 
    font-size: 18px;
    color: #fff;}
    
#title .sub{

    font-size: 14px;
    }
    
#socialmedia {
    
    float:right;
    margin: 15px;
  
    }


#info {
    clear:both;
    width: 100%;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    /* background-color: #002c76; */
    background-color: #3b67a1;
    border-top: 7px solid #8ea1d2;
    border-bottom: 0px;
    min-height: 225px;
    
      
    }
    
#info #col {
    width:30%; 
    float:left; 
    display:inline;
    margin-left: 5px;
    padding: 10px; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700; 
    font-size: 12px;
    color: #fff;
}

#info #col a {color:#fff; display:block;}
#info #col p {font-size:16px;}