/* 
 * 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: #00e; } 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, 2011
*/


/* == RESET SOME UWW STYLES == */
#uwwBody { background:#efefef url('img/tile_body.jpg') 0 0 repeat-x; }
#uwwBody.department { background-position: 0 -190px; }
#uwwBody.landing { background-position: 0 -215px; }
#uwwBody .uww1k { background: url('img/bg_wrapper.png') no-repeat; background-position: 0 -350px; }
#uwwPage { background: none; padding-top: 0; }
#uwwFooter { background: url('img/tile_footer.gif') 0 0; }
h1, h2, h3, h4, h5, h6 { font-family: AllerRegular; }
h4 { text-transform: none; }

/* == HEADER == */
#uwwHeader { position: relative; padding-bottom: 0; }

/* == 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; }

/* == SPECIAL COBE NAVIGATION == */
#cobeNavigation { background: url('img/bg_mainmenu.png'); text-transform: uppercase; z-index: 999; position: relative; height: 78px; width: 983px; }
#cobeNavigation ul a { color: #B3A7C6; font-size:17px; text-decoration: none; }
#cobeNavigation ul a:hover, #cobeNavigation ul a.active  { color: #fff; }
#cobeNavigation ul { width:100%; padding:10px 0; }
#cobeNavigation li { display: block; padding-top: 0; float: left; line-height: 78px; margin-right: 10px; vertical-align: top; padding: 0 10px; }
#cobeNavigation li span { display: block; font-size: 28px; font-family: AllerBold; line-height: normal; }
#cobeNavigation li span:first-child { font-size: 14px; font-family: AllerRegular; }
#cobeNavigation ul li:first-child { margin-right: 45px; }
#cobeNavigation ul li:first-child { color: #a05324; text-shadow: 1px 1px 0px #ffdc97; }
#cobeNavigation ul li:first-child span { font-size: 50px; float: left; }
#cobeNavigation ul li:first-child span:first-child { font-size: 18px; margin: 0 10px 0 10px; padding-top: 10px; line-height: 95%; }

/* == SECTION NAVIGATION == */
#sectionNavigation  { background: url('img/bg_resourcemenu.png') no-repeat; width: 983px; height: 30px; display: block; float: none; margin: 20px 0 5px 0; }
#sectionNavigation ul { padding: 0; }
#sectionNavigation li a { padding: 0 13px; text-decoration: none; color: #b3a7c6; }
#sectionNavigation li:first-child a { padding-right: 65px; }
#sectionNavigation  a:link, #sectionNavigation  a:visited { font: 14px AllerBold; }
#sectionNavigation  a:hover, #sectionNavigation  a.active { color: #fff; }
#sectionNavigation  li { vertical-align: middle; line-height: 30px; text-transform: uppercase; display: block; float: left; padding: 0 5px; }

/* == SIDEBAR and SUB NAVIGATION == */
.Left { float: left; }
.Right { float: right; }
.None { display: none; }
#sectionSidebar { width: 250px; background: url('img/bg_vertical_line.gif') top left repeat-y; padding: 0 0 0 30px; margin-bottom: 20px; }
#sectionSidebar.small { margin-top: 60px; }
#sidebarHeader { background: none; }
#sidebarWrapper { background: none; min-height: 1px; padding: 0 15px 10px 0; }
#sectionSidebar h1 { }
#sectionSidebar h1 small { font-size: 20px; line-height: 115%; }
#sectionSidebar h2 { font: 18px AllerRegular; font-weight: normal; color:#333; text-transform: none; text-align:left; width:auto; padding: 10px 0 0 0; }
#sectionSidebar h3 { }
#sectionSidebar h4 a { font-size: 12px; font-weight: bold; color: #555; text-decoration: none; }
#sectionSidebar h4 a:hover { text-decoration: underline; }
#sectionSidebar h5 { font-size: 12px; color: #999; font-style: italic; text-transform: none; }
#sectionSidebar hr { border: none; border-bottom: 6px dotted #a7a9ac; }
#sectionSidebar ul { list-style:none; list-style-image:none; margin-bottom: 10px; }
#sectionSidebar li { color:#666; font-size:11px; line-height:12px; margin: 3px 0 0 0; border-top: 1px solid #eee; padding: 8px 0 0 0; }
#sectionSidebar li:first-child { border: none; }
#sectionSidebar ul a { color:#422d5c; font-family: AllerBold; }
#sectionSidebar ul a:hover { text-decoration: underline; }
#sectionSidebar p {  }
#sectionSidebar p a:link, #sectionSidebar p a:visited, #sectionSidebar p a:active { color:#44687d; text-decoration: none; }
#sectionSidebar .infobox { margin-top: 10px; }
#sectionSidebar .infobox h3 { text-transform: uppercase; font-weight: bold; }
#sectionSidebar .infobox h4, #sectionSidebar .infobox h5 { padding-left: 15px; }
#sectionSidebar .infobox p a { color: #44687d; }
#sectionSidebar .infobox.resources a { color: #422d5c; }
#sectionSidebar p.button a:hover { color: #fff; }
#subNavigation { margin-bottom: 0; padding: 0; }
#subNavigation ul a { font: 14px AllerBold; color:#486b7a; }
#subNavigation li.active { list-style-image: url('img/li_doublearrow.png'); margin-left: 17px; }
#subNavigation li.active a { color: #10272D; }
#subNavigation li.active li a { color: #486b7a; }
#subNavigation ul ul { margin-left: 15px; }
#subNavigation ul ul a { font: 14px AllerRegular; }

/* == BREADCRUMBS == */
#breadcrumbs { padding: 0; margin: 10px 0 15px 0; }
.landing #breadcrumbs { margin-top: 25px; }
.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 == */
.home #dip { width: 980px; height: 445px; border: 1px solid #eee; border-bottom: 0; margin-top: 10px; visibility: hidden; }
#imgbg { position: absolute; left: 0; top: 0; }
#carousel { position: relative; }
#carouselMain { width: 980px; height: 445px; overflow: hidden; position: relative; float: left; }
.carouselPanel { width: 980px; height: 445px; position: absolute; top: 0; left: 0; right: 0; z-index: 500; }
.carouselContent { width: 380px; height: 170px; padding: 10px; position: absolute; right: 10px; top: 10px; }
#carouselNav { position: absolute; bottom: 100px; left: 0; z-index: 1000; }
#carouselNav ul { height: 25px; }
#carouselNav li { font-size: 14px; float: left; font-family: AllerBold; 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: #30525e; }
.panelloader { width: 0%; height: 5px; background-color: #fff; position: absolute; top: 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: 100%; height: 25px; }
#carouselArrow { display: none; }
#carouselNext { position: absolute; z-index: 12000; top: 37%; right: 3%; cursor: pointer; }
#carouselPrevious { position: absolute; z-index: 12000; top: 37%; left: 3%; cursor: pointer; }
.students #imgstudent { position: absolute; left: 80px; top: 0px; }
.students h3 { position: absolute; right: 50px; top: 15px; height: 106px; width: 339px; }
.students p { background: url("img/test_bg_p.png") repeat-y; font:  28px AllerRegular; color: #10272d; text-shadow: 1px 1px 0px #8aa9b7; padding: 15px; width: 260px; height: 145px; position: absolute; top: 140px; right: 65px; }
.studentnames { position: absolute; left: 30px; top: 275px; width: 545px; height: 55px; position: relative; }
.studentnames ul { list-style: none; margin: 0; padding: 0; }
.studentnames li { float: left; cursor: pointer; margin: 0 5px; font-size: 11px; }
.studentnames li a:link, .studentnames li a:visited, .studentnames li a:hover, .studentnames li a:active { color: #333; text-decoration: underline; }
.one, .two, .three, .four { position: absolute; }
.one { top: 25px; left: 25px; }
.two { top: 25px; left: 220px; }
.three { top: 25px; left: 435px; }
.four { top: 35px; left: 225px; }
/* BOOTSTRAP STYLES FOR TOOL TIPS */
.modal .popover, .modal .twipsy { z-index: 12000; }
.twipsy { display: block; position: absolute; visibility: visible; padding: 5px; font-size: 11px; z-index: 1000; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.twipsy.fade.in { filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.twipsy.above .twipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000000; }
.twipsy.left .twipsy-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000000; }
.twipsy.below .twipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000000; }
.twipsy.right .twipsy-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000000; }
.twipsy-inner { padding: 3px 8px; background-color: #000000; color: white; text-align: center; max-width: 200px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.twipsy-arrow { position: absolute; width: 0; height: 0; }
.fade { -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; opacity: 0; }
.fade.in { opacity: 1; }

#dip.internal { width: 980px; height: 325px; border: 1px solid #eee; border-bottom: 0; margin-top: 10px; position: relative; }
#dip.internal section { width: 280px; position: absolute; right: 0; top: 0; padding: 15px; }
#dip.internal .cobead { min-height: 75px; }
#dip.internal h1 { font: 42px AllerRegular; font-weight: normal; color: #fff; text-shadow: 1px 1px 0px #153A4C; margin-bottom: 0; }
#dip.internal span.wrapper { background: url("../../uww/img/bg_cls_blue.png"); left: 0; padding: 8px 15px; position: absolute; bottom: 15px; }
.department #dip.internal { height: 140px; }
#dip.internal.small { border: none; }
#dip.internal.small img#imgbg { border: 1px solid #eee; border-bottom: 0; }
#dip.internal.small section { padding-top: 0; }

/* == MAIN CONTENT AREA == */
.directorydetail #maincontent, .directory #maincontent { padding-top: 20px; }
#contentLeft { width: 470px; margin-right: 50px; }
#contentLeft article a { color: #1786C6; }
#contentLeft.full { width: 750px; }
#contentLeft h1 { font: 48px AllerRegular; font-weight: normal; color: #6F5D89; text-shadow: 1px 1px 0px #fff; margin-bottom: 20px; }
#contentLeft h2, #contentLeft h3, #contentLeft h4, #contentLeft h5 { margin-bottom: 10px; text-transform: none; font-weight: normal; line-height: 150%; }
#contentLeft ul, #contentLeft ol { margin-bottom: 10px; }
.learn #contentLeft, .department #contentLeft, .landing #contentLeft { width: 640px; }
.learn #contentLeft h1 { font: 32px AllerRegular; color: #422d5c; text-transform: none; margin-bottom: 20px; }
.learn #contentLeft h1 strong { font: AllerBold; color: #486b7a; }
.learn #contentLeft article, .department #contentLeft article { font: 12px/150% Arial; color: #111111; }
.learn #contentLeft p strong { font: bold 14px/135% Arial; }
.learn #contentLeft p { margin-bottom: 15px; }
.department #contentLeft { padding-left: 10px; }
#content.Full { width: 960px; }
#contentTop, #contentBottom { width: 96%; }
.home #contentTop { }
#contentTop { margin-bottom: 20px; }
#contentBottom { padding-top: 20px; margin-top: 20px; background: url('img/hr_horizontal.png') repeat-x; clear: both; }
.directorydetail #contentBottom { background: none; }
#contentBottom ul, #contentBottom ol { float: none; margin-bottom: 10px; }
#contentBottom .cobead { width: 595px; height: 116px; padding: 20px; background: url('img/bg_collegead_bottom.png') no-repeat; float: left; font: 18px/160% AllerBold; color: #486b7a; border: none; margin-bottom: 0; min-height: 1px; }
#contentBottom .cobead p { margin-bottom: 0; width: auto; float: none; }
#contentBottom .cobead img { float: left; border: 1px solid #fff; margin-right: 12px; width: auto; }
#contentBottom article { font: 12px/150% Arial; color: #3d3d3d; width: 285px; float: right; }
.department #contentBottom article { float: none; width: 100%; }
#contentBottom article p { margin-bottom: 15px; }
#contentTop h1, #contentBottom h1 { text-transform: none; font-size: 28px; margin-bottom: 15px; color: #3D3D3D; text-shadow: none; }
#contentTop h2, #contentBottom h2, #contentLeft h2 { text-transform: none; font-size: 24px; height: auto; color: #331E54; margin-bottom: 10px; }
#contentTop h3, #contentBottom h3 { font-size: 20px; text-transform: none; margin-bottom: 10px; }
#contentTop h4, #contentBottom h4 { font-size: 19px; color: #703F97; text-transform: none; margin-bottom: 10px; }
#contentTop h5, #contentBottom h5 { font-size: 17px; margin-bottom: 10px; text-transform: none; }
#contentTop h6, #contentBottom h6 { font-size: 13px; margin-bottom: 10px; }
#content img { margin-right:10px; }
#content .video, #content .video a, #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%; }

/* == HOME PAGE COLUMNS == */
.home #contentLeft { float: left; width: 300px; }
.home #contentCenter { float: left; width: 280px; margin-right: 35px; }
.home #contentCenter p { font: 16px Arial; color: #333; padding: 10px 0; line-height: 150%; }
.home #contentRight { float: left; width: 255px; background: url('img/bg_vertical_line.gif') top left repeat-y; padding-left: 50px; }
.home #contentLeft .infobox p { min-height: 85px; }
.home #contentLeft .infobox p.button, .home #contentCenter .infobox p.button { min-height: 37px; margin-bottom: 25px; padding: 0; }
.home #contentLeft .infobox hr { clear: both; border: none; margin-bottom: 25px; border-bottom: 6px dotted #a7a9ac; } 
.home #contentLeft .infobox p a.news { font-size: 14px; line-height: 150%; color: #422d5c; text-decoration: none; }
.home #contentLeft .infobox time { font: 14px AllerRegular; color: #486b7a; background: url('img/bg_datestamp.png') no-repeat; width: 54px; height: 75px; display: block; float: left; text-align: center; line-height: 170%; padding-top: 3px; padding-right: 5px; margin-right: 8px; margin-top: 8px; }
.home #contentLeft .infobox time span { font-size: 30px; display: block; }
.home #contentLeft .wordpress h2 { font-size: 18px; clear: none; }
.home #contentLeft .wordpress h4 { display: none; }
.home #contentLeft .wordpress p a { display: none; }
.home #contentLeft .wordpress p.button a { display: block; }

/* == COMPONENT BOXES == */
.learn .infobox { width: 285px; margin-bottom: 20px; float: left; margin-right: 25px; }
.learn #sectionSidebar .infobox { width: auto; float: none; margin-right: none; margin-bottom: 10px; }
.home .infobox a { text-decoration: none; color: #666; }
.infobox li { line-height: 140%; margin-bottom: 5px; }
.internal #contentLeft .infobox { float: left; margin-right: 20px; }
.internal #contentLeft .infobox h2 { }
.internal #contentLeft .infobox h3 { color: #331E54; }
.infobox h2 { text-transform: none; font-size: 32px; font-family: AllerRegular; font-weight: normal; margin-bottom: 15px; }
.infobox h2 strong { font-family: AllerBold; color: #486b7a; }
.infobox h3 { text-transform: none; font-size: 18px; line-height: 150%; font-weight: normal; }
.infobox img { padding: 1px; border: 1px solid #ccc; border-radius: 3px; float: none; display: block; margin-bottom: 15px; }
.infobox h1 img, .infobox h2 img, .infobox h3 img, .infobox h4 img, .infobox h5 img, .infobox h6 img { display: inline; border: 0; border-radius: 0; }
.infobox ul { float: none !important; }
.infobox a { text-decoration: none; }
article p { margin-bottom: 15px; }
article p.button a, .infobox p.button a { display: block; background: url('img/bg_button.png') no-repeat; font: 14px AllerBold; color: #d4cde0; line-height: 37px; vertical-align: middle; width: 260px; padding-left: 20px; }
article p.button a:hover, .infobox p.button a:hover { text-decoration: none; color: #fff; }
article ul, article ol { padding-left: 20px; margin-left: 15px; margin-bottom: 15px; }
article ul li { list-style-type: disc; margin-bottom: 5px; }
article ol li { list-style-type: decimal; margin-bottom: 5px; }
.callout p { font: 18px/150% AllerBold; }
.department .callout { width: 605px; }
.department .callout img { float: left; }
.department .callout p { float: left; width: 375px; padding: 0 0 0 25px; color: #666; margin-left: 25px; border-left: 6px dotted #a7a9ac; }
.department #contentLeft article { clear: both; }
/* .. NEWS PAGE SPECIAL RSS BOXES .. */
.landing .wordpress { width: 100%; }
.landing .wordpress article { padding: 15px 0 5px 0; font-family: AllerRegular; background: url('img/hr_horizontal.png') repeat-x; }
.landing .wordpress article:first-child { background: none; }
.landing .wordpress h2 { clear: none; }
.landing .wordpress h4, .landing #sectionSidebar .facebook h4, .landing #sectionSidebar .twitter h4, .landing.youtube h4 { font-size: 16px; }
.landing .wordpress h4 a, .landing #sectionSidebar .facebook h4 a, .landing #sectionSidebar .twitter h4 a, .landing .youtube h4 a { font-size: 16px; font-weight: normal; padding-left: 40px; line-height: 32px; vertical-align: middle; display: block; color: #0066ee; }
.landing h4 a:hover { text-decoration: underline; }
.landing .youtube h4 a { background: url('img/icon_youtube.png') no-repeat; }
.landing .wordpress h4 a { background: url('img/icon_rss.png') no-repeat; }
.landing .facebook h4 a { background: url('img/icon_facebook.png') no-repeat; }
.landing .twitter h4 a { background: url('img/icon_twitter.png') no-repeat; }
.landing .wordpress h2 a.news { font-size: 20px; font-family: AllerBold; color: #422d5c; text-decoration: none; }
.landing .wordpress p { line-height: 170%; }
.landing .wordpress p a { color: #0066ee; }
.landing .wordpress time { font: 14px AllerRegular; color: #486b7a; background: url('img/bg_datestamp.png') no-repeat; width: 54px; height: 105px; display: block; float: left; text-align: center; line-height: 170%; padding-top: 3px; padding-right: 5px; margin-right: 15px; margin-top: 8px; }
.landing .wordpress time span { font-size: 30px; display: block; }
.landing .facebook time { font-size: 10px; color: #666; }
.landing .facebook a { font-size: 12px; color: #0066ee !important; }
.landing .twitter article p:first-child { float: left; width: 24px; height: 24px; margin: 0; padding: 0; margin-right: 10px; }
.landing .twitter article p:first-child img { width: 100%; height: 100%; padding: 0; border: none; }
.landing .twitter time { font-size: 10px; color: #666; }
.landing .twitter a { color: #0066ee !important; }
.landing .youtube { width: 640px; overflow: auto; }
.landing .youtube article { width: 120px; font: 12px AllerRegular; float: left; padding: 10px; }
.landing .youtube article:hover { background-color: #aaa; }
.landing #sectionSidebar h4 { padding-left: 0; margin-bottom: 10px; }
/* .. COBE AD .. */
.cobead { padding: 15px 20px 10px 10px; background-color: #fff; position: relative; border: 1px solid #ccc; font: 11px Arial; color: #999; min-height: 150px; margin-bottom: 15px; }
.cobead.short { min-height: 75px; }
.cobead p { margin-bottom: 15px; width: 68%; float: right; }
.cobead p.button { position: absolute; bottom: 0; right: 0; margin: 0; width: 168px; height: 27px; float: none; }
.cobead p.button a { display: block; background: url('img/bg_button_ad.png') no-repeat; font: 14px AllerBold; color: #664592; line-height: 27px; vertical-align: middle; padding-right: 10px; text-align: right; }
.cobead p.button a:hover { text-decoration: none; color: #fff; }
.cobead h3 { width: 68%; float: right; clear: right; font: 14px AllerRegular; color: #422d5c; line-height: 100%; }
.cobead h3 span { display: block; font: 28px AllerBold; color: #486b7a; letter-spacing: -1px; }
.cobead h3 strong { font-family: AllerBold; font-size: 16px; color: #486b7a; }
.cobead img { float: left; width: 65px; }

/* == DIRECTORY == */
.directory #contentLeft ol { margin: 20px 0 15px 0; padding-left: 0 !important; }
.directory #contentLeft ol li { font: 16px AllerBold; list-style-type: none; padding: 2px 4px; cursor: pointer; float: left; margin-left: 0; }
.directory #contentLeft ol li:hover.switchoff { background-color: #fff; color: #000; }
.directory #contentLeft ol li.switchoff { color: #44687d; }
.directory #contentLeft ol li.switchon { color: #000; background-color: #fff; }
.directory #contentLeft ol li.inactive { color: #ccc; cursor: default; }
.directory #contentLeft 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; box-shadow: 1px 1px 1px #fff;  padding: 25px 20px 20px 20px; position: relative; margin-top: 30px; width: 425px; background-color: #ddd; }
.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: none; display: block; margin-bottom: 10px; }
#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: 1px solid #a6a6a6; }
tr, td p, td h4 { padding: 5px; }
td h2, td h3 { padding: 10px; }
table .purple { background-color: #ccc5e9; }

/* == SIBLING NAVIGATION == */
.siblingNav { padding-top: 20px; margin: 20px 0; background: url('img/hr_horizontal.png') repeat-x; display: none; }
.buttonleft a, .buttonright a { display: block; font: 14px AllerBold; color: #d4cde0; line-height: 37px; vertical-align: middle; width: 260px; }
.buttonleft a:hover, .buttonright a:hover { text-decoration: none; color: #fff; }
.buttonleft { float: left; background: url('img/bg_button_left.png') no-repeat; padding-right: 20px; text-align: right; }
.buttonright { background: url('img/bg_button.png') no-repeat; padding-left: 20px; text-align: left; float: right; }

/* == PAGE CONTROL (ABOVE THE FOOTER) == */
#uwwPageControl { background: #D5DFE2 url('img/tile_pagecontrol.gif') 0 0 repeat-x; min-height: 85px; border-bottom: 1px solid #fff; font-family: AllerRegular; padding-top: 10px; padding-bottom: 10px; }
#uwwPageControl li { float: left; width: 220px; text-align: left; font-size: 16px; text-transform: uppercase; margin-bottom: 5px; }
#uwwPageControl li ul {  }
#uwwPageControl li li { font-size: 12px; width: 165px; float: none; padding-left: 12px; background: url('img/li_circlearrow.png') left center no-repeat; }
#uwwPageControl li.biglist { width: 550px; }
#uwwPageControl li.biglist li { float: left; }
#uwwPageControl li a { color: #486b7a; line-height: 25px; }
#uwwPageControl li li a { color:#422d5c; line-height: 0; }

 
/* == FOOTER == */
#uwwFooter { border-top: 1px solid #000; }
#uwwFooter h4 { font: 16px AllerBold; color: #999;  text-transform: uppercase; margin-bottom: 5px; }
#uwwFooter a { text-decoration: underline; }
#uwwFooter p, #uwwFooter ul, #uwwFooter address { font-family: Verdana; font-size: 10px; line-height: 160%; }
#uwwFooter .uww1k { background: none; }
#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) {

}

/*styles for tablets*/
@media screen and (max-width: 768px), screen and (max-width: 1024px) {

}


/*styles for smart phones*/
@media screen and (max-width: 320px), screen and (max-width: 569px) {

}

/* END MEDIA QUERIES */

/*/////////////////////////////////////////////////////////*/


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@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; }
}

/* highlight white for the text next to the "LEARN?" */

#cobeNavigation li.highlight{display:block;color:#B3A7C6;}
#cobeNavigation li.highlight a{font-size:14px;font-family: AllerRegular;}
#cobeNavigation li.highlight a:hover{color:white;}
#cobeNavigation li.highlight .degree {font-size:28px;font-family: AllerBold;}