/* MAIN BANNER */
#mainbanner {clear:both; display:block; height:330px; background:transparent url(/website/ui/v8/homepage/img/mainbanner/frame.png) no-repeat scroll 0 0; margin:0 0 10px; overflow:hidden; position:relative; width:940px;}
#bannercontent {float:left; margin:0 1px 0 0;}
#bannercontent li {display:block; margin:1px 0 40px 1px; width:688px; height:308px; overflow:hidden; position:relative;}
.rollcaption, .rollcaption-title {background:transparent url(/website/ui/v8/global/img/opacity/black-80.png) repeat scroll 0 0; display:block; margin-top:-3em /* -48px */; position:relative; width:100%;}
.rollcaption a.link {color:#e5c02a; font-weight:bold; padding-left:5px; text-decoration:none;}
.rollcaption a:hover.link {color:#fff; text-decoration:underline;}
.rollcaption h2, .rollcaption-title h2 {font-size:1.5714em /* 22px */; line-height:1.2727em /* 28px */; margin:0; width:100%;}
.rollcaption h2 a, .rollcaption h2 a:link, .rollcaption h2 a:visited, .rollcaption-title h2 a, .rollcaption-title h2 a:link, .rollcaption-title h2 a:visited {color:#EFEFEF; display:block; padding:0.2273em /*5px*/ 206px 0.2273em /*5px*/ 20px; text-decoration:none; text-shadow:1px 1px 1px #000; width:462px;}
.rollcaption h2 a:hover, .rollcaption h2 a:active, .rollcaption h2 a:focus, .rollcaption-title h2 a:hover, .rollcaption-title h2 a:active, .rollcaption-title h2 a:focus {color:#e5c02a; text-decoration:underline;}
.rollcaption p {color:#efefef; font-family:'trebuchet ms',helvetica,arial,sans-serif; font-size:0.9286em /* 13px */; line-height:1.3846em /* 18px */; margin:0; padding:0 20px 15px;}
#slide-pager {bottom:27px; margin:0; position:absolute; right:251px; z-index:499;}
#slide-pager li {float:left;  list-style:none; margin:0 6px 0 0;}
#slide-pager li a {background:transparent url(/website/ui/v8/global/img/opacity/white-60.png) repeat scroll 0 0; display:block; height:40px; padding:2px; position:relative; width:40px;}
#slide-pager li a:hover {background:#6caedf none;}
#slide-pager li a.activeSlide {background:#e5c02a none;}

/* SPOTLIGHT ROLLOVER */
.reveal {clear:both; display:block; line-height:1px; overflow:hidden; position:relative; margin-bottom: 20px;}
.reveal .rollcaption {background:transparent url(/website/ui/v8/global/img/opacity/black-80.png) repeat scroll 0 0; display:block; margin-top:-100%; padding:10px 0 0; position:absolute; top:0; width:100%;}
.reveal a.readmore, .reveal a.watchnow {position:absolute; right:10px; bottom:28px;}
.reveal .rollcaption p {font-size:0.8125em /* 13px */; padding:0 10px 10px;}
.reveal .rollcaption h3 {color:#fff; font-size:1em /* 16px */; font-weight:bold; line-height:1em; margin:0; padding:0 10px 8px;}

/* AUDIENCE NAVIGATION */
#mainbanner ul {padding-left:0;}
#audience-nav {background: #034384; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDM0Mzg0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjMDAyZDViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA1MjAzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #034384 0%, #002d5b 45%, #05203c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#034384), color-stop(45%,#002d5b), color-stop(100%,#05203c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #034384 0%,#002d5b 45%,#05203c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #034384 0%,#002d5b 45%,#05203c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #034384 0%,#002d5b 45%,#05203c 100%); /* IE10+ */
background: linear-gradient(-45deg,  #034384 0%,#002d5b 45%,#05203c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034384', endColorstr='#05203c',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
float:left; height:240px; margin:1px 0 0; overflow:hidden; padding-bottom:54px; padding-top:14px; position:relative; width:250px; z-index:500;}
#audience-nav li {margin:0;}
#audience-nav li em {font-size: 0.9em; font-style: normal;}
#audience-nav li a {border-top: 1px solid #023E7A; border-bottom: 1px solid #011D38; color: #FFFFFF; display:block; height:28px; padding: 10px 0 0 20px; text-decoration: none; width:230px; background: url("/website/ui/v8/homepage/img/audiencenav/arrow.png") no-repeat scroll 218px 16px transparent;}
#audience-nav li a:hover {color: #DEB408; background: url("/website/ui/v8/homepage/img/audiencenav/arrow-hover.png") no-repeat scroll 219px 16px transparent;}
#audience-nav li.first a {border-top: none; color: #DEB408; font-size: 1.1em; background: none;}
#audience-nav li.first a:hover {color: #91C7F0;}
#audience-nav li.last a {border-bottom: none;}

/*
#audience-nav li.ugs a {background-position: 0 -80px;}
#audience-nav li.ugs a:hover {background-position: 0 -120px;}
#audience-nav li.sgs a {background-position:0 -160px;}
#audience-nav li.sgs a:hover {background-position:0 -200px;}
#audience-nav li.acts a {background-position:0 -240px;}
#audience-nav li.acts a:hover {background-position:0 -280px;}
#audience-nav li.twue a {background-position:0 -320px;}
#audience-nav li.twue a:hover {background-position:0 -360px;}
#audience-nav li.online a {background-position:0 -400px;}
#audience-nav li.online a:hover {background-position:0 -440px;}
*/

/* HOMEPAGE COLUMNS */
#col-news, #col-events {float:left; padding:0 20px; max-width:304px;}
#col-spotlight {/*background-color: #fefefe; box-shadow: 1px 1px 5px #DDD;*/ margin-bottom: 30px; /*border: 1px solid #DDD; */float:left; min-height:355px; padding:0 20px; width:210px;}
#col-news h2, #col-events h2, #col-spotlight h2 {float:left;}
#col-news img {background:transparent url(/website/ui/v8/global/img/news/thumbshadow.png) no-repeat scroll center bottom; float:right; margin:0 0 0 20px; padding:0 0 10px;}
#col-news ul, #col-events ul {clear:both; padding-left:0;}
#col-news li, #col-events li {background:transparent url(/website/ui/v8/global/img/news/underline.png) no-repeat scroll center bottom; list-style:none; margin:0; min-height:69px; overflow:auto; padding:10px 0;}
#col-news li.first, #col-events li.first {padding-top:0;}
#col-news li.last, #col-events li.last {background-image:none;}
#col-news li .publishdate {clear:right; float:right; font-size:11px; line-height:14px; margin:0 0 0 20px; text-align:right; width:100px;}
#col-news li h3, #col-news li p, #col-events li h3, #col-events li p {font-size:0.8571em /* 12px */; line-height:1.4167em /* 17px */; margin-right:120px;}
#col-news li h3, #col-events li h3 {color:#333; display:block; font-weight:bold;}
#col-news li h3 a, #col-events li h3 a {color:#333;}
#col-news li h3 a:hover, #col-events li h3 a:hover {background-color:#E5C02A; text-decoration:none;}
#col-news li p, #col-events li p {margin-bottom:2px; padding:0;}
#col-news a.rss, #col-events a.rss {background:transparent url("/website/ui/v8/global/img/social/rss.gif") no-repeat scroll 0 0; display:block; float:left; height:14px; margin:13px 0 10px 10px; position:relative; text-indent:-9999px; top:auto; width:14px; z-index:0;}
#col-news a:hover.rss, #col-news a:active.rss, #col-news a:focus.rss,
#col-events a:hover.rss, #col-events a:active.rss, #col-events a:focus.rss {background-position:0 -14px;}
#col-events .cal {background:transparent url(/website/ui/v8/global/img/events/calshadow.png) repeat-x scroll center bottom; display:block; float:right; font-size:1.8571em /* 26px */; font-weight:bold; padding-bottom: 10px; line-height:45px; margin:0 0 0 20px; text-align:center; width:100px;}
#col-events .cal span {background-color:#6caedf; display:block; font-family:helvetica,arial,sans-serif; font-size:0.4231em /* 11px */; line-height:20px; text-transform:uppercase;}
#col-events .cal.multimonth-event span {float:left; width:50%;}
#col-events .cal.multimonth-event span.end {background-color:#7dbeef;}
#col-events .cal span em {font-style:normal; text-transform:none;}
.cta {margin: 0 0 20px 0; background-color: #fefefe;}
.cta p {padding: 20px;}
a.title-link h3 {color: #FFF; font-size: 1em; padding-top: 5px; text-align: left;}
a.title-link {text-decoration: none; background-image: url(/website/ui/v8/global/img/arrows/chevron-right-bg.png); background-position: right center; background-repeat: no-repeat; padding-right: 36px; color: #FFF; padding: 7.5px 0 7.5px 15px; background-color: #00aeef; display: inline-block; width: 93%; text-align: left;}
a.title-link:hover {text-decoration: none; opacity: 0.9;}
a.title-block:hover {opacity:0.9;}
.cta #request {background-color: #f7941d;}
.cta #visit {background-color: #00a651;}

/* MODAL WINDOW */
.modal-apply, .modal-request, .modal-visit {width: 640px;}
#col1 {background-color: #003366;}
#cboxClose {background-color: #DDD; border: none; bottom: 0; top: auto;}
.cta-modal {float: left; margin-right: 3%; width: 30%; list-style: none;}
.cta-modal:last-child {margin-right: 0;}
.cta-modal p {margin-top: 10px; text-align: left; font-size: 0.85em;}
.modal-apply .cta-modal #undergraduate {background-color: #00aeef;}
.modal-apply .cta-modal #graduate {background-color: #009bd5;}
.modal-apply .cta-modal #adult {background-color: #0383b3;}
.modal-request .cta-modal #undergraduate {background-color: #f7941d;}
.modal-request .cta-modal #graduate {background-color: #e08619;}
.modal-request .cta-modal #adult {background-color: #c7720b;}
.modal-visit .cta-modal #undergraduate {background-color: #00a651;}
.modal-visit .cta-modal #graduate {background-color: #018441;}
.modal-visit .cta-modal #adult {background-color: #006732;}
.cta-buttons {margin: 40px 0; padding-left: 20px; display:inline-block;}
.modal-intro, .modal-intro h2 {margin-top: 40px;}


/* STYLE OVERRIDES */

#homepage #body {background:transparent none no-repeat scroll 0 0;}
#homepage .dropdown-nav {float:none; margin:10px 0 0; width:940px;}
#homepage .dropdown-nav.alert-green, #homepage .dropdown-nav.alert-red, #homepage .dropdown-nav.alert-yellow {background:transparent url(/website/ui/v8/homepage/img/alert/alert-green.png) no-repeat scroll 0 center; display:inline-block;}
#homepage .dropdown-nav.alert-yellow {background-image:url(/website/ui/v8/homepage/img/alert/alert-yellow.png);}
#homepage .dropdown-nav.alert-red {background-image:url(/website/ui/v8/homepage/img/alert/alert-red.png);}
#homepage .dropdown-nav.alert-green li.alert, #homepage .dropdown-nav.alert-red  li.alert, #homepage .dropdown-nav.alert-yellow  li.alert {background-image:none; font-weight:bold; line-height:28px; list-style:none; margin:10px 0; padding-left:31px;}
#homepage .dropdown-nav.alert-green li.alert a, #homepage .dropdown-nav.alert-red li.alert a, #homepage .dropdown-nav.alert-yellow  li.alert a {color:#333; display:block; margin:0;}
#homepage .dropdown-nav.alert-green li.alert a:hover, #homepage .dropdown-nav.alert-red li.alert a:hover, #homepage .dropdown-nav.alert-yellow li.alert a:hover {background-color:transparent; text-decoration:underline;}
#homepage .dropdown-nav.alert-green li:hover a, #homepage .dropdown-nav.alert-green a:focus, #homepage .dropdown-nav.alert-green a:active, #homepage .dropdown-nav.alert-red li:hover a, #homepage .dropdown-nav.alert-red a:focus, #homepage .dropdown-nav.alert-red a:active, #homepage .dropdown-nav.alert-yellow li:hover a, #homepage .dropdown-nav.alert-yellow a:focus, #homepage .dropdown-nav.alert-yellow a:active {background-color:transparent; color:#333;}
#homepage .dropdown-nav li.searchitem {float:right; margin:10px 0 0;}
#homepage .searchform, #homepage .searchform.nocrumb {overflow:auto; padding:0; width:100%;}
#homepage .searchform fieldset, #homepage .searchform.nocrumb fieldset {float:right; margin:0 1px 0 0;}
#homepage #wrap-breadcrumbs.breadcrumbs-fixed .dropdown-nav {background-image:none; min-height:38px;}
#homepage #content-footer {background-image:none; padding-top:30px;}
#homepage #wrap-content {background:transparent none; border:none; width:940px;}
.searchform #searchfield {width:173px;}
.dropdown-nav li a.home, .dropdown-nav li a.minified {background-image: none;}