/* CUSTOM ADDS BY DEV TEAM */ @font-face { font-family: Gotham-Black; src: url("fonts/Gotham/Gotham-Black.otf"); } @font-face { font-family: Gotham-Bold; src: url("fonts/Gotham/Gotham-Bold.otf");} @font-face { font-family: Gotham-Book; src: url("fonts/Gotham/Gotham-Book.otf"); } @font-face { font-family: MinionPro-Regular; src: url("../fonts/MinionPro-Regular.otf");} .brdcrmbs { font-size:10px; color:#555; margin-left:20px;} .brdcrmbs a:visited { color: #18453b;} a:link{ color:#18624d; text-decoration: none; } a:hover { text-decoration: underline; } /* CUSTOM STYLE FOR TIMELY CALENDAR*/ .ai1ec-load-view{font-family: Gotham-Bold, sans-serif !important;} .ai1ec-stream-view .ai1ec-date-title {background-color: #18453b !important} .ai1ec-stream-view .ai1ec-event{opacity: 1 !important;} .ai1ec-stream-view .ai1ec-event .ai1ec-event-avatar img{opacity: 1 !important;} .ai1ec-stream-view .ai1ec-event-description{overflow: visible !important;} .timely {font-family: Gotham-Book, sans-serif !important;} .ai1ec-stream-view .ai1ec-event-title a{font-weight: normal !important;} .ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date{background: none !important; background-color: rgba(0,0,0,0) !important; border: none !important;} /* OVERALL GOODIES */ body { height:100%; margin:0 0 -73px 0px; padding:0; overflow-y:scroll; font-family: 'Montserrat', 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; background-color:#0c1c18; } html {height:100%; min-width:460px ;margin:0; min-height:890px; max-height:891px} .nav {position:relative; z-index:20; font-size:14px} /*Tony New.nivo-controlNav,*/.nivo-directionNav, .print-logo, .cal-logo-wrap-full, .rollover-wrap, #linglangmenu, #linglangmenu2 {display:none;} /* FROM TYPOGRAPHY.CSS */ .picturedby {font-size:10pt; color:#999;} .left-pic-top {float:left; margin:4px 30px 30px 0; } .left-pic-middle {float:left; margin:30px 30px 30px 0; } .left-pic-bottom {float:left; margin:30px 30px 0 0; } .right-pic-top {float:right; margin:4px 0 30px 30px;} .right-pic-middle {float:right; margin:30px 0 30px 30px;} .right-pic-bottom {float:right; margin:30px 0 0 30px;} /*Tableless forms */ .formblock label {margin:0 !important; padding:0 !important;} .formblock input {width:98%; height:32px !important; margin:0 0 20px 0 !important; padding:0 1% 0 1%; } .formblock select {width:101%; height:42px !important; margin:0 0 20px 0 !important; padding:0 1% 0 1%; } .formblock textarea {width:98%; height:80px !important; margin:0 0 20px 0 !important; font-family:inherit; padding:0 1% 0 1%; } .formblock .submit {width:auto !important;} .errors {color:#990000; font-weight:bold;} /*Alumni Highlights*/ .alumni-div {width: 100%; clear: both; margin-bottom: 30px; float: left;} .alumni-div img {margin: 4px 30px 0px 0; float:left; } /* SECTIONS */ .section {clear: both; padding: 0px; margin: 0px;} /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 0%;} .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF THREE */ .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.66%; } .span_1_of_3 { width: 33.33%; } /* Tony's latest addons--*/ .carousel-indicators {left:auto !important; right:0 !important; top:210px !important;} .nivo-controlNav {position:absolute; top:50px; right:20px;} .subtitle-bottom-mobile, .home-title-wrap {display:none;} #mobilemenu {margin-top:-64px;} /* GO FULL WIDTH BELOW 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; } } @media only screen and (max-width: 700px) { .alumni-div {margin-bottom: 0;} .alumni-div img {margin:0 !important; float: none !important;} .alumni-div p {clear:both !important; float:none} } /* Captions on home page */ .caption-home {position: absolute !important; left:50% !important; margin-left:-490px; top:195px !important; bottom:auto !important; z-index:10 !important} .carousel-caption h4, .carousel-caption p {background-color:transparent !important; font-size:64px !important; line-height:60px !important; text-shadow:0px 0px 12px rgba(0,0,0, 0.2); font-family: 'Open Sans Condensed', sans-serif !important;} .carousel-caption h1 {width:auto; height:auto; background-color:#6aab35 !important; position:relative; margin:12px 0 0 15px !important; } .carousel-caption h1:after {content:""; position: absolute; left: 100%; top: 5px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 10px solid #6aab35 !important;; border-bottom: 8px solid transparent; } .carousel-caption .blue {background-color:#008283 !important;} .carousel-caption .yellow {background-color:#fdaf18 !important;} .carousel-caption .orange {background-color:#f67401 !important;} .carousel-caption .blue:after {border-left: 10px solid #008283 !important;} .carousel-caption .yellow:after {border-left: 10px solid #fdaf18 !important;} .carousel-caption .orange:after {border-left: 10px solid #f67401 !important;} .cap-tl {position: absolute !important; left:5% !important; right:auto; top:200px !important; bottom:auto !important; z-index:10 !important} .cap-tr {position: absolute !important; right:5% !important; left:auto; top:200px !important; bottom:auto !important; z-index:10 !important} .cap-bl {position: absolute !important; left:5% !important; right:auto; bottom:220px !important; top:auto !important; z-index:10 !important} .cap-br {position: absolute !important; right:5% !important; left:auto; bottom:220px !important; top:auto !important; z-index:10 !important} #header-bottom h1, #header-bottom-mobile h1 {color:#FFFFFF; font-weight:700; font-size:35px; line-height:32px; margin:10px 0 0 0} #header-bottom h2, #header-bottom-mobile h2 {margin:0 !important; padding:0 !important} #header-bottom h3, #header-bottom-mobile h3 {font-size:56px; font-weight:600; color:#FFFFFF; margin:-5px 0 0 0 !important; padding:0 !important} #header-bottom a, #header-bottom-mobile a {color:#FFFFFF; text-decoration:none} @media only screen and (max-width: 989px) { .cap-tl {position: relative !important; left:auto !important; right:auto !important; margin:0 auto !important; bottom:220px !important; top:auto !important; z-index:10 !important} .cap-tr {position: relative !important; left:auto !important; right:auto !important; margin:0 auto !important; bottom:220px !important; top:auto !important; z-index:10 !important} .cap-bl {position: relative !important; left:auto !important; right:auto!important; margin:0 auto !important; bottom:220px !important; top:auto !important; z-index:10 !important} .cap-br {position: relative !important; left:auto !important; right:auto!important; margin:0 auto !important; bottom:220px !important; top:auto !important; z-index:10 !important} /*.cap-tl, .cap-tr, .cap-bl ,.cap-br {display:none;}*/ .caption-home {position: absolute !important; left:500px !important; top:100px !important; bottom:auto !important; z-index:10 !important; text-align:left !important;} .carousel-caption h4, .carousel-caption p {font-size:84px !important; line-height:70px !important; width:auto !important} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .carousel-caption h4, .carousel-caption p {font-size:90px !important; line-height:90px !important; width:auto !important} .carousel-caption h1 {font-size:22px !important; padding:16px !important } .carousel-caption h1:after {top: 10px; border-top: 14px solid transparent; border-left: 14px solid #6aab35 !important;; border-bottom: 12px solid transparent; } #stage-wrapper, #stage-wrapper-one-column {margin-top:-450px;} } @media only screen and (min-width: 792px) { #mobilemenu {margin-top:0;} } @media only screen and (max-width: 791px) { #mobilemenu {margin-top:0;} } @media only screen and (max-width: 780px) { #header-bottom-mobile h1 {font-size:30px;} } @media only screen and (max-width: 680px) { #header-bottom-mobile h1 {font-size:25px;} } @media only screen and (max-width: 580px) { #header-bottom-mobile h1 {font-size:20px;} } @media only screen and (max-width: 580px) { #header-bottom h2, #header-bottom-mobile h2 {font-size:20px;} #header-bottom h3, #header-bottom-mobile h3 {font-size:40px;} } @media only screen and (min-width: 1200px) { .carousel-caption h4, .carousel-caption p {font-size:90px !important; line-height:90px !important;} } @media only screen and (max-height: 800px) { .carousel-caption h4, .carousel-caption p {font-size:70px !important; line-height:65px !important; margin:0;} .carousel-caption h1 {margin: 0 0 0 15px !important;} } /* Video Wrap */ .videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:30px;} .videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* New columns*/ .left-column {width:46%; padding-right:4%; float:left;} .right-column {width:46%; padding-left:4%; float:left;} /* HIDE THE MOBILES */ #mobilemenu, #header-top-mobile, #header-bottom-mobile {display:none;} .nivo-main-image {z-index:0;} .theme-default .nivoSlider {margin-top:-145px; z-index:-1 !important;} #stage-wrapper, #stage-wrapper-one-column {z-index:998;} #header-wrap {height:178px; width:100%; position:relative; z-index:999 !important; } #header-top .search {float:right; margin-top:1px;} #header-top-mobile .search {float:right; margin-top:1px;} #header-bottom .social-media {float:right; margin-top:8px;} #menu-bar-wrap {background-image: url(images/menu-bg.png); width:100%; z-index:998;} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } .date {font-style:italic; margin-bottom:10px; font-size:14px;} .see-all-news {position:relative; left:20px; top:3px;} .home-menu {margin:0 0 27px 0;} hr {border:none; border-top:1px dotted #C6C6C6; margin:30px 0 30px 0; clear:both;} h1 {font-size:22px; color:#000; font-weight:100; margin:0 0 10px 0; line-height:38px;} h2 {font-size:18px; color:#024f39; font-weight:100; margin:0 0 10px 0;} p {margin:0 0 20px 0;} img {border:none;} area {outline:none;} textarea {font-family:inherit;} table:after{ content:''; display:table;clear:both;} #left-stage a {color:#18624d; text-decoration:underline;} #left-stage a:hover {color:#000; } #main-stage iframe {max-width:100%; } #main-stage {min-height:460px; } #main-stage a {color:#18624d; text-decoration:underline;} #main-stage a:hover {color:#000; } #main-stage iframe {max-width:100%; } #right-stage a{ color: #18624d; text-decoration: underline;} #right-stage a:hover {color:#000; } #breadcrumbs {margin-bottom:4em; color:#555; font-size:10px; width:400px; line-height:14px; } #menu-bar ul {margin:0; padding:0; } #menu-bar li {list-style:none; display:inline; text-transform:uppercase; font-size:13px; border-right:1px solid #7e9e6b; margin:3px 22px 0 0; padding-right:21px; float:left; line-height:24px; } #menu-bar a {color:#FFF; text-decoration:none;} #menu-bar a:hover {text-decoration:underline;} #menu-bar .first {margin-left:18px !important;} #menu-bar .last {border-right:none !important;} #home-wave-container { width:100%; min-height:597px; min-width:990px; /*Tony New margin-top:-25.8rem;*/ margin-top:148px; background:url(images/wave.png) no-repeat center; position:relative;} #one-column-wave-container { width:100%; min-height:597px; min-width:990px; margin-top:-30rem; background:url(images/wave-one-column.png) center; position:relative;} #two-column-wave-container { width:100%; min-height:597px; min-width:990px; /* Tony new margin-top:-30rem;*/ margin-top:78px; background:url(images/wave.png) center; position:relative;} #sub-wave-container { width:100%; min-height:597px; min-width:990px; margin-top:-30rem; background:url(images/wave.png) no-repeat center; position:relative;} #sub-wave-container-reversed { width:100%; min-height:597px; min-width:990px; margin-top:-30rem; background:url(images/wave-reversed.gif) no-repeat center; position:relative;} @media only screen and (max-width: 989px) { #sub-wave-container, #one-column-wave-container, #two-column-wave-container { width:100%; /*min-height:100px;*/ min-height:0; min-width:990px; /*margin-top:-27rem;*/ margin-top:0; background:url(images/wave.png) center; position:relative;} } #wave-container { width:100%; min-height:597px; min-width:990px; margin-top:-12rem; background:url(images/wave.png) no-repeat center;} #gray-wave-container { width:100%; min-height:597px; min-width:990px; margin-top:-30rem; background:url(images/full-width-gray-wave7.png) no-repeat center;} #page-wrapper { min-height:100%; height:auto !important; height:100%; margin-top: 0;margin-left: auto; margin-right:auto; margin-bottom: -73px; background: url(images/stage-bg.gif) center repeat-y; opacity:.99; overflow:hidden;} #page-wrapper:after { content:'';display:table;clear:both; } #push { height:73px; clear:both;} .slider-wrap { width:100%; height:50%; min-height:500px; display:block; /*Tony New margin-top:58px;*/ position:relative; top:145px;/*Tony New*/ display: inline-block\9; /* IE 8 and below */*display: inline-block; /* IE 7 and below */_display: inline-block; /* IE 6 */} .slider-wrap-sub { width:100%; height:350px; min-height:350px; display:block; margin-top:-9.8em; display: inline-block\9; /* IE 8 and below */*display: inline-block; /* IE 7 and below */_display: inline-block; /* IE 6 */} .single-right-image-table{float:right;} #left-stage #inlineVideoWrapperRight {position: relative;padding-bottom: 33.25%;padding-top: 17px;height: 0;margin:0 0 10px 10px; min-width: 350px; max-width: 350px;float: right;} #left-stage #inlineVideoWrapper {position: relative;padding-bottom: 33.25%;padding-top: 17px;height: 0;margin:0 10px 10px 0; min-width: 350px; max-width: 350px;float: left;} #main-stage #inlineVideoWrapper {position: relative;padding-bottom: 24.25%;padding-top: 30px;height: 0;margin:0 10px 10px 0; min-width: 400px; max-width: 400px;float: left;} #main-stage #inlineVideoWrapperRight {position: relative;padding-bottom: 24.25%;padding-top: 30px;height: 0;margin:0 0 10px 10px; min-width: 400px; max-width: 400px;float: right;} #main-stage #inlineVideoWrapper object, #main-stage #inlineVideoWrapper embed, #main-stage #inlineVideoWrapper iframe , #main-stage #inlineVideoWrapperRight object, #main-stage #inlineVideoWrapperRight embed, #main-stage #inlineVideoWrapperRight iframe, #left-stage #inlineVideoWrapper object, #left-stage #inlineVideoWrapper embed, #left-stage #inlineVideoWrapper iframe , #left-stage #inlineVideoWrapperRight object, #left-stage #inlineVideoWrapperRight embed, #left-stage #inlineVideoWrapperRight iframe {position: absolute; top: 0; left: 0; width: 100%;height: 100%;} #inlineVideoWrapper:after, #inlineVideoWrapperRight:after {content:'';display:none;clear:both;} .student-stories-left {float:left; margin:0 25px 25px 0; text-align:center; font-size:10px; line-height:14px; position:relative; } .student-stories-right {float:left; font-size:10px; text-align:center; line-height:14px; margin-bottom:25px !important; position:relative;} .ccm-layout-124-col-1 {width:100% !important; clear:both} .ccm-layout-124-col-2 {width:100% !important; clear:both} .ccm-layout-col-spacing {margin:0 !important; padding:0 !important} .student-stories-left span, .student-stories-right span {background: -moz-linear-gradient(top, rgba(105,136,78,0.45) 0%, rgba(105,136,78,0.99) 51%, rgba(105,136,78,1) 52%, rgba(105,136,78,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(105,136,78,0.45)), color-stop(51%,rgba(105,136,78,0.99)), color-stop(52%,rgba(105,136,78,1)), color-stop(100%,rgba(105,136,78,1))); background: -webkit-linear-gradient(top, rgba(105,136,78,0.45) 0%,rgba(105,136,78,0.99) 51%,rgba(105,136,78,1) 52%,rgba(105,136,78,1) 100%); background: -o-linear-gradient(top, rgba(105,136,78,0.45) 0%,rgba(105,136,78,0.99) 51%,rgba(105,136,78,1) 52%,rgba(105,136,78,1) 100%); background: -ms-linear-gradient(top, rgba(105,136,78,0.45) 0%,rgba(105,136,78,0.99) 51%,rgba(105,136,78,1) 52%,rgba(105,136,78,1) 100%); background: linear-gradient(to bottom, rgba(105,136,78,0.45) 0%,rgba(105,136,78,0.99) 51%,rgba(105,136,78,1) 52%,rgba(105,136,78,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7369884e', endColorstr='#69884e',GradientType=0 ); color:#FFF; position:absolute; bottom:0; width:290px !important; display:block; padding:20px 10px 10px 10px; font-size:15px; line-height:20px; height: 65px; text-transform: capitalize; } .student-stories-left strong, .student-stories-right strong {font-size:36px; font-weight:100; text-transform: capitalize; } .academic-programs p {font-size:12px; line-height:14px;} .academic-programs .pad-right {padding-right:30px;} /* MEGAMENU */ .megamenu { width:auto; position: absolute; margin-top:5px; color:#FFF; display:none; padding:20px 20px 10px 20px; background-color:#024f39; font-size:13px; line-height:13px; zoom: 1 } .megamenu h1 {font-size:16px; color:#FFF; font-weight:700; margin:0 0 10px 0; line-height:18px;} .megamenu a {color:#fff; text-decoration:none;} .megamenu a:hover {text-decoration:underline;} .megamenu li {list-style: square; margin:0 0 10px 18px !important; } .megamenu ul {margin:0; padding:0; float:left !important; } .menu1 {opacity:0.95; filter:alpha(opacity=95); width:160px; left:50% !important; margin-left:-437px;} .menu2 {opacity:0.95; filter:alpha(opacity=95); width:160px; left:50% !important; margin-left:-265px;} .menu3 {opacity:0.95; filter:alpha(opacity=95); width:160px; left:50% !important; margin-left:-147px;} .menu4 {opacity:0.95; filter:alpha(opacity=95); width:160px; left:50% !important; margin-left:11px;} .menu5 {opacity:0.95; filter:alpha(opacity=95); width:160px; left:50% !important; margin-left:179px;} .menu6 {opacity:0.95; filter:alpha(opacity=95); width:160px; left:50% !important; margin-left:338px;} #right-stage .nav a { color:#000; text-decoration:none;} #right-stage .nav a:hover {color:#000;} #right-stage .nav {margin:0 0 50px 0; padding:0; } #right-stage .nav li {margin-bottom:0; list-style:none; } #right-stage .nav li li {margin:0 0 0 -8px; font-size:12px !important; list-style:none; padding: 5px 0px 0px 0px;} .nav-selected a {font-weight:bold;} .nav-selected ul li a { font-weight:normal } #right-stage .nav > li > a { position: relative; display: block; padding: 5px 5px;} #right-stage .nav ul {background-color: #DBE2D0; padding: 1px 0px 0px 20px;} #right-stage .nav ul li a {padding: 5px; line-height:20px;display:inline-block;} #right-stage .nav ul li ul li a {padding: 5px; line-height:20px;display:block;} #right-stage .nav ul li {width: 100%;} #right-stage .nav ul li a:hover, #right-stage .nav ul li a:focus {text-decoration: none;background-color: #EEE;} #right-stage .h1-title {margin:0 0 15px 0 !important;} .view-all {position: relative; top:0px; right:24px;} @media only screen and (max-width: 565px){ #left-stage #inlineVideoWrapper, #left-stage #inlineVideoWrapperRight {min-width: 230px; max-width: 230px;padding-top: 25px;} #main-stage #inlineVideoWrapper, #main-stage #inlineVideoWrapperRight {padding-bottom: 52.25%; max-width:565px; float:none; margin:10px 0;} /*.carousel-indicators {display:none;}*/ } @media only screen and (min-width: 566px) and (max-width: 990px){ #main-stage #inlineVideoWrapper, #main-stage #inlineVideoWrapperRight{padding-bottom: 27.25%;} } /* SMALL MOBILE VIEW */ @media only screen and (max-width: 990px) { body { background:none; overflow-x:hidden !important;} #header-wrap {background-image:url(images/header-bg.gif); background-repeat:repeat-x; height:auto; width:100%;} #menu-bar-wrap {background-image: url(images/menu-bg-mobile.png); width:100%; z-index:998;} #header-top {display:none;} #header-top-mobile {display:block !important; position:relative; height:40px; padding:11px 20px 0 20px; left:auto; right:auto; margin:0 auto 0 auto;} #header-bottom {display:none;} #header-bottom-mobile {display:block !important; position:relative; height:auto; padding:6px 20px 0 20px; left:auto; right:auto; margin:0 auto 0 auto; color:#fff } .subtitle-bottom-mobile {display:block !important; background-color:#024f39; position:relative; height:auto; padding:0 20px 8px 20px; left:auto; right:auto; margin:0 auto 0 auto; color:#fff; font-size:19px } .subtitle-bottom-mobile a {color:#FFFFFF; text-decoration:none} .subtitle-bottom-mobile a:hover {color:#f4ffec;} #menu-bar {display:none; } .cal-logo-wrap, .home-title-wrap {display:none; } #menu-mobile {display:block !important; padding: 5px 0px 0px 10px;} .arrow-menu {position: relative; right:0; bottom:20px; width:15px; height:17px} #stage-wrapper, #stage-wrapper-one-column { padding:0;background-image:url(images/wave-top-mobile.png); background-position:left -214px; background-repeat:no-repeat; width:100%; overflow:hidden; clear:both; position:relative;} #stage-sub-wrapper {padding:0; /*margin-top:-60px !important;*/ padding:0; /*margin-top:-200px;*/ margin-top:0; background-image:url(images/wave-top-mobile.png); background-position:left -214px; background-repeat:no-repeat; width:100%;overflow:hidden; clear:both; /*min-height:865px;*/} #stage-wrapper-bottom { margin-top:-100px; width:100%; height:500px; background:none; } #stage { position:relative; left:auto; right:auto; margin:30px auto 0 0; clear:both; padding-top:30px; } #home-stage { position:relative; left:auto; right:auto; margin:0 auto; clear:both; padding-top:30px; } #main-stage { padding:20px; line-height:22px; min-width:400px; } #main-stage img { max-width:100%; height:auto; } #left-stage { padding:0px 20px 0 20px; line-height:22px; min-width:400px;} #left-stage img { max-width:100%; height:auto; margin-bottom: 15px !important;} #home-stage #right-stage {display:block;background-color:#fff;} #right-stage {padding:20px; background-color:#DBE2D0; min-width:400px; clear:both; } #full-stage {padding:20px; /*background-color:#DBE2D0;*/ min-width:400px; clear:both; } #left-stage-reversed {padding:20px; min-width:400px; clear:both;} #right-stage-reversed {padding:20px; background-color:#DBE2D0; min-width:400px; clear:both;} .sub-title-wrap {width:100%; height:auto; padding:30px 0; position:relative; top:285px; } .sub-title {font-size:40px; color:#FFFFFF; font-weight:900; line-height:45px; width:auto; padding:15px 30px 13px 24px; position:absolute; left:0; margin-left:0; top:-103px; z-index:22; background-color:#72a949} .sub-title-no-menu {font-size:20px; color:#FFFFFF; font-weight:900; line-height:45px; width:auto; padding:15px 30px 13px 24px; position:absolute; left:0; margin-left:0; top:-58px; z-index:22; background-color:#72a949} #sub-wave-container-reversed { width:100%; min-height:0; min-width:990px; margin-top:0; background:url(images/wave-reversed.gif) no-repeat center; position:relative;} .reverse-shift {margin-top:0 !important;} .carousel-indicators {left:auto !important; right:0 !important; top:200px !important;} /*Responsive events*/ .eventTitle{ font-size: 20px !important; } .eventTitle:hover{font-size: 16px; font-weight: bold;} .view-all{float: none !important; padding-left: 40px;} .events-list{margin: 0 !important; padding-left: 0px !important; padding-bottom: 1.5em; min-width: 255px;} .event-wrapper{margin-bottom: 30px !important;} .eventTiles{height: 60px !important;min-width: 100px !important;} .monthDay{text-decoration: none !important;} .month { height: 20px !important; width: 80px !important; padding-bottom: 10px; border-top-right-radius: 0.5em !important; border-top-left-radius: .5em !important; font-size: 24px !important; } .day { width: 80px !important; padding: 5px 0px !important; font-size: 3em !important; } .addthisevent-drop{display: block !important; width:183px;} .addthisevent_dropdown span{padding: 5px 7px 5px 7px !important; font-size:14px !important;} /*End of events responsive design*/ #header-top-mobile {width:94%; min-width:410px; } #header-top-mobile:after { content:''; display:table; clear:both;} #header-bottom {width:94%; min-width:400px; } #menu-bar {width:94%; height:56px; min-width:400px; } #link1 {margin-left:-20px;} /* #link3 a{width:240px;} */ #link4 {clear:both; margin-left:-17px;} #slider1 { min-width:400px; margin: -44px 0 0 0; display:block;} /* AE .nav { display: none;} */ .fullwidthbanner-container { margin-bottom:25%; display:block;margin-top:0 !important;} #home-wave-container { display:none;} #wave-container { display:none;} #gray-wave-container { display:none;} .slider-wrap {margin-top: 0; min-height: 250px; float: left; height: 250px;} .single-image-table, .single-right-image-table {margin:0 auto;} .single-right-image-table{float:none;} .single-image-table td, .single-right-image-table td{width:auto !important;} /*Responsive Footer*/ .footer {margin:0px 0 0 0; color:#4E2A2B; z-index:9999 !important; opacity:.999999;} #footer-wrap {width:100%; background-color:#0c1c18; margin:0;} #footer {position:relative; left:auto; right:auto; margin:0 auto 0 auto; color:#FFF; font-size:14px;} .footer-logo { float: none; padding-right:0px; width:93%; margin:0 auto;padding-bottom:4px; padding-top:14px; text-align:center;} .footer-right { float: none; width:93%; margin:0 auto;} .upper-right { border-top:1px dotted #CCC; padding-top:4px; text-align:center;} .upper-right hr { margin:4px 0 4px 0; } .bottom-right { padding:0px 0px 4px 0px; } #footer { font-size: 13px; } #footer .bottom-right, #footer .middle-right { font-size: 10px;} #footer a:link, #footer a:hover, #footer a, .footer-phone { color: #81D300; } #footer .upper-right a, #footer .bottom-right a { color:#fff; } /*----------------------Mobile Search Form----------------------*/ #header-top-mobile form { position:relative; z-index:6; float:right; display:inline-block; zoom: 1;} #header-top-mobile input #q{ width: 28px; padding: 0px; color: transparent; cursor: pointer; height: 28px; background: #fff url(images/icon-search.png) no-repeat 0px center; border: 1px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-appearance: textfield; -webkit-box-sizing: content-box; } #t { width: 28px; padding: 0px; color: transparent; cursor: pointer; height: 28px; background: #fff url(images/icon-search.png) no-repeat 0px center; border: 1px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-appearance: textfield; -webkit-box-sizing: content-box; } input:-webkit-search-decoration,input:-webkit-search-cancel-button {display: none; /* remove the search and cancel icon */} input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */-webkit-text-fill-color: #000;} #header-top-mobile input#q:hover {background-color:#fff;} #header-top-mobile input#q:focus {width:100px;padding-left:25px;color:#000;background-color:#fff;cursor: auto;} #t:hover {background-color:#fff;} #t:focus {width:100px;padding-left:25px;color:#000;background-color:#fff;cursor: auto;} iframe .brand-guide-viewer {width:100% !important; height:auto !important;} .navbar {display:none;} .see-all-news {position:relative; left:20px; top:20px;} .view-all {position: relative; top:4px; right:24px;} .subpage-header-h1 {font-family:'Open Sans Condensed', sans-serif !important; color:#FFFFFF; font-size:80px !important; position:relative; left:3px !important; margin-left:0 !important; top:80px; text-shadow:0px 0px 12px rgba(0,0,0, 0.5); line-height:68px !important; z-index:0} } @media only screen and (max-width: 520px) { /*Tony New*/ #stage-wrapper {top: -20px;} /*Tony New*/ .nivo-controlNav {position:absolute; top:30px; right:40px;} } /* Medium Devices,Desktop*/ @media only screen and (min-width: 991px) and (max-width: 1200px) { /*#home-wave-container { margin-top:-25rem;} #wave-container { margin-top:-25rem;}*/ #gray-wave-container { margin-top:-25rem;} } /* HIGH-END VIEW */ @media only screen and (min-width: 991px) { .navbar-collapse {padding-left:10px;} #linglangmenu .navbar, #linglangmenu2 .navbar {top:-10px !important; clear:both;} #linglangmenu2 {display:block;} .home-title-wrap {display:block;} .navbar {top:148px;} #header-top {position:relative; height:41px; padding:11px 20px 0 20px; left:auto; right:auto; margin:0 auto 0 auto; max-width:950px; } #header-bottom { position:relative; height:auto; padding:1px 20px 0 20px; left:auto; right:auto; margin:0 auto 0 auto; max-width:950px; } #menu-bar {position:relative; height:28px; padding-left:4px; left:auto; right:auto; margin:0 auto 0 auto; z-index:999; max-width:990px; } /* WITH wave-container div*/ #stage-sub-wrapper {/*background:url(images/stage-bg.gif) center repeat-y;*/ background-color:#e9e9e4; min-width:990px; width:100%; /*padding-top:1%;*/ margin-top:-230px;} #stage {width:990px; position:relative; left:auto; right:auto; margin:-370px auto 0 auto; clear:both; z-index:10; } #stage-wrapper {background:url(images/stage-bg.gif) center repeat-y; background-color:#e9e9e4; min-width:990px; width:100%; margin-top:10px } #stage-wrapper-one-column {min-width:990px; width:100%; padding-top:1%; background-color:#e9e9e4} #stage-wrapper-bottom {position:absolute; bottom:-600px; width:100%; height:500px; background-image:url(images/stage-bg.gif); background-position:center; min-width:990px; } .right-stage-events {margin-top:-31px;} #home-stage {width:990px; position:relative; margin:-580px auto 0 auto; z-index:10;clear:both;} #stage:after{content:""; display:table; clear:both;} #home-stage:after{content:""; display:table; clear:both;} #left-stage {float:left; width:646px; padding:0 20px 30px 20px; line-height:22px; height:auto; font-size:14px;} #full-stage {float:left; width:940px; padding:30px 20px 30px 20px; line-height:22px; height:auto; font-size:14px;} #right-stage {float:right; width:224px; padding:0 30px 0 0px; height:auto; line-height:22px; font-size:14px;} #left-stage-reversed {float:left; width:224px; padding:0 0 0 20px; height:auto; line-height:22px; font-size:14px;} #right-stage-reversed {float:right; width:646px; padding:0 20px 30px 20px; line-height:22px; height:auto; font-size:14px;} .reverse-bg {background:url(images/stage-bg-reversed.gif) center repeat-y !important;} #main-stage{ width:100%; padding:0 20px 30px 20px; line-height:22px; height:auto; } #main-stage:after{ content:''; display:table; clear:both;} .smaller-font-14 {font-size:13px;} #left-stage {min-height:460px;} #slider1 {min-width:1011px; min-height:500px; display: inline-table\9; /* IE 8 and below */ *display: inline-table; /* IE 7 and below */ _display: inline-table; /* IE 6 */ } .fullwidthbanner-container { margin-top: -9rem !important; } /* COMPLIANCE REVISIONS */ #footer a { color:#fff; text-decoration:none; } #footer a:hover { color:#fff; text-decoration:underline;} #footer .underlined {text-decoration:underline;} #footer p {font-size:10px !important; margin:4px 0;} .footer {margin:0px 0 0 0; color:#4E2A2B; height: 73px; z-index:9999 !important; opacity:.9999999;} #footer {position:relative; width:950px; padding:20px; left:auto; right:auto; margin:0 auto 0 auto; color:#FFF; font-size:14px;} #footer-wrap {width:100%; background-color:#0c1c18; clear:both; margin:0; height:100px; } #footer hr { margin: 4px 0 4px 0;} #footer { font-size: 11px; padding: 14px 0 0 0;} #footer:after {content:""; display:table; clear:both;} #footer a:link, #footer a:hover, #footer a, .footer-phone { color: #81D300;} #footer .upper-right a, #footer .bottom-right a { color:#fff;} .footer-right, .footer-logo { float: left; } .footer-logo { padding-right:20px; } #footer-wrap { height: 73px;} #footer .bottom-right, #footer .middle-right { font-size: 8.5px;} .home-menu {margin:-30px 0 27px 0;} .subpage-header-h1 {font-family:'Open Sans Condensed', sans-serif !important; color:#FFFFFF; font-size:80px !important; position:absolute; left:50% !important; margin-left:-480px !important; z-index:0; top:180px; text-shadow:0px 0px 12px rgba(0,0,0, 0.5);} .ccm-layout-124-col-1 {clear:none; width:50% !important} .ccm-layout-124-col-2 {clear:none; width:50% !important} .ccm-layout-col-spacing {margin:0 40px 0 0 !important; padding:0 !important} .top-shadow {width:100%; height:55px; background-image:url(images/top-shadow.png); background-repeat:repeat-x; position:absolute; top:0; z-index:6} .cal-logo-wrap {width:100%; height:50px; background: -webkit-linear-gradient(left, #044f3a 30%, transparent 30%); background: -moz-linear-gradient(left, #044f3a 30%, transparent 30%); background: -ms-linear-gradient(left, #044f3a 30%, transparent 30%); background: linear-gradient(left, #044f3a 30%, transparent 30%);} .cal-logo-wrap-full {width:100%; height:41px; background:#044f3a; display:block} .cal-logo {height:41px; width:996px; padding:0; position:relative; margin:0 auto} .cal-logo h1 {color:#e2e2e2; font-size:18px; font-weight:100; float:left; margin-top:3px} .cal-logo h1 a {color:#e2e2e2; text-decoration:none;}h1 .cal-logo h1 a:hover {color:#FFFFFF;} .sub-logo {float:left;} .sublogo {padding-right:10px !important;} .home-title-wrap {width:100%; padding:30px 0; position:relative; top:235px; } .home-title {font-size:40px; font-weight:700; letter-spacing:-2px; color:#FFFFFF; font-weight:900; line-height:45px; width:auto; padding:18px 24px 18px 24px; position:absolute; left:50%; margin-left:-498px; top:-108px; z-index:22; background-color:#6ca343} .sub-title-wrap {width:100%; height:auto; padding:30px 0; position:relative; top:165px; } .sub-title {font-size:40px; color:#FFFFFF; font-weight:900; line-height:45px; width:auto; padding:15px 30px 13px 24px; position:absolute; left:50%; margin-left:-500px; top:-100px; z-index:22; background-color:#72a949} .sub-title-no-menu {font-size:40px; color:#FFFFFF; font-weight:900; line-height:45px; width:auto; padding:15px 30px 13px 24px; position:absolute; left:50%; margin-left:-500px; top:-100px; z-index:22; background-color:#72a949} .sub-title-pages {font-size:40px; color:#FFFFFF; font-weight:900; line-height:45px; width:auto; padding:15px 30px 13px 24px; position:absolute; left:50%; margin-left:-500px; top:-33px; z-index:22; background-color:#72a949} .carousel-indicators {left:auto !important; right:1% !important;} .isthisasubpage .carousel-indicators {top:187px !important; right:0 !important} .rollover-wrap {width:100%; display:block} .rollover {width:990px; position:relative; margin:0 auto;} .rollover img {float:right; margin:-17px 20px 0 0} .subpage-menu {top:-70px !important;} .professor-picture {float:left; border:1px solid #79ad4b; margin:5px 10px 10px 0} .professor-name {font-size:12px; margin:0 !important} .professor-title {font-size:10px; margin:0 0 10px 0 !important; line-height:10px;} .professor-location {margin:0 !important; line-height:15px;} .professor-email {font-size:12px;} .sort-by {padding:0;} .sort-by li {list-style:none} .sort-by a {text-decoration:none !important;} .navbar-default {background-color:rgba(84, 114, 58, 1);} .slider-wrap { width:100%; height:50%; min-height:500px; display:block; /*Tony New margin-top:58px;*/ position:absolute; top:145px;/*Tony New*/ display: inline-block\9; /* IE 8 and below */*display: inline-block; /* IE 7 and below */_display: inline-block; /* IE 6 */} .nivo-controlNav {position:absolute; top:190px; right:20px;} } @media only screen and (min-width: 2051px) { #wave-container { margin-top:-35rem;} } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /*IE 10+ Specific Media Query */ #slider1 {display:inline-block;} .fullwidthbanner-container { z-index: -1; width:100%; display:inline-block;} /*IE Hack --- Ignores Top Margin due to Sticky Footer*/ #stage-wrapper{display:inline-block;} #stage-wrapper-one-column {display:inline-block;} .slider-wrap{display:inline-block;} } /* #Universal Search ================================================== */ .hide { display: none; } #universal-search-wrapper { float: right; width: 30%; margin-top: 14px; } #universal-search-box { height: 28px; width: 319px; background-color: rgba(0, 0, 0, 0); float: right; border: 1px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #universal-search-box:after{ content:''; display:table; clear:both; } #btn_search { height: 28px; width: 28px; background: url(images/rwd-button-search-white.png) no-repeat; cursor: pointer; outline: 0px none; border: 0px none; float: right; text-indent: -9999px; text-transform: capitalize; -webkit-user-select: none; -webkit-appearance: none; border-color:transparent; /*-webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px;*/ } input[type=search] { outline:none; -webkit-appearance: none; } input::-webkit-search-decoration,input::-webkit-search-cancel-button {display: none; /* remove the search and cancel icon */} #btn_search:focus { outline:none; } #btn_search:hover { -moz-box-shadow: inset 0 0px 60px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0px 60px rgba(0,0,0,0.3); box-shadow: inset 0 0px 60px rgba(0,0,0,0.3); } #q, #t { /* width: 273px; */ background-color: #fff; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; /* color: #fff; */ font-size: 12px; font-weight: normal; float: left; height: 26px; outline: none; padding-left: 8px; } #header-top { position: relative; height: 49px; padding: 11px 0px 0px 0px; left: auto; right: auto; margin: 0 auto 0 auto; max-width: 950px; overflow:hidden;} .home-menu-icon { float: left; margin: 3px 8px 0 0; } /*.btn:focus{outline:dotted 2px #000}div.active:focus{outline:dotted 1px #000}a:focus{outline:dotted 1px #000}.close:hover,.close:focus{outline:dotted 1px #000}.nav>li>a:hover,.nav>li>a:focus{outline:dotted 1px #000}.carousel-inner>.item{position:absolute;top:-999999em;display:block;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left}.carousel-inner>.active{top:0}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{position:relative}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.alert-success{color:#2d4821}.alert-info{color:#214c62}.alert-warning{color:#6c4a00;background-color:#f9f1c6}.alert-danger{color:#d2322d}.alert-danger:hover{color:#a82824} */ .nav-wrapper .nav-selected a {font-weight:normal;} .nav-selected { /* background-color: #778e63; */} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff; background-color: #778e63; } ul.nav-selected a { color: #024f39; } .home_cta { z-index:100; } /* End Slider */ .print-logos {display:none} @media print { #header-wrap, .navbar, .rslides, .carousel-caption, .slider-wrap {display:none !important;} .print-logos {position:absolute; top:0; display:block !important} #left-stage, p, h1, h2, h3, h4, a, #right-stage, li, ul, a:hover, a:visited {color:#000;} }