/*
* HTML5 Boilerplate 2.0
* h5bp.com/css
*/
/*////////////////////////NORMALIZE/////////////////////////////////*/
/* HTML5 SETUP */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; }
/* FONT NORMALIZING */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/* SELECTION STYLES */
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
/* BASE STYLES */
a { color: #007c91; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: normal; }
/* CLEARFIX */
.clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; }
/*/////////////////////////////////////////////////////////*/
/* PRIMARY STYLES
Author: Dan Baker, UW-Whitewater WebTeam, 2012
*/
/* == RESET SOME UWW STYLES == */
body { background-color: #EDEDD3; }
#uwwBody { background:#fff none 0 0 repeat-x; }
#uwwBody .uww1k { background: none; }
#uwwPage { background: none; padding: 0; margin: 0; overflow: visible; }
#uwwFooter { background: #ededd3 none 0 0; }
h1, h2, h3, h4, h5, h6 { font-family: PTSansRegular; }
h4 { text-transform: none; }
/* == HEADER == */
#uwwHeader { position: relative; padding-bottom: 0; }
#uwwLogo { float: left; width: 350px; margin-top: -10px; }
.young-only#uwwLogo { margin-top: 25px; }
#uwwLogo a:first-child { line-height: 95px; vertical-align: top; }
nav { width: 600px; float: right; }
/* == AUDIENCE NAV == */
#uwwAudienceNav { position: absolute; bottom: 10px; right: 0; font-size: 14px; float: none; clear: none; }
#uwwAudienceNav p { display: inline; font: 14px Arial; color: #e7e189; }
#uwwAudienceNav ul { display: inline; }
#uwwAudienceNav li { padding: 3px 5px 3px 10px; margin-left: 5px; }
/* == SEARCH DROPDOWN == */
#searchSection { width: 26px; height: 16px; margin: 1px 3px 0 0; background-color: #fff; text-align: left; float: left; position: relative; border: 1px solid #fff; }
#searchSection a { width: 26px; height: 16px; display: block; background: url("../../../images/uww/icon_tiny_arrow.gif") no-repeat right center; cursor: pointer; }
#searchSection ul { position: absolute; top: 17px; left: 0; width: 165px; height: auto; padding: 5px; background: #fff url("../../uww/img/uwwBottomShadow-bg.png") repeat-x; font: 10px Arial; }
#searchSection li { padding: 3px 3px 5px 20px; background-position: left top; background-color: #fff; }
#searchSection li:hover { background-color: #ededed; cursor: pointer; }
#searchSection #uww { background: url("../../../images/uww/icon_search_uww.gif") no-repeat; }
#searchSection #gis{ background: url("../../../images/uww/icon_search_gis.gif") no-repeat; }
#searchoptions { z-index: 50000; }
/* == DEPARTMENT NAVIGATION == */
#departmentNavigation { width: 325px; position: absolute; left: 0; top: 30px; z-index: 10000; text-align: left; padding-left: 25px; }
#departmentNavigation ul li { background: transparent url("img/icon-white-circle-green.png") no-repeat left center; list-style-type: none; list-style-image: none; padding: 5px 30px; margin: 0; }
#departmentNavigation li a { font: 16px PTSansRegular; color: #3a3f30; text-decoration: none; }
#departmentNavigation li a:hover { text-decoration: underline; }
#departmentNavigation li a:visited { color: #3a3f30; }
#departmentNavigation h3 { font: 24px PTSansRegular; text-transform: uppercase; color: #9abf2f; text-shadow: 1px 1px 0px #fff; margin-bottom: 10px; }
#departmentNavigation dl dt a, #departmentNavigation dl dt a:hover, #departmentNavigation dl dt a:visited { font: 20px PTSansBold; text-transform: uppercase; text-decoration: none; color: #666; }
#departmentNavigation dl { text-align: center; margin-top: 35px; background-color: rgba(255,255,255,.8); border-top: 5px solid #9abf2f; padding: 15px 0 15px 0; position: relative; bottom: -36px; left: 0; }
#departmentNavigation dt { float: left; width: 43%; padding: 3%; border-left: 1px solid #c6c4ab; }
#departmentNavigation dt img {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
padding: 0; border: none; margin: 0;
display: inline; vertical-align: baseline;
}
#departmentNavigation dt:hover img {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
#departmentNavigation dt:first-child { border-left: none; }
/* == SPECIAL CAC NAVIGATION == */
#resourceNavigation { }
#resourceNavigation ul a { color: #666; font-size:14px; text-decoration: none; font-family: PTSansRegular, Arial; }
#resourceNavigation ul a:hover, #resourceNavigation ul a.active { color: #666; text-decoration: underline; }
#resourceNavigation ul { width: 576px; text-align: right; }
#resourceNavigation li { display: inline; padding-top: 0; line-height: 50px; margin-left: 15px; vertical-align: middle; }
/* == SECTION NAVIGATION == */
#sectionNavigation { background: none; float: none; margin: 0; width: 576px; }
#sectionNavigation ul { padding: 0; border-top: 5px solid #9abf2f; }
#sectionNavigation li a { padding: 25px; display: block; text-decoration: none; color: #fff; text-transform: none; position: relative; }
#sectionNavigation a:link, #sectionNavigation a:visited { font: 14px PTSansRegular; background-color: #3a3f30; }
#sectionNavigation a:hover, #sectionNavigation a.active { color: #fff; background-color: #9abf2f; }
#sectionNavigation a:hover:after, #sectionNavigation a.active:after { content: ' '; height: 0; position: absolute; width: 0; z-index: 10000; border-top: 1em solid #9abf2f; border-right: 1em solid transparent; border-bottom: 0 solid transparent; border-left: 1em solid transparent; top: 100%; left: 50%; margin-left: -1em; }
#sectionNavigation li { vertical-align: middle; display: block; float: left; padding: 0; border-left: 1px solid #fff; }
#sectionNavigation li:first-child { border: none; }
nav.young-only #sectionNavigation { width: 572px; }
nav.young-only #sectionNavigation ul { width: 578px; }
nav.young-only #sectionNavigation li a { padding: 25px 22px; }
/* == SIDEBAR and SUB NAVIGATION == */
.Left { float: left; }
.Right { float: right; }
.None { display: none; }
#sectionSidebar { width: 285px; background: none; padding: 0; margin: 0 60px 20px 0; float: left; }
#sectionSidebar .infobox { padding-bottom: 15px; border-bottom: 1px dashed #cdcbb1; }
/* == BREADCRUMBS == */
#breadcrumbs { padding: 0; margin: 0 0 15px 0; }
.directorydetail #breadcrumbs, .directory #breadcrumbs { margin: 0 0 25px 0; }
#breadcrumbs ul { list-style-type: none; margin: 0; float: none; }
#breadcrumbs li { display: inline; margin-right: 3px; }
#breadcrumbs li:first-child { margin: 0; }
#breadcrumbs li a { font: 12px Arial; color: #666; }
#breadcrumbs li a:hover { color: #000; }
/* == DIP AND CAROUSEL== */
#dip { width: 100%; max-height: 395px; border: 1px solid #ceccb2; border-style: solid none; visibility: hidden; background: #ededd4;
background-image: -moz-linear-gradient(top, #ededd4 0%, #ffffff 55%, #ededd4 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededd4), color-stop(55%,#ffffff), color-stop(100%,#ededd4));
background-image: -webkit-linear-gradient(top, #ededd4 0%,#ffffff 55%,#ededd4 100%);
background-image: -o-linear-gradient(top, #ededd4 0%,#ffffff 55%,#ededd4 100%);
background-image: -ms-linear-gradient(top, #ededd4 0%,#ffffff 55%,#ededd4 100%);
background-image: linear-gradient(to bottom, #ededd4 0%,#ffffff 55%,#ededd4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ededd4', endColorstr='#ffffff');
}
#dip .uww1k { position: relative; }
#featuredImage { float: right; margin-right: 25px; }
#imgbg { position: absolute; left: 0; top: 0; }
#carousel { position: relative; width: 700px; float: right; }
#carouselMain { width: 700px; height: 395px; overflow: hidden; position: relative; }
.carouselPanel { width: 700px; height: 395px; position: absolute; top: 0; left: 0; right: 0; z-index: 500; }
.carouselContent { width: 700px; height: 170px; padding: 10px; position: absolute; right: 10px; top: 10px; }
#carouselNav { position: absolute; bottom: 25px; left: 70%; z-index: 1000; }
#carouselNav ul { height: 25px; }
#carouselNav li { font-size: 14px; float: left; font-family: PTSansRegular; margin-left: 10px; line-height: 25px; height: 25px; width: 20px; vertical-align: middle; text-align: center; color: #fff; cursor: pointer; }
#carouselNav li:hover, #carouselNav li.active { background: url('img/li_circlearrow_big.png') center no-repeat; color: #3a3f30; }
.panelloader { width: 0%; height: 5px; background-color: #fff; position: absolute; bottom: 0; left: 0; z-index: 800; opacity: .5; }
.vertical { }
.right { float: left; }
.carouselContent h2 { }
.carouselContent h3 { font: bold 24px "Georgia"; color: #ccc; margin-bottom: 5px; text-transform: none; }
.carouselContent h4 { font: bold 14px "Verdana"; color: #aaa; text-transform: none; margin-bottom: 10px; }
.carouselContent p { font-size: 12px; line-height: 150%; margin-bottom: 5px; color: #fff; }
.carouselContent li { display: inline; padding: 0 10px; border-left: 1px solid #fff; }
.carouselContent li:first-child { border: none; padding-left: 0; }
.carouselContent a { font: 12px Arial; color: #fff; text-decoration: underline; }
#carouselNav { width: 40%; height: 25px; }
#carouselArrow { display: none; }
#carouselNext { position: absolute; z-index: 12000; top: 37%; right: 3%; cursor: pointer; display: none; }
#carouselPrevious { position: absolute; z-index: 12000; top: 37%; left: 3%; cursor: pointer; display: none; }
.one, .two, .three, .four { position: absolute; }
.one { top: 25px; left: 35px; }
.two { top: 25px; left: 205px; }
.three { top: 15px; left: 135px; }
.four { top: 35px; left: 225px; }
/* == CUSTOMS == */
.young #dip { visibility: visible; }
/*
#dip.young-only #carousel { text-align: right; width: 572px; margin-right: 28px;}
#dip.young-only #carouselMain { width: 572px; }
#dip.young-only .carouselPanel { width: 572px; }
#dip.young-only .carouselContent { width: 572px; }
#dip.young-only #departmentNavigation { width: 380px; }
*/
.directory #dip, .directorydetail #dip { height: auto; visibility: visible; }
.directory #carousel, .directorydetail #carousel { float: none; width: 1000px; }
.directory #carousel span, .directorydetail #carousel span { font: normal 42px PTSansBold; line-height: 150%; margin-bottom: 0; color: #fff; position: absolute; bottom: 15px; left: 35px; }
/* == MAIN CONTENT AREA == */
#maincontent { padding: 30px 0; overflow: visible; }
#contentLeft.single-column { width: 285px; margin-right: 60px; }
#contentLeft.double-column { width: 625px; clear: right; }
#contentLeft ul, #contentLeft ol { margin-bottom: 10px; }
#contentRight { width: 285px; float: left; }
#contentTop { width: 625px; float: left; clear: right; margin-bottom: 20px; color: #666; }
#contentBottom { width: 625px; float: left; padding-top: 20px; margin-top: 20px; clear: both; color: #666; }
#contentTop h1, #contentBottom h1 { font: normal 32px PTSansBold; line-height: 150%; margin-bottom: 0; }
#contentTop h2, #contentBottom h2 { text-transform: uppercase; font: normal 22px PTSansRegular; line-height: 150%; color: #3a3f30; }
#contentTop h3, #contentBottom h3 { text-transform: none; font: normal 18px PTSansRegular; line-height: 150%; color: #3a3f30; }
#contentTop p, #contentTop li, #contentBottom p, #contentBottom li { font: 14px/160% Arial; }
#contentTop ul, #contentBottom ul, #contentTop ol, #contentBottom ol { margin-left: 25px; }
#contentTop ul li, #contentBottom ul li { padding-bottom: 5px; list-style-image: url('img/li-arrow-green.png'); list-style-position: inside; }
#contentTop ol li, #contentBottom ol li { padding-bottom: 5px; list-style-image: none; list-style-type: decimal; list-style-position: inside; }
#contentTop p, #contentBottom p, #contentTop ul, #contentBottom ul, #contentTop ol, #contentBottom ol { margin-bottom: 15px; }
#contentTop p a, #contentBottom p a { color: #007c91; text-decoration: underline; font-weight: bold; }
#contentTop li a, #contentBottom li a { color: #007c91; }
#contentTop p.button, #contentBottom p.button { width: 50%; }
#contentTop p.button a, #contentTop p.button a, #contentBottom p.button a, #contentBottom p.button a { display: block; background-color: #007c91; font: 14px PTSansBold; color: #fff; padding: 5px; text-align: center; border-radius: 5px; text-transform: uppercase; text-decoration: none; }
#contentTop p.button a:hover, #contentTop p.button a:hover, #contentBottom p.button a:hover, #contentBottom p.button a:hover { text-decoration: none; color: #fff; background-color: #9abf2f; }
#content .video, #content p.video, #content .video img { max-width: 625px; max-height: 281px; }
#content .flowplayer { width: 465px; height: 262px; }
.highlightbox { padding: 10px 10px 0 10px; background: #fff; border: 1px solid #ccc; border-radius: 10px; moz-border-radius: 10px; margin-bottom: 10px; width: 80%; }
.mainright { float: right; width: 650px; }
/* == COMPONENT BOXES == */
.infobox { margin-bottom: 25px; }
.infobox h1 { text-transform: none; font: normal 35px PTSansRegular; margin-bottom: 0; line-height: 150%; }
.infobox h2 { text-transform: none; font: normal 32px PTSansBold; line-height: 150%; }
.infobox h3 { text-transform: uppercase; font: normal 22px PTSansRegular; line-height: 150%; color: #3a3f30; }
.infobox h3 a:link, .infobox h3 a:hover, .infobox h3 a:visited { text-transform: uppercase; color: #9abf2f; }
.infobox h3 a:hover { text-decoration: underline; }
.infobox.young-season h3, .infobox.young-season h3 a:link, .infobox.young-season h3 a:hover, .infobox.young-season h3 a:visited { color: #87431e; }
.infobox.events h3 a { text-transform: uppercase; font: normal 22px PTSansRegular; line-height: 150%; color: #3a3f30; }
.infobox.article-excerpt h3 a { text-transform: uppercase; font: normal 22px PTSansRegular; line-height: 150%; color: #3a3f30; }
.infobox h4 { text-transform: none; font: normal 18px PTSansRegular; line-height: 150%; color: #87431e; }
.infobox h4 a:link, .infobox h4 a:visited, .infobox h4 a:hover { color: #007c91; }
.infobox h4 a:hover { text-decoration: underline; }
.infobox img { padding: 1px; border: 1px solid #ccc; border-radius: 3px; float: none; display: block; margin: 15px 0; }
.infobox img.no-border { border: none; padding: 0; }
.infobox ul { float: none !important; }
.infobox ul li { line-height: 140%; margin-bottom: 5px; color: #666; list-style-image: url('img/li-arrow-green.png'); list-style-position: inside; }
.infobox ol li { line-height: 140%; margin-bottom: 5px; color: #666; list-style-position: inside; }
.infobox a { text-decoration: none; }
.infobox time { font: 14px PTSansRegular; text-transform: uppercase; }
.infobox p { font: 14px/160% Arial; color: #666; margin-bottom: 15px; }
.infobox p a, .infobox li a { color: #007c91; }
.infobox p.button { width: 50%; }
.infobox p.button a, .infobox p.button a { display: block; background-color: #007c91; font: 14px PTSansBold; color: #fff; padding: 5px; text-align: center; border-radius: 5px; text-transform: uppercase; }
.infobox p.button a:hover, .infobox p.button a:hover { text-decoration: none; color: #fff; background-color: #9abf2f; }
.list-image-off li { list-style-image: none; }
.inline-list li { display: inline; margin-right: 5px; }
.inline-list img { display: inline; border: none; }
.campus-media li { padding: 5px 0; list-style-image: none; }
.campus-media li img { margin: 0 10px 0 0; display: inline; border: none; }
.campus-media li a:link, .campus-media li a:hover, .campus-media li a:visited { color: #4f2783; }
.events article { margin-bottom: 25px; }
.events article:before, .events article:after { content: ""; display: table; } .events article:after { clear: both; } .events article { zoom: 1; }
.events time:first-child { font: 20px/100% PTSansRegular; text-transform: uppercase; color: #3a3f30; width: 54px; height: 40px; display: block; float: left; text-align: center; padding-right: 10px; margin-right: 8px; border-right: 1px solid #3a3f30; }
.events time:first-child span { font-size: 16px; display: block; }
.events h5 { clear: none; float: left; width: 205px; vertical-align: middle; }
.events h5 a { font-size: 18px; text-transform: none; color: #007c91; }
.events h5 time { display: block; }
.young-season { font-family: PTSansRegular; }
.young-season p.button { margin-top: 15px; }
.young-season li.Dance /* , .young-season li.Dance a */ { color: #c97808; }
.young-season li.Broadway /* , .young-season li.Broadway a */ { color: #d0362e; }
.young-season li.Comedy /* , .young-season li.Comedy a */ { color: #1a997c; }
.young-season li.Theatre /* , .young-season li.Theatre a */ { color: #2098ca; }
.young-season li.Family /* , .young-season li.Family a */ { color: #765b9a; }
.young-season li.Music /* , .young-season li.Music a */ { color: #93b53c; }
.young-season li.SpecialEvents /* , .young-season li.SpecialEvents a */ { color: #ecac00; }
.young-season .young-index { margin-top: 10px; }
.young-season .young-index li { list-style-type: square; list-style-image: none; float: left; margin-right: 10px; }
.young-season .young-calendar { padding: 10px 0; border-bottom: 1px dashed #cdcbb1; }
.young-season .young-calendar h4 { font: 18px PTSansBold; margin-bottom: 10px; }
.young-season .young-calendar li { list-style-type: square; list-style-image: none; }
.young-season .young-calendar li span { color: #666; font-size: 130%; }
.young-season .young-calendar a:hover { text-decoration: underline; }
.young-details { width: 325px; position: absolute; left: 0; top: 30px; z-index: 10000; text-align: left; padding-left: 15px; }
.young-details time { color: #87431e; font-family: PTSansBold; }
.young-details h3 { text-transform: none; color: #000; margin-top: -5px; }
.young-details h1 { line-height: 100%; }
.young-details h5 { margin-top: 10px;color:#87431e;font-family: PTSansbold;font-size:14px }
.young-details h5+h5 { margin-top: 3px; }
.event-calendar ul li { list-style-image: none; }
.event-calendar h6 { font-family: PTSansBold; text-transform: none; font-size: 15px; }
.event-calendar figure { float: left; }
.event-calendar figure img { width: 90px; height: 90px; margin: 0; }
.event-calendar .event-item div { width: 60%; float: right; }
.event-calendar p { margin-bottom: 5px; line-height: 120%; }
.event-calendar .event-date time, .event-calendar .event-time time { font-size: 12px; margin-bottom: 0; text-transform: none; }
.event-calendar .event-location { font-size: 12px; margin-bottom: 0; text-transform: none; font-style: italic; }
.event-calendar .event-item div .event-details{width:171px;}
.event-calendar .event-item div .event-details p{font-size:12px;line-height: 99%;}
.event-calendar .event-item div .event-details h5{font-size:12px;line-height: 99%;text-transform:none;margin-bottom:5px;}
.infobox p.video { cursor: pointer; }
.infobox.article-excerpt article img { width: 45%; max-width: 45%; float: left; height: auto; margin: 0 10px 10px 0; }
.image-gallery ul li { list-style-image: none; float: left; }
/* JQUERY THUMBS STYLES */
.thumb-container, .thumb-inner, .thumb-img { border: 0; display: block; display: inline-block; height: 100%; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; }
.thumb-container { background: #fff; border: 1px solid; border-color: #ccc #aaa #aaa #ccc; height: 75px; margin: 3px; padding: 2px; width: 75px; }
.thumb-container a, .thumb-container img { border: 0; margin: 0; }
.thumb-center img, .thumb-strip, .thumb-icon { position: absolute; }
.thumb-center img { margin-left: 50%; margin-top: 50%; height: 160%; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .thumb-center img { margin-left: 0; } }
.thumb-strip { display: none; }
.thumb-icon { display: none; }
.young .infobox .event-links { display: block; clear: both; }
.young .infobox .event-links a { display: inline-block; margin-right: 10px; }
.young .infobox .event-links a img { /* border: 0 none; */ padding: 3px; }
/* == DIRECTORY == */
.directory #contentTop ol { margin: 20px 0 15px 0; padding-left: 0 !important; }
.directory #contentTop ol li { font: 16px PTSansBold; list-style-type: none; list-style-image: none; list-style-position: outside; padding: 2px 4px; cursor: pointer; float: left; margin-left: 0; }
.directory #contentTop ol li:hover.switchoff { background-color: #9abf2f; color: #fff; }
.directory #contentTop ol li.switchoff { color: #3A3F30; }
.directory #contentTop ol li.switchon { color: #fff; background-color: #9abf2f; }
.directory #contentTop ol li.inactive { color: #ccc; cursor: default; }
.directory #contentTop ol li:hover.inactive { background-color: #eee; }
#stafflist { margin-top: 10px; margin-left: 25px; }
#stafflist ul { float: none; list-style-image: none; margin: 0; padding: 0; }
#stafflist li { margin: 0; padding: 20px 0; background: url('img/hr_horizontal.png') repeat-x; }
#stafflist li:first-child { background: none; }
#stafflist p { color: #a05324; font-family: Verdana; font-size: 14px; float: left; }
#stafflist p small { color: #000; font-size: 11px; }
#stafflist img { border: 1px solid #ccc; float: left; margin-right: 25px; }
#stafflist a { color: #44687d; font-weight: bold; }
/* == PROFILE == */
#contentProfile { /*border: 1px solid #aaa*/; padding: 25px 20px 20px 20px; position: relative; margin-top: 30px; width: 100%; }
.directorydetail #contentProfile { margin-top: 0; }
#contentProfile span { padding: 8px 15px; background: transparent url("img/bg_cls_purple.png"); position: absolute; left: 20px; top: 35px; }
#contentProfile img { float: right; display: block; margin-bottom: 10px;width:26%; }
#contentProfile h2 { color: #44687d !important; font-size: 18px !important; text-transform: none; margin: 0 0 8px 0; padding: 0; height: auto; }
.directorydetail #contentProfile h2 { color: #a05324 !important; }
.directorydetail #contentProfile h2 a { color: #44687d; font-size: 16px; font-weight: normal; }
#contentProfile h3 { color: #fff; font-size: 16px; text-transform: none; margin-bottom: 0; }
#contentProfile p { line-height: 150%; }
#contentProfile p strong { color: #666; }
#contentProfile p a { color: #44687d; font-weight: bold; }
/* == IMAGE GALLERY == */
#gallery { max-width: 625px; height: 425px; margin-bottom:10px; }
/* == FEEDS == */
#content .post-article { margin-bottom: 8px; padding: 8px; }
#content .alt { background-color: #EDE9E0; }
#content .post-article p { padding: 0 5px; line-height: 130%; }
#content .post-article h4 { margin-bottom: 5px; }
#content .post-article h3 { line-height: 100%; }
#content .post-article h3 a { font-size: inherit; color: inherit; text-transform: none; }
/* == TABLE == */
table, td, tr { border: none; }
tr, td p, td h4 { padding: 5px 5px 5px 0; }
td h2, td h3 { padding: 10px 10px 10px 0; }
table .purple { background-color: #ccc5e9; }
/* == FOOTER == */
#uwwFooter { border-top: 1px solid #fff; background-color: #ededd3; }
#uwwFooter h4 { font: 16px PTSansBold; color: #9d986d; text-transform: uppercase; margin-bottom: 5px; }
#uwwFooter a { text-decoration: underline; color: #3a3f30; }
#uwwFooter p, #uwwFooter ul, #uwwFooter address { font-family: Verdana; font-size: 10px; line-height: 160%; color: #3a3f30; }
#uwwFooter .uww1k { }
#footercol1, #footercol2, #footercol3, #footercol4 { width: 25%; float: left; }
#footercol4 strong { position: relative; }
#footercol4 strong img { position: absolute; right: -25px; top: -4px; }
#uwwFooterLinks { margin-top: 10px; }
#uwwFooterLinks li { display: block; float: left; }
/* ====== CONTACT FORM ====== */
.contentform { border: 1px solid #ccc; padding: 5px; }
.contentform fieldset { padding:4px; width:90%; }
.contentform label { float: left; padding:3px; width:30%; font-weight:bold; }
.contentform input { width: 55%; }
.contentform input.button { width: auto; }
.contentform textarea { width:100%; }
.contentform label.error { color:#cc0000; }
.contentform .hidden { display:block; visibility:hidden; }
/* END PRIMARY STYLES */
/* IE FIXES */
.ieold img { -ms-interpolation-mode: bicubic; }
.ieold #uwwHomeSubNavigation > li { padding-left:35px; }
.ieold #uwwShortcuts { background: none; height: 20px; width: 175px; }
.ieold #uwwShortcuts select { height: 20px; width: 175px; }
/* END IE FIXES */
/* MEDIA QUERIES */
/*styles for desktop*/
@media screen and (min-width: 800px) {
.tablet, .handheld { display: none; }
.desktop { display: block; }
}
/*styles for tablets*/
@media screen and (max-width: 768px), screen and (max-width: 1024px) {
/* == HEADER == */
#uwwLogo { float: none; }
#uwwLogo.young-only { margin-top: 0; padding-top: 10px; }
#uwwBar { height: 40px; }
nav { float: none; width: 100%; }
/* == SPECIAL CAC NAVIGATION == */
#resourceNavigation ul { width: 100%; }
/* == SECTION NAVIGATION == */
#sectionNavigation { float: none; width: 100%; }
#sectionNavigation li a { padding: 25px 37px 25px 37px; }
#sectionNavigation li:first-child a { padding-left: 41px; }
#carouselNav { width: auto; }
/* == CUSTOMS == */
.young #carousel { overflow: hidden; width: 45%; }
.young #carousel img { width: 100%; height: auto; padding-top: 25%; display: block; }
.young .young-details { position: relative; float: left; }
.directory #carousel, .directorydetail #carousel { width: 100%; }
.directory #carousel img, .directorydetail #carousel img { width: 100%; height: auto; }
#maincontent { padding-bottom: 0; }
.mainright { float: none; width: 100%; }
#contentTop { width: 100%; float: none; }
.directory #sectionSidebar, .directorydetail #sectionSidebar { width: 100%; float: none; }
.desktop, .handheld { display: none; }
.tablet { display: block; }
.T-clear { float: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; position: static !important; margin-bottom: 10px; }
.uww1k { width: 700px; }
#uwwLandingNav { display: none; }
#uwwTools { float: none; width: 100%; }
#uwwSearch { float: right; }
#uwwHeader { padding-top: 0; }
#uwwResources { float: none; text-align: right; margin-bottom: 5px; margin-top: 10px; }
#uwwLogo img { margin-right: 0; }
#footercol3 { display: none; }
#footercol1 { width: 30%; float: left; margin-right: 22px; }
#footercol2 { width: 36%; float: left; margin-right: 22px; }
#footercol4 { width: 27%; margin-right: 0; }
#dip { height: auto; max-height: none; }
#dip #departmentNavigation { width: 100%; position: relative; display: block; float: none; clear: both; padding-bottom: 50px; }
}
/*styles for smart phones*/
@media screen and (max-width: 320px), screen and (max-width: 569px) {
body { text-align: left; }
.desktop, .tablet { display: none; }
.handheld { display: block; }
.M-clear { float: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; position: static !important; margin-bottom: 10px; }
table { width: 100% !important; }
#uwwBar { height: 30px; }
#uwwLandingNav { display: none; }
#mobileLandingNav { float: left; margin-top: 4px; }
#mobileLandingNav li { display: inline; font-size: 11px; padding: 0 6px; }
#mobileLandingNav a { color: #fff; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
#uwwShortcuts { background: url("../../uww/img/bg_optionmob.gif") no-repeat scroll 0 0 transparent; width: 55px; }
#uwwShortcuts select { width: 53px; }
#uwwTools { float: none; width: 100%; position: relative; }
#uwwSearch.desktop { display: none; }
#uwwMobileSearch { float: right; margin-right: 5px; z-index: 60000; }
#uwwMobileSearch label { display: none; }
#uwwMobileSearch #triggersearch { border: 0; background: transparent url('../../uww/img/btn_search.gif') no-repeat; cursor: pointer; width: 22px; height: 22px; }
#uwwMobileSearch #searchbox { position: absolute; left: 31%; top: 0; padding: 15px; background-color: #333; box-shadow: 0 0 4px #ccc; width: 50%; display: none; }
#uwwSearchQuery { border: 0; width: 100%; }
#uwwSearchSubmit { display: none; }
#uwwHeader { padding-top: 0; }
#uwwResources { display: none; }
#uwwAudienceNav { display: none; }
#uwwLogo { text-align: center; z-index: 10; width: 100%; margin-bottom: 10px; }
#uwwLogo.young-only { margin-top: 0; }
#uwwLogo a { display: block; }
#uwwLogo a:first-child img { width: 80%; }
#uwwLogo a:first-child { border: none; }
#uwwLogo a:last-child img { width: 80%; }
#uwwHeader { padding-top: 10px; padding-bottom: 0; }
#uwwTopShadow { display: none; }
#wrapper, #uwwPage, #appcontent, .uww1k { padding: 0; margin: 0; border: none; }
.uww1k { width: 100%; margin: 0 auto; }
#sectionNavigation li { float: none; border: none; }
#sectionNavigation li a { padding: 15px; text-decoration: underline; }
#sectionNavigation li:first-child a { padding-left: 15px; }
#sectionNavigation li a:hover { background-color: #3a3f30; }
#sectionNavigation a:hover:after, #sectionNavigation a.active:after { content: none; position: absolute; width: 0; z-index: 10000; border: none; }
#resourceNavigation { }
#resourceNavigation ul { padding: 0; border-top: 5px solid #B9AA81; }
#resourceNavigation ul a { padding: 15px; display: block; text-decoration: underline; color: #fff; text-transform: none; position: relative; }
#resourceNavigation a:link, #resourceNavigation a:visited { font: 14px PTSansRegular; background-color: #3a3f30; }
#resourceNavigation ul a:hover, #resourceNavigation ul a.active { color: #fff; }
#resourceNavigation ul { width: 100%; text-align: left; }
#resourceNavigation li { display: block; padding: 0; line-height: auto; margin-left: 0; vertical-align: middle; }
#breadcrumbs { margin-bottom: 10px; }
/* == DIP AND CAROUSEL== */
#dip { border-top: none; }
#imgbg { position: absolute; left: 0; top: 0; }
#carousel { position: relative; width: 100%; float: none; }
#carouselMain { width: 100%; height: 200px; overflow: hidden; position: relative; }
.carouselPanel { width: 100%; height: 200px; background-size: cover!important; }
.carouselContent { width: 98%; height: 200px; padding: 1%; position: absolute; left: 0; top: 0; background-color: rgba(255,255,255,.5); }
#carouselNav { bottom: 10px; left: 0; width: 100%; height: 25px; }
.carouselContent h1, .carouselContent h2, .carouselContent h3, .carouselContent h4, .carouselContent p, .carouselContent li, .carouselContent a { position: static!important; font-family: PTSansRegular!important; width: auto!important; height: auto!important; color: #000!important; text-shadow: none!important; padding: 5px!important; }
/* == CUSTOMS == */
.young #dip { max-height: none; }
.young #carousel { overflow: hidden; width: 100%; float: none; }
.young #carousel img { width: 100%; height: auto; padding-top: 5%; display: block; }
.young .young-details { position: relative; float: none; width: 96%; padding: 0 2%; top: 10px; margin-bottom: 10px; }
#sectionSidebar { float: none; width: 100%; background: none; margin-bottom: 1px; position: relative; }
#sectionSidebar ul { margin-bottom: 5px; }
#contentBottom, #contentTop { width: auto; float: none; }
#maincontent { padding-top: 10px; padding-bottom: 0; }
#maincontent .uww1k { width: 94%; padding: 3%; margin-right: 0; }
#maincontent iframe { width: 100% !important; }
#maincontent form { padding: 5px; }
#maincontent input[type='text'], #maincontent textarea, #maincontent select { width: 70%; }
#contentLeft, #contentRight { float: none; }
#contentProfile { padding: 2% 2%; margin-top: 0; width: 96%; }
#contentProfile span { left: 2%; top: 5%; }
#contentProfile img { width: 100%; }
#M-control { padding: 0 0; }
#M-control .wrapper { padding: 5px; display: none; background-color: #fff; }
#M-control h1 { cursor: pointer; text-transform: uppercase; font-weight: normal; font-size: 14px; color: #fff; background: #563D7C url("../../uww/img/menu-bars-white.png") 98% 50% no-repeat; text-align: left; margin-bottom: 0; padding: 3% 0 3% 3%; width: 97%; border-bottom: 1px solid #fff; }
#M-control ul { overflow: auto; }
#M-control dt img, #M-control dt br { display: none; }
#M-control dt { line-height: 140%; background: url("img/li-arrow-green.png") 0 50% no-repeat; padding-left: 15px; margin-bottom: 5px; }
#M-control dt a { font-weight: bold; color: #007c91; }
#uwwFooter .uww1k { padding: 0; }
#footercol1, #footercol2, #footercol3, #footercol4 { width: 96%; float: none; padding: 5px 2%; margin-right: 0; }
}
/* END MEDIA QUERIES */
/*/////////////////////////////////////////////////////////*/
/**
* Print styles.
*/
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}