/* Reset */ 
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1}a img{border:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}button::-moz-focus-inner{border:0}
.clear {clear:both}

/*********************/
/*      REDESIGN     */
/*********************/
body {background-color: #fff; font-family: arial, Century Gothic, sans-serif; margin:0; padding:0; font-size: 76%; line-height:1.3em;}
a, a:active {color: #2879b4; text-decoration: none;}
a:hover {color: #803795; text-decoration: underline;}

#UNFheader {  
background: #013f70; 
background: -moz-linear-gradient(left,  #013f70 17%, #1f89c5 82%);
background: -webkit-gradient(linear, left top, right top, color-stop(17%,#013f70), color-stop(82%,#1f89c5));
background: -webkit-linear-gradient(left,  #013f70 17%,#1f89c5 82%); 
background: -o-linear-gradient(left,  #013f70 17%,#1f89c5 82%); 
background: -ms-linear-gradient(left,  #013f70 17%,#1f89c5 82%); 
background: linear-gradient(to right,  #013f70 17%,#1f89c5 82%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013f70', endColorstr='#1f89c5',GradientType=1 ); 
}
#UNFheader #logo {padding: 10px 0px 3px 0px; min-width:230px;  z-index:1 !important}
#UNFheader .wings {margin: 0 auto; background: url(../image/UNFwings.png) no-repeat 500px 0px;} 
#UNFheader .wingsMobile {margin: 0 auto; background: url(../image/UNFwings.png) no-repeat 50px 0px;}
#UNFheader #unfmobileHeader img {display:block; border-width:0px; padding:8px 10px}
#UNFheader .mywings {float:right;}
#UNFheader .searchCode {text-align:right; margin: 10px 0px 0px 0; min-width:275px; font-size: 1em;}
#UNFheader .searchCode input#box {width: 180px; padding: 1px 5px; margin-right: 3px; height: 22px;  background:#fff !important}
#UNFheader .searchCode input#go {background:#ededed; border-radius:5px; border:1px solid #dcdcdc; display:inline-block; color:#777777; width:35px; font-weight:bold; padding:1px; font-size:1.1em}
#UNFheader .searchCode .searchSelect {font-size: .9em; margin-left:15px}
#UNFheader .searchCode .searchLink {text-align: right; margin:-5px 2px 0px 0px; font-size:1em;}
#UNFheader .searchCode .searchLink a {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; text-transform: uppercase;	font-size: .90em;}
#UNFheader .searchCode .searchLink a:hover {color: #f9f1cf;	text-decoration: none;}
#UNFheader .searchbtn .glyphicon-search /* for mobile header */ {color:#fff;	background: #044062; border:4px double #4a81b1; text-align:center; font-size: 1.1em; padding:6px; margin-top:7px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#UNFheader .searchbtn .glyphicon-search:hover {border:4px double #55a6eb; background:#2b4866}

/* Skip Navigation */
#skipNav {background: #1877b1; color: #ffffff; padding: 5px 10px; font-weight: normal; display: block;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);  border: 0;}
.sr-only-focusable:active, 
.sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}

.carousel-inner { 
   background: #91a2ac; 
   background: -moz-linear-gradient(top, #91a2ac 17%, #525b60 82%);
   background: -webkit-gradient(linear, left top, right top, color-stop(17%,#91a2ac), color-stop(82%,#525b60));
   background: -webkit-linear-gradient(top, #91a2ac 17%,#525b60 82%); 
   background: -o-linear-gradient(top, #91a2ac 17%,#525b60 82%); 
   background: -ms-linear-gradient(top, #91a2ac 17%,#525b60 82%); 
   background: linear-gradient(to bottom, #91a2ac 17%,#525b60 82%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91a2ac', endColorstr='#525b60',GradientType=1 ); }
.carousel {overflow: hidden;}
.carousel .item {-webkit-transform: translateZ(0); -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;}
.carousel .active.left, .carousel .active.right {left:0; opacity:0; z-index:2;}
.carousel .next, .carousel .prev {left:0; opacity:1; z-index:1;}
.carousel img {margin:0px auto}
.carousel a:active, .carousel a:hover, .carousel img {outline:0px !important;}
.carousel-indicators li{width:15px;height:15px;margin:0px 5px !important; border:#eef2f6 1px solid}
.carousel-indicators .active{width:15px;height:15px;}
.carousel-control {width:8%;}
li#carouselButtons {opacity:1; z-index:2; border:none;  margin-bottom:2px !important }
#carouselButtons button {background:#eaeeef; opacity:.6; float:right; margin-right:-15px;}
#carouselButtons span {padding:0px 0px 3px 0px}
#carouselButtons .inactive {display:none}
.carousel-inner>.item {text-align:center;} /* adaptive */
.carousel-inner>.item img {width:100%; max-width:1275px} /* adaptive */
.carousel-inner>.item p{display:none} /* adaptive caption */

#UNFbignav .container {background:#eeeff0; padding-left:15px; margin-top:15px; border-bottom:1px solid #d9dee3; border-right: 1px solid #d9dee3; border-top: 1px solid #d9dee3; border-radius:6px}
#UNFbignav .col-md-2,
#UNFbignav .col-md-4 {padding:0px}
#UNFbignav ul:first-child {border-radius:6px;}
#UNFbignav ul {border-left: 1px solid #e0e0e0; height: 160px; float: left;	padding: 10px 18px;	margin: 0; list-style-type: none;}
#UNFbignav h1{font-size: 1em; font-weight: bold; color: #003886; margin: 0 0 5px 0; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
#UNFbignav li {list-style-type: none; display:block !important; float:none}
#UNFbignav li a {padding:0px; color: #4f4f4f; font-size: .9em; line-height: 18px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
#UNFbignav li a:hover{color: #0076cc; text-decoration: underline;}
#UNFbignav .academics {margin-left:-15px;}
#UNFbignav .college {margin-left:-20px; width:28%}
#UNFbignav .ribbon {width:1%; padding:0px}
#UNFbignav .ribbon a {float:right; margin-right:22px; top:7px !important; position:relative; font-weight:bold; font-family: Century Gothic, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none}
#UNFbignav .ribbon a:hover {color:#ffd62a}
#UNFbignav .ribbon .apply {font-size:1.2em; width: 137px; height:40px; margin: 0px; background: url(../image/ribbon-apply.png) no-repeat top left;position:relative; right:29px; top:10px}
#UNFbignav .ribbon .visit {font-size:1.2em; width: 137px; height:40px; margin: 0px; background: url(../image/ribbon-visit.png) no-repeat top left;position:relative; right:29px; top:10px}
#UNFbignav .ribbon .give {font-size:1.2em; width: 137px; height:40px; margin: 0px; background: url(../image/ribbon-give.png) no-repeat top left;position:relative; right:29px; top:10px}

#UNFinfo {margin-top:25px; margin-bottom:0px}
#UNFinfo a{font-weight: bold;}
#UNFinfo p{margin: 0 0 15px 0; line-height:1.5em}
#UNFinfo h1 {margin-top:0px; margin-bottom:10px}
#UNFinfo h1 a{color: #003886; font-weight: normal; text-decoration: none;}
#UNFinfo h1 a:hover{color: #803795; text-decoration: none;}
#UNFinfo h2 {margin-top:0px; margin-bottom:10px}
#UNFinfo h2 .title {font-family: Century Gothic, arial, sans-serif; font-weight:normal; color:#003886; font-size: 2em; margin:0px; display:block; padding-bottom:6px}
#UNFinfo h2 .view {font-family: Century Gothic, arial, sans-serif; font-size: .9em; color: #4f4f4f; font-weight: bold; text-transform: uppercase; display:block; padding-bottom:6px}
#UNFinfo h2 a:hover {text-decoration: none !important;}
#UNFinfo h3 a:hover{color: #803795; text-decoration: underline;}
#UNFinfo #events.col-sm-4, 
#UNFinfo #events.col-md-3 {border-right:#DEE1E3 1px solid}
#UNFinfo #events .eventRSS {clear:both}
#UNFinfo #events .eventIcon {width:35px; margin-right:10px; border:#d0d8df 1px solid; text-align:center; color:#4d525a}
#UNFinfo #events .eventIcon p{margin:0px;}
#UNFinfo #events .eventIcon .month {background:#D0D8DF; font-weight:bold }
#UNFinfo #events .eventIcon .date {margin:0px; font-size:1.5em; background:#eeeff0;}
#UNFinfo #events .eventInfo {width:215px;}
#UNFinfo #news {padding-left:20px; padding-right:30px;}
#UNFinfo #student {margin-top:0px; margin-left:0px;  padding:0px;}
#UNFinfo #student a{color:#666;}
#UNFinfo #student a:hover{color:#803795 !important; text-decoration:none; cursor:pointer;}
#UNFinfo #student .info {float:right; margin-top:-360px; position: relative; width:215px; top:12px; text-align:right;}
#UNFinfo #student .studentAction {margin-bottom:0px; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; color:#2879b4}
#UNFinfo #student .studentName {padding-right:5px; margin-bottom:0px; font-size: 1.32em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
#UNFinfo #student .studentDetails {padding-right:5px; margin-bottom:0px; font-size: .9em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
#UNFinfo #social {position:absolute; bottom:0px; text-align:center; right:10px; margin-bottom:30px;}
#UNFinfo #social a {color:#2570b1 !important;}
#UNFinfo #social img {margin:8px 3px 0px 3px}
#UNFinfo #social strong {display:block}

#UNFfooter {background: #003886;}
#UNFfooter .container {margin: 0 auto; padding: 15px 0px;}
#UNFfooter p {color: #fff; margin: 0; font-size: .9em; font-weight: bold; line-height:1.45em}
#UNFfooter a{color:#ffce00; text-decoration: none;}
#UNFfooter a:hover{color:#ffce00; text-decoration: underline;}
#UNFfooter .contact {text-align:center; }

#emergency {font-family: century gothic, arial,helvetica,sans-serif;}
#emergency .panel {background-color: #fff3a3; border-bottom: 5px solid #ffe075; border-radius:0}
#emergency .panel-heading {background-color: #fff08d; padding:0px; }
#emergency .panel-title {font-size:1.75em; text-align:center; font-weight:bold }
#emergency .panel-title a {color:#d02433; padding:8px; display:block; text-decoration:none}
#emergency .panel-title:hover {background:#ffe075}
#emergency .panel-body{border-top: 1px solid #ffe075;}
#emergency h1 {color: #000; font-size: 1.75em; font-weight: bold; margin:0px 0px 10px 0px}
#emergency p {margin-bottom:1.25em}
#emergency .icon {background: url(../image/emergency.png) no-repeat center; height:75px; width:75px;}
#emergency .message {margin-bottom:15px; font-family: arial, Century Gothic, sans-serif; color: #000000; font-size: 1.10em;}
#emergency .timestamp {font-size:1em; margin-bottom:15px;}
#emergency a {color:#2879b4 !important; text-decoration:underline}
#emergency a.more{font-weight:bold; background:#fadb68; border:1px solid #ffce00; padding:5px 10px; color:#2879b4; -moz-border-radius: 12px;-webkit-border-radius: 12px; border-radius: 12px;}
#emergency a.more:hover{background:#f6c354; color:#003886; text-decoration:none}
#emergency .caret {border-top-color:#fcaa55; border-bottom-color:#fcaa55; width:10px; height:8px}
#emergency .collapsed .caret {position:relative; border-top-color: #fcaa55; border-bottom-color: #fcaa55;}
#emergency .glyphicon-remove-circle {color:#64686F;	font-size: 1.5em;}
.alerts {width:85%; margin:0px auto;}
.alerts .level2 {background-color: #fffbbc; padding: 15px; border: 1px solid #ffe475; margin-bottom:0px}
.alerts .level3 {background-color: #eeeff0; padding: 15px; border: 1px solid #d0d8df; margin-bottom:0px}
.alerts .headline {font-weight:bold; font-size:1.3em; color: #000; margin-bottom:10px}
.alerts .message {}
.alerts .timestamp {font-size:1em; padding:8px 0px}
.alerts a {color:#22689a !important; text-decoration:underline}
.alerts a.more {color:#0076cc !important;}
#RssMobileEmergency {margin:20px 0px}
#RssMobileAlerts {margin:20px 0px}

/*
#UNFapp {background:#515151; margin:0px; border-top:#ccc 1px solid}
#UNFapp .col-xs-10 {padding-top:10px;}
#UNFapp .store {font-size:.85em;}
#UNFapp img {padding:3px}
#UNFapp a {display:block; color:#f5f5f5; font-weight: bold; text-decoration:none}
#UNFapp .row:hover {background:#4c657e;}
#UNFapp .col-xs-3 {text-align:right;}
#UNFapp .col-xs-9 {padding-top:15px}
*/

/*****************************/
/* MENU (override bootstrap) */
/*****************************/
.navbar-collapse {max-height: 1000px}
#UNFnav, .navbar, .yamm {z-index:0 !important} /* send menu behind keyword search */
#UNFnav.navbar {min-height:15px; margin-bottom: 0px; border-radius:0px; /*override */   
  border-bottom:1px solid #979AA0; border-top:1px solid #8b8b8b;
  background: #707577; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707577', endColorstr='#8a8d94',GradientType=0 ); /* IE6-9 */
  background: -ms-linear-gradient(top, #707577 17%,#8a8d94 82%); /* IE10+ */
  background: -moz-linear-gradient(top, #707577 17%, #8a8d94 82%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#707577 ), color-stop(82%,#8a8d94)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #707577 17%,#8a8d94 82%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #707577 17%,#8a8d94 82%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #707577 17%,#8a8d94 82%); /* W3C */}
#UNFnav .navbar-nav {float:none; text-align:center}
#UNFnav .navbar-nav li {float:none; display:inline;}
#UNFnav .navbar-nav li a {display:inline-block;}
#UNFnav a {padding: 5px 3%;}
#UNFnav a:hover,
#UNFnav a:focus {background:#979AA0}
#UNFnav .navbar-toggle {border:1px solid #5f7889; background:#d3dbe2}
#UNFnav p.navbar-toggle,
#UNFnav p.navbar-toggle:hover  {color:#fff; border:none; background:none; padding-right:0px; font-weight:bold;} /* OBSOLETE? This is a button not a P now. */
#UNFnav .navbar-toggle .icon-bar {background-color: #5f7889;}
.audience a {font-size:1em; font-weight:bold; font-family: Arial, Century Gothic, Arial, san-serif; color:#fff; text-transform:uppercase;}

/*****************************/
/* CAROUSEL                  */
/*****************************/

    #rotateHome .owl-carousel{width:100%; position:relative; }
    #rotateHome .owl-carousel a {text-decoration:none}
    #rotateHome .item {display:block;}
    #rotateHome .photo {z-index:0 !important; width:100%; max-width:1275px;  margin:0 auto}
    #rotateHome .photo img {width:100%;}
    #rotateHome .caption { display:block; padding:10px; color:#fff; font-size:1.3em; line-height:16pt; text-align:center}
    #rotateHome .owl-nav > div {width:30px; height:45px; position:absolute; top:30%; padding:20px; opacity:.75; color:transparent; cursor:pointer;}
    #rotateHome .owl-nav > div:hover {opacity:1;}
    #rotateHome .owl-nav .owl-prev {background: url('../js/plugins/cycle2/images/cycle-prev.png') no-repeat left center; left:5px; background-size:17px 25px;}
    #rotateHome .owl-nav .owl-next {background: url('../js/plugins/cycle2/images/cycle-next.png') no-repeat right center; right:5px; background-size:17px 25px;}
    #rotateHome .controls { display: none; }
@media all and (min-width:500px) {
    #rotateHome .owl-nav > div {top: 45%; }
    #rotateHome .owl-nav .owl-prev {left:15px; background-size:30px 45px;}
    #rotateHome .owl-nav .owl-next {right:15px; background-size:30px 45px;}
    #rotateHome .caption { display:none}
    #rotateHome .controls {display:block; position:relative; top:0}
    #rotateHome .controls .play,
    #rotateHome .controls .stop {width:25px; height:25px; position:absolute; bottom:20px; right:22px; z-index:5; outline: none !important}
    #rotateHome .controls .active { display:block }
    #rotateHome .controls .inactive { display:none }
    #rotateHome .controls .glyphicon { opacity:.75; color:#f6f6f6; font-size: 1.5em; line-height:1em; border-radius:5px; padding:2px 5px 7px 5px; border:1px solid transparent;}
    #rotateHome .controls .glyphicon:hover {opacity:1;  border:1px solid #eaeeef;}
} 

/**************************/
/* Responsive Adjustments */
/**************************/

/* Screen size = WIDESCREEN (so that photo doesn't consume entire screen)*/
@media only screen and (max-height : 720px) { 
.carousel .carousel-inner>.item img {max-width:1170px}
}

/* Screen size = MEDIUM (col-lg) */
@media only screen and (max-width : 1200px) { 
#UNFheader .wings {background: url(../image/UNFwings.png) no-repeat 385px 0px;}
#UNFnav a {padding: 5px 18px;}
#UNFbignav .academics {margin-left:-20px; width:19%}
#UNFbignav .admissions {width:18%}
#UNFbignav .college {margin-left:-30px; width:28%}
#UNFbignav .ribbon .apply {right:59px;}
#UNFbignav .ribbon .visit {right:59px;}
#UNFbignav .ribbon .give {right:59px;}
#UNFinfo {position:relative;}
#UNFinfo h1 .title {font-size: 2em; line-height:22pt}
#UNFinfo #events {margin-bottom:120px}
#UNFinfo #events .eventIcon {display:none}
#UNFinfo #news {margin-bottom:120px}
#UNFinfo #student {width:100%; height:auto}
#UNFinfo #social strong {display:inline-block; margin-right:5px}
#UNFinfo #social {text-align:left; padding:18px 10px; border-radius:6px; background:#eeeff0; border-bottom:1px solid #d0d8df; border-top: 1px solid #e0e0e0; width:97.5%}
#UNFinfo #student a.profile {position:absolute; bottom:0px; right:0px; z-index:1}
#UNFinfo #student a {color:#000}
#UNFinfo #student a:hover {color:#fff}
#UNFinfo #student .photo {text-align:right; position:relative; z-index:3;}
#UNFinfo #student .info {margin-top:-125px; position:relative; z-index:2; right:325px; width:325px;}
#UNFinfo #student .info .text {padding-right:10px}
#UNFinfo #student .arrow {float:right; display:block; margin-right:-24px; width:0;height:0; vertical-align:middle; border-top:10px solid transparent; border-bottom:10px solid transparent;}
#UNFinfo #student .gray {border-right: 1px solid #929497;}
#UNFinfo #student .gray .arrow {border-left:10px solid #929497;}
#UNFinfo #student .blue {border-right: 1px solid #003886;}
#UNFinfo #student .blue .arrow{border-left: 10px solid #003886;}
#UNFinfo #student .teal {border-right: 1px solid #0076cc;}
#UNFinfo #student .teal .arrow{border-left: 10px solid #0076cc;}
#UNFinfo #student .green {border-right: 1px solid #529f68;}
#UNFinfo #student .green .arrow{border-left: 10px solid #529f68;}
#UNFinfo #student .yellow {border-right: 1px solid #ffce00;}
#UNFinfo #student .yellow .arrow{border-left: 10px solid #ffce00;}
#UNFinfo #student .red {border-right: 1px solid #d02433;}
#UNFinfo #student .red .arrow{border-left: 10px solid #d02433;}
#UNFinfo #student .purple {border-right: 1px solid #803795;}
#UNFinfo #student .purple .arrow{border-left: 10px solid #803795;}
}
/* Screen size = TABLET (col-sm)*/
@media only screen and (max-width : 991px){
#UNFheader .wings {background: url(../image/UNFwings.png) no-repeat 245px 0px;}
#UNFnav a {padding: 5px 10px; font-size:.9em !important}
#UNFbignav .container {margin-bottom:85px;}
#UNFbignav ul {min-height: 165px; padding:10px}
#UNFbignav .academics {margin-left:0px; width:165px; }
#UNFbignav .admissions {margin-left:-5px; width:155px}
#UNFbignav .campus {margin-left:-5px;}
#UNFbignav .college {margin-left:0px; width:180px;}
#UNFbignav .ribbon {display:inline-block; text-align:right;  height:0px; top:0px; width:100%;}
#UNFbignav .ribbon a {display:block; text-align:center !important; float:none; border:1px solid #3e91c5; font-size:1em; margin:0px !important; top:0px !important; padding:8px 15px; }
#UNFbignav .ribbon .apply, 
#UNFbignav .ribbon .visit, 
#UNFbignav .ribbon .give {float:left; margin:10px 10px; padding:4px; width:auto; height:auto; 
   background: #136ca4 ; 
   background: -moz-linear-gradient(top,  #136ca4 17%, #207db9 82%);
   background: -webkit-gradient(linear, left top, right top, color-stop(17%,#136ca4 ), color-stop(82%,#207db9));
   background: -webkit-linear-gradient(top,  #136ca4 17%,#207db9 82%); 
   background: -o-linear-gradient(top,  #136ca4 17%,#207db9 82%); 
   background: -ms-linear-gradient(top,  #136ca4 17%,#207db9 82%); 
   background: linear-gradient(to bottom,  #136ca4 17%,#207db9 82%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136ca4', endColorstr='#207db9',GradientType=1 ); }
#UNFbignav .ribbon .apply {margin-left:250px;}
#UNFinfo #events,
#UNFinfo #news {margin-bottom:unset}
#UNFinfo #news {padding-bottom:50px;}
#UNFinfo #student .alerts,
#UNFinfo #student #ospreyprofile .profile > a {display:none}
#UNFinfo #social {position:unset; border-radius:unset; padding:unset; border:unset;
                  background: #ffffff; text-align:center; margin:0px; width:100%; padding-top:10px; padding-bottom:10px}
#UNFinfo #social strong {display:block}
#UNFinfo #social img{border:#4475B5 1px solid; border-radius:5px; margin-left:5px; margin-right:8px }
}

/* Screen size = SMALL (col-md) */
@media only screen and (max-width : 767px){
#UNFinfo #events {border-right:0px !important}
#UNFinfo #events .eventInfo {width:80% !important;}
#UNFinfo #news {clear:both; border-top:#DEE1E3 1px solid; padding-top:15px; margin-bottom:20px;}
#UNFnav .navbar-collapse {max-height:1000px; background:#5c6264; padding-left:0px; padding-right:0px}
#UNFnav .audience {background:#353e43; width:100% !important; margin-left:0px;}
#UNFnav .audience li {display:inline-block !important}
#UNFnav .audience li a{font-size:1.2em !important; text-transform:capitalize;}
#UNFnav a {display:block !important; font-weight:normal; color:#fff; font-family: century gothic, arial, san-serif;}
#UNFnav ul  {margin:0px; padding:0px}
#UNFnav li {display:block !important; text-align:center;}
#UNFnav li:hover {background:#696f71;}
#UNFnav li a {padding:12px 10px; border-bottom:1px solid #474f54;}
#UNFnav a.dropdown-toggle {font-size:1.4em !important; padding:22px 12px; background:#5c6164 !important;}
#UNFnav .yamm-content {padding-top:0px; padding-bottom:0px}
#UNFnav .yamm-content li {background:#e3e6e9;}
#UNFnav .yamm-content a {font-size:1.2em !important; color:#686e72; border-bottom:1px dotted #cdd1d6; display:block !important; background:#e3e6e9; padding:20px 15px; display:block !important; font-family:Century gothic, arial;} 
#UNFnav .yamm-content a:hover {background:#c8cbce; text-decoration:none}
#UNFnav .caret {margin-left:10px; border-top-color:#e3e6e9}
#UNFnav .ribbon {padding:3px; text-align:center; font-size:1.1em;
   background: #136ca4 ; 
   background: -moz-linear-gradient(top,  #136ca4 17%, #207db9 82%);
   background: -webkit-gradient(linear, left top, right top, color-stop(17%,#136ca4 ), color-stop(82%,#207db9));
   background: -webkit-linear-gradient(top,  #136ca4 17%,#207db9 82%); 
   background: -o-linear-gradient(top,  #136ca4 17%,#207db9 82%); 
   background: -ms-linear-gradient(top,  #136ca4 17%,#207db9 82%); 
   background: linear-gradient(to bottom,  #136ca4 17%,#207db9 82%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136ca4', endColorstr='#207db9',GradientType=1 ); }
#UNFnav .ribbon .apply,
#UNFnav .ribbon .visit,
#UNFnav .ribbon .give {width:45%; display:inline-block; margin:5px; border:1px solid #3e91c5;}
#UNFnav .ribbon .apply a,
#UNFnav .ribbon .visit a,
#UNFnav .ribbon .give a{padding:15px; font-size:1.1em !important; font-weight:bold}
#UNFnav .ribbon a:hover {background:#185f91 !important; text-decoration:none}
#UNFinfo #social {color:#ffce00; background-color:#003886; padding-bottom:5px}
#UNFinfo #social a {color:#ffce00 !important}
#UNFinfo #social a:hover {color:#ffce00 !important}
#emergency .caret, #emergency .minimize {display:none}
}
/* Screen size = MOBILE (col-xs)*/
@media only screen and (max-width : 480px){
body, a {font-size:95%; line-height:normal}
#events {padding-left:20px; padding-right:20px;}
#news {padding-left:0px; padding-right:20px;}
#UNFinfo #events .eventInfo {width:80% !important; display:block;}
.carousel-indicators li{width:10px;height:10px;}
.carousel-indicators .active{width:10px;height:10px;}
.carousel-indicators,
.carousel-control {display:none}
.carousel .item {padding-bottom:50px}
.carousel-inner p {height: 48px; width:100%; padding:5px 30px 5px 15px;  
position:absolute; z-index:20; bottom:0px; display:block !important; text-align:left; 
color:#fff;  font-weight:bold; font-size:1em;}
}



