/*********************************************************************************************** 1. GENERAL 1.1 Image Headers 1.2 Forms 1.3 Links 1.4 Miscellaneous 2. GENERAL ELEMEMENTS 3. LAYOUT 3.1 Header 3.2 Content 3.3 Footer ***********************************************************************************************/ /* 1. GENERAL ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* Global reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1em; background: #7B9A70; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */ } /* misc */ ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; /* tables still need 'cellspacing="0"' in the markup */ } caption, th, td { text-align: left; font-weight: normal; } /* 1.1 Image Headers -----------------------------------------------------------------------------------------------*/ h2.knowledge { background: url(/EE/_ui/images/texts/text_knowledge_home.png) no-repeat top left; width: 173px; height: 25px; overflow: hidden; display: block; text-indent: -9999px; margin-left: -20px; margin-bottom: 10px; position: relative; z-index: 100; } h3.on-course { padding: 21px 40px 5px 19px; } /* 1.2 Forms -----------------------------------------------------------------------------------------------*/ input, textarea, select { font-family: Helvetica, Arial, Helvetica, sans-serif; } /* 1.3 Links -----------------------------------------------------------------------------------------------*/ a:link, a:visited, a:active { color: #b25614; background: inherit; text-decoration: underline; } a:hover { /*text-decoration: none;*/ } /* 1.4 Miscellaneous -----------------------------------------------------------------------------------------------*/ hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #ffffff; cursor: help; } /* 2. GENERAL ELEMENTS ----------------------------------------------------------------------------------------------- ===============================================================================================*/ .hide { position: absolute; left: -9999px; } .clear { clear: both; font-size: 0; height: 0; line-height: 0; position: relative; } /* clearfix */ .clearfix:after, .in-focus li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* 3. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ .hidden_nav { display:none; } div.header, div.footer, div.content { width: 960px;height:100%; } div.header-wrap { background: url(/EE/_ui/images/bg_header_page4.png) 0 0 repeat-x; } /*div.header-wrap { background: url(/EE/_ui/images/bg_header_page.png) 0 0 repeat-x; } div.header { background: url(/EE/_ui/images/bg_header.png) 0 0 repeat-x; height: 111px; overflow: hidden; position: relative; }*/ div.header { background: url(/EE/_ui/images/bg_header2.png) 0 0 repeat-x; height: 128px; overflow: hidden; position: relative; } div.content-wrap { background: #D9E0BF; border-bottom: 1px solid #fff;} div.content { position: relative; min-height: 350px; } div.footer-wrap { border-top: 1px solid #D9E0BF; } div.footer { padding: 25px 0 25px 40px; position: relative; } /* 3.1 Header -----------------------------------------------------------------------------------------------*/ div.header li { float: left; } div.header li a { display: block; position: relative; } /*div.header li a span { display: block; position: absolute; top: 0; left: 0; }*/ div.info-menu, div.main-menu, div.top-menu { position: absolute; } div.top-menu fieldset span { position:relative;top:-3px} div.top-menu { background: #D7B369; height: 30px; top: 0; right: -4px; } div.top-menu ul { margin: 6px 0 0 5px;} div.top-menu li form, div.top-menu li form p { float: left; color: #fff; } div.top-menu .text-input { border: 1px solid #C0A161; color: #666; height: 12px; padding: 2px; font-size: 1em;} div.top-menu .submit-btn { padding: 0 0 0 5px;position:relative;top:-2px} div.top-menu li, div.top-menu li a { color: #fff; text-decoration: none;} div.top-menu li a { display: inline; font-weight: bold; font-size: 1.1em; } div.top-menu span.separation { color: #ecdbb7; padding: 0 10px; line-height: 1.5em; font-size: 1.3em; } div.top-menu li span.separation.last-item { padding: 0; } div.top-menu li span.my-um { color: #d77127} div.info-menu { right:-19px; top: 45px;float:right; width: 500px;height:10px; } div.info-menu p { float: left; text-transform: uppercase; color: #333; margin-right: 10px; position: relative; font-size: .9em; height: 9px; width: 42px; overflow: hidden; text-indent:-9999px; } div.info-menu p span { position: absolute; top: 0; left: 0; background: url(/EE/_ui/images/texts/info_menu_for.png) no-repeat; height: 9px; width: 42px; display: block;} div.info-menu li a { color: #FEE9AA; text-transform: uppercase; height: 9px; float: left; overflow: hidden; } div.info-menu li a span { position: absolute; top: 0; left: 0; display: block; height: 9px; background-repeat: no-repeat} div.info-menu li span.separation { color: #FEE9AA; padding: 0 10px; font-size: 1.2em; float: left; position:relative;top:0px} div.info-menu li.item1 a, div.info-menu li.item1 a span { width: 96px;height:9px;} div.info-menu li.item1 a span { background: url(/EE/_ui/images/texts/info_menu_1.png);} div.info-menu li.item2 a, div.info-menu li.item2 a span { width: 94px; } div.info-menu li.item2 a span { background: url(/EE/_ui/images/texts/info_menu_2.png);} div.info-menu li.item3 a, div.info-menu li.item3 a span { width: 60px; } div.info-menu li.item3 a span { background: url(/EE/_ui/images/texts/info_menu_3.png);} div.info-menu li.item4 a, div.info-menu li.item4 a span { width: 43px; } div.info-menu li.item4 a span { background: url(/EE/_ui/images/texts/info_menu_4.png);} div.info-menu li.item5 a, div.info-menu li.item5 a span { width: 39px; } div.info-menu li.item5 a span { background: url(/EE/_ui/images/texts/info_menu_5.png);} /* info menu for graduate school */ div.info-menu li.new-students a, div.info-menu li.new-students a span { width: 75px;height:9px;} div.info-menu li.new-students a span { background: url(/EE/_ui/images/texts/info_menu_new_students.png);} div.info-menu li.current-students a, div.info-menu li.current-students a span { width: 96px; } div.info-menu li.current-students a span { background: url(/EE/_ui/images/texts/info_menu_current_students.png);} div.info-menu li.faculty a, div.info-menu li.faculty a span { width: 38px; } div.info-menu li.faculty a span { background: url(/EE/_ui/images/texts/info_menu_faculty.png);} div.main-menu { bottom: 10px; left: 40px;} div.main-menu li { margin-right: 20px; } div.main-menu li a { color: #fee9aa; text-transform: uppercase; height: 9px; overflow: hidden; font-size: 11px; text-decoration: none; } div.text-menu li a { height: auto; overflow: visible; } div.main-menu li a:hover { color: #7c4014; } div.main-menu li a span { position: absolute; top: 0; left: 0; display: block; height: 9px; background-repeat: no-repeat; background-position: top!important;} div.main-menu li a:hover span, div.main-menu li a.active span{ background-position: bottom !important} div.main-menu li.item1 a, div.main-menu li.item1 a span { width: 55px;} div.main-menu li.item1 a span { background: url(/EE/_ui/images/texts/main_menu_1.png);} div.main-menu li.item2 a, div.main-menu li.item2 a span { width: 72px;} div.main-menu li.item2 a span { background: url(/EE/_ui/images/texts/main_menu_2.png);} div.main-menu li.item3 a, div.main-menu li.item3 a span { width: 67px;} div.main-menu li.item3 a span { background: url(/EE/_ui/images/texts/main_menu_3.png);} div.main-menu li.item10 a, div.main-menu li.item10 a span { width: 57px;} div.main-menu li.item10 a span { background: url(/EE/_ui/images/texts/main_menu_10.png);} div.main-menu li.item4 a, div.main-menu li.item4 a span { width: 57px;} div.main-menu li.item4 a span { background: url(/EE/_ui/images/texts/main_menu_4.png);} div.main-menu li.item5 a, div.main-menu li.item5 a span { width: 75px;} div.main-menu li.item5 a span { background: url(/EE/_ui/images/texts/main_menu_5.png);} div.main-menu li.item6 a, div.main-menu li.item6 a span { width: 59px;} div.main-menu li.item6 a span { background: url(/EE/_ui/images/texts/main_menu_6.png);} div.main-menu li.item7 a, div.main-menu li.item7 a span { width: 95px;} div.main-menu li.item7 a span { background: url(/EE/_ui/images/texts/main_menu_7.png);} div.main-menu li.item8 a, div.main-menu li.item8 a span { width: 62px;} div.main-menu li.item8 a span { background: url(/EE/_ui/images/texts/main_menu_8.png);} div.main-menu li.item9 a, div.main-menu li.item9 a span { width: 107px;} div.main-menu li.item9 a span { background: url(/EE/_ui/images/texts/main_menu_9.png);} body.study-abroad div.main-menu { bottom: 10px; left: 40px; right: 0;} body.study-abroad div.main-menu ul li.apply { float: right;} /* main menu for graduate school */ body.graduate-school div.main-menu { bottom: 10px; left: 40px; right: 0;} body.graduate-school div.main-menu ul li.apply { float: right;} /* Logo -> Image replacement. */ div.logo { width: 220px; position: relative; } div.logo h1, div.logo h1 a, div.logo h1 a span { display: block; width: 411px; height: 97px; overflow: hidden; } /*div.logo h1, div.logo h1 a, div.logo h1 a span { display: block; width: 385px; height: 24px; overflow: hidden; } div.logo h1 { position: absolute; top: 45px; left: 20px; }*/ div.logo h1 { position: absolute; } div.logo h1 a { background: transparent; color: #ffffff; font-size: 1.5em; line-height: 1.2em; text-decoration: none; } div.logo h1 a span { position: absolute; cursor: pointer; top: 0; left: 0; z-index: 10; background: url(/EE/_ui/images/miami-newlogo-7.png) no-repeat; } body.college-of-engineering div.logo h1 a span { background: url(/EE/_ui/images/miami-newlogo-7-alt.png) no-repeat; } body.explore-the-department div.logo h1 a span { background: url(/EE/_ui/images/miami-newlogo-7-alt2.png) no-repeat; } body.information-technology div.logo h1 a span { background: url(/EE/_ui/images/miami-newlogo-7.png) no-repeat; } body.study-abroad div.logo h1 a span { background: url(/EE/_ui/images/miami-newlogo-7.png) no-repeat; z-index: 0;} body.graduate-school div.logo h1 a span { background: url(/EE/_ui/images/logo_graduate_school.jpg) no-repeat; z-index: 0;} /* 3.2 Content -----------------------------------------------------------------------------------------------*/ .orange-title { color: #b25614; } h3.orange-title a { text-decoration:none; font-size:1em} .breadcrumb { padding: 15px 0 8px 20px; background: #d9e0bf;} .breadcrumb li { float: left; color: #333 } .breadcrumb li span { padding: 0 5px;} .breadcrumb li a, .breadcrumb li a:link, .breadcrumb li a:visited, .breadcrumb li a:active { color: #666; } .page-header { width: 680px; overflow: hidden; ; background-color: #7B9A70; padding: 12px 0 8px 40px ; } /* .page-header.information-technology { width: 720px; height: 40px;} */ .page-header.information-technology h1 { color: #d9e0bf; font-size: 2.5em; font-weight: normal;line-height:.9em;} .page-header.faculty { width: 920px;} .page-header h1 { color: #d9e0bf; font-size: 2.5em; font-weight: normal;line-height:.9em; } /* emergency notification */ div.emergency-notification { position: relative; width: 918px; overflow: hidden; background-color: #F6DA4A ; padding: 10px 20px 10px 20px ; border: 1px solid #FFFFFF; } div.emergency-notification h4 { position: relative; color: black; font-size: 1.2em; font-weight: normal; line-height:1.4em; } div.emergency-notification h4 a {text-decoration: none; } /* homepage */ .main-content { min-height: 316px; padding: 0 0 0 40px; } .knowledge-box { margin-top: 30px; min-height: 284px; float: left; width: 280px; position: relative; } .knowledge-box h6 { color: #6e6e6e; position: absolute; right: 0; top: 7px;} .knowledge-box h6 a { font-size: 1em; text-decoration: none;} .photo-box { border: 1px solid #000; } div.left-col p { line-height:1.4em !important; } .photo-box img { border: 1px solid #d9e0bf; padding: 0; display: block; } .p_meta { line-height:1.4em } h6.p_meta {font-size:1.1em;padding-left:1px} .knowledge-box h3 { font-size: 1.8em; line-height: 1.3em; margin: 6px 0 5px 0;} .knowledge-box p { color: #333; line-height: 1.5em; font-size: 1.1em; margin-bottom: 5px;} .knowledge-box a { font-size: 1.1em; } /* use for alt image */ /* .flash-box { height: 314px; width: 600px; background: url(../../slides/altscreen.jpg); margin-left: 320px; } */ .flash-box { height: 314px; width: 600px; background-color: #7B9A70; margin-left: 320px; } .bottom-content { min-height: 297px; margin-top: 38px; padding-left: 40px; } .tabs-box-wrap { float: left; width: 640px; min-height: 252px; position: relative; } .tabs-box-wrap ul.tabs-side-nav { position: absolute; top: -4px; left: 445px; font-size:1.15em;} .tabs-box-wrap ul.tabs-side-nav a { text-decoration: none; line-height: 1.2em; } .tabs-box { position: relative; } .ui-tabs-hide { display: none; } .ui-tabs-nav { position: absolute; top: -30px;} .tabs-box .ui-tabs-nav li{ float: left; background-color: #C99B42; width: 212px; height: 30px!important; position: relative;font-size:15px !important } .tabs-box .ui-tabs-nav li a h3 { color: green !important;} .ui-tabs-nav li a { height: 14px; margin: 7px 19px; display: block; text-decoration: none; color: #E9EBC6} .ui-tabs-nav li.item1.ui-tabs-selected a.title { width: 150px;font-size:15px; color: #B25614 !important; padding-top:2px; margin-left:18px;} .ui-tabs-nav li.item1 a.title { width: 150px;font-size:15px !important; padding-top:3px; margin-left:19px;} .ui-tabs-nav li.item3.ui-tabs-selected a.title { width: 150px;font-size:15px; color: #B25614; } .ui-tabs-nav li.item2.ui-tabs-selected a.title { color: #B25614 !important; width: 150px;font-size:15px; margin-top:6px;padding-left:1px} .ui-tabs-nav li.item1 a h3 {font-size:15px; visibility:visible !important;} .ui-tabs-nav li.item2 a.title { width: 160px;padding-top:3px} .ui-tabs-nav li.item2.ui-tabs-selected a.title {} .ui-tabs-nav li a.title span { visibility: visible; } .tabs-box ul li a.rss { position: absolute; top: 0; right: -5px;} .ui-tabs-nav li.item1.ui-tabs-selected a.rss { margin-top:6px; padding-right: 1px;} .ui-tabs-nav li.item2.ui-tabs-selected a.rss { margin-top:6px; left: 166px;} .ui-tabs-nav li.ui-tabs-selected { border: 1px solid #fff; border-bottom: none; height: 25px; margin-bottom: -1px;background-color: #E9EBC6; } .ui-tabs-panel { height: 225px; overflow: hidden; margin-top: 30px; border: 1px solid #fff; background-color: #E9EBC6; } .tabs-box .news-col { float: left; width: 178px; padding: 28px 15px 25px 19px; } .ui-tabs-panel .news-col .photo-box { width: 58px; height: 58px; float: left; margin-right: 10px; } .ui-tabs-panel .news-co .photo-box img { border: 1px solid #e9ebc6; } .ui-tabs-panel .news-col h2.orange-title { font-size: 1.3em; padding-bottom: 10px; line-height:1.3em} .ui-tabs-panel .news-col h2.orange-title a { text-decoration:none;} .ui-tabs-panel .news-col p { float: left; color: #333; line-height: 1.4em; width: 108px; } .ui-tabs-panel .news-col p span.date { font-weight: bold;} div.news-bottom-list { padding: 12px 0 12px 19px; background-color: #decf98; position: absolute; bottom: 1px; left: 1px; width: 619px; overflow: hidden; float:left; } div.news-bottom-list ul { float: left ;} div.news-bottom-list li { color: #333; background: transparent; width: auto; list-style: disc; font-size: 1.1em; height: auto!important; width: auto; } div.news-bottom-list li.item1 { margin-right: 30px; width: 275px; line-height:1.2em; } .accordion-box { width: 240px; height: 257px; overflow: hidden;position:relative; left:40px} .accordion-box ul.ui-accordion-container li a.head { display: block; height: 18px; padding: 7px 0 0 15px; background-color: #7B9A70; border-bottom: 1px solid #E9EBC6; text-decoration: none; color: #E9EBC6!important; font-weight: bold; overflow: hidden;font-size:1.1em; } .accordion-box li div.acc-content { background-color: #E9EBC6; padding: 15px; height: 150px; overflow: hidden; margin-bottom: 0; } .accordion-box li div.acc-content p { color: #333; padding-top: 10px; line-height: 1.5em; } /* academic & research */ .full-col { float: left; width: 720px; background-color: #E9EBC6; min-height: 450px; font-size: 12px; line-height: 20px;height:100%;} .full-col.research { min-height: 550px;} .full-col p { padding-bottom: 20px;line-height:1.7} .full-col div.related { font-size: 10px; margin-left: 0px;} .full-col div.related h5{ border-bottom: 1px solid #7B9A70;height:21px;border-color:#b2c29b;margin-bottom: 4px;font-size:14px;color:#7B9A70; } .full-col div.related ul { margin-top:0px} .full-col div.related ul li { font-weight: normal;margin-left:0px; } .left-col { width: 240px; float: left; min-height: 300px; background-color: #D9E0BF!important;margin-bottom:10px} .left-col .photo-box {width: 158px; margin: 5px 0 5px 40px; position: relative; } .left-col .left-photo-box { position: relative; } .left-col .left-photo-box .photo-trans { position: absolute; width: 240px; min-height: 20px; bottom: 0; left: 0; background-color: #7b9a70; opacity: .7;} .left-col .left-bottom-box a { text-decoration: none; } .left-col h4 { color: #B25614; font-size: 13px; margin: 10px 0 5px 40px;} .left-col p {margin: 5px 0 5px 40px;width: 158px;} .left-col p.more {margin-top: 15px;color: #83837D;} .left-col p.more a { text-decoration: none; } .left-col p.more span {color: #B25614;} .left-col .ad-box { padding-left: 20px; } .left-col .ad-box h2 { font-size: 1.1em; line-height: 1.4em; font-weight: bold; padding-bottom: 10px; } .left-col .ad-box h3 { font-size: 1.3em; line-height: 1.3em; } .left-col .ad-box h3 a { text-decoration: none; } .left-col .ad-box div.photo-box { width: 58px; float: left; margin-right: 8px;} .left-col .ad-box p { padding: 6px 0; float: right; width: 110px;line-height:1.3em; } .left-col .ad-box p.more { float: right; color: #B25614; width: 110px; position:relative;} .left-col .ad-box p.more a { text-decoration: none;} .main-col { float: left; padding: 40px 40px 70px 40px; width: 400px; background-color: #E9EBC6; min-height: 450px; font-size: 12px; line-height: 20px;height:100%;} .main-col.research { min-height: 550px;} .main-col p { padding-bottom: 20px;line-height:1.7} .main-col div.related { font-size: 10px; margin-left: 0px;} .main-col div.related h5{ border-bottom: 1px solid #7B9A70;height:21px;border-color:#b2c29b;margin-bottom: 4px;font-size:14px;color:#7B9A70; } .main-col div.related ul { margin-top:0px} .main-col div.related ul li { font-weight: normal;margin-left:0px; } .right-col { width: 240px; float: left; min-height: 350px; } body.business-and-finance .right-col{ position: relative; top: -185px } .right-col div.related ul { color: #7a916a; } .right-col { width: 240px; float: left; background-color: #D9E0BF!important; min-height: 350px; } .right-col ul li { font-size: 14px; line-height: 18px; list-style-image: url(/EE/_ui/images/list.png); margin-left: 25px; margin-bottom: 6px;} .right-col ul { margin: 3px 0 40px 0; } .right-col ul li a { color: #7a916a!important; text-decoration: none!important;position:relative;top:-3px; } .right-col h5.rcol-news{ width: 160px; margin: 76px 0 0 25px; border-bottom: 1px solid !important;height:16px;border-color:#7B9A70 !important ;font-size:14px;color:#7B9A70 ;} .right-col img { position: relative; left: -2px;} .right-col p { color: #B25614; margin:10px 0 10px 26px; width: 160px; font-size: 11px; line-height: 15px; } .right-col p a { text-decoration: none;} /* faculty */ .faculty-main-col { width: 400px; padding: 22px 40px 0 40px; height: 100%; float: left; background-color: #E9EBC6; min-height: 675px; } .faculty-right-col { width: 130px; padding: 22px 15px 0 15px; background-color:#CFD9B7; float: left; min-height: 675px;height:100%; } .search-col { width: 320px; float: left; height: 100%;} .search-top-box { background-color: #BDCBA7; padding: 22px 15px;} .search-content { padding: 22px 15px;} .faculty-main-col div.news-header { font-size: 12px; width: 100px; } .faculty-main-col div.news-header h3 { position: absolute; left: 40px; cursor: default; width: 170px; height: 11px;text-indent:-9999px;margin-bottom: -19px; font-size: 14px; color: #48633f; font-weight: normal;text-indent: 0px !important;margin-top: 5px;} .faculty-main-col div.news-box { padding: 25px 0 0 0; margin-bottom: 75px;} .faculty-main-col div.news-box h2{ font-size: 20px; line-height: 1.4em; margin-bottom: 15px;padding-top:14px; } .faculty-main-col div.news-box h2 a{ text-decoration: none; } .faculty-main-col div.news-box div.photo-box { width: 117px; float: left; margin-right: 15px; margin-top: 5px; } .faculty-main-col div.news-box p { font-size: 12px; line-height: 20px; } .faculty-main-col div.news-col h4 { font-size: 13px; line-height: 17px; padding-bottom: 10px; font-weight: bold; } .faculty-main-col div.news-col h4 a { text-decoration: none; padding-bottom: 10px; } .faculty-main-col div.news-col div.photo-box {width: 58px; float: left; margin-right: 10px; } .faculty-main-col div.news-col p { margin-bottom: 30px; font-size: 10px; line-height: 14px; float: left; width: 110px; } .faculty-main-col div.news-col div.news-left-col {width: 185px; border-right: 2px solid #ded6a4; padding: 0 14px 20px 0; float: left; margin-right: 14px; } .faculty-main-col div.news-col div.news-left-col h4, .faculty-main-col div.news-col div.news-right-col h4 { font-weight:normal;} .faculty-main-col div.news-col div.news-right-col {float: right; width: 185px;} .faculty-main-col div.news-left-col p, .faculty-main-col div.news-right-col p {position:relative;top:-3px} .faculty-main-col div.news-col div.more-news { padding-bottom: 58px;} .faculty-main-col div.news-col div.more-news p { position: relative; left: 215px; font-size: 11px; line-height: 15px; padding-bottom: 6px; margin-bottom: 0px; color: #B25614; float: none; width: auto; } .faculty-main-col div.news-col div.more-news p a { text-decoration: none; } .faculty-right-col div.benefit-box { background: #dacc98; width: 140px; padding: 22px 5px 30px 15px; margin: -22px 20px 0px -15px; } .faculty-right-col div.benefit-box div.benefit-header h3 {margin-bottom:5px; font-size: 14px;color: #48633f; font-weight: normal; margin: 5px 0;} .faculty-right-col div.benefit-box p { font-size: 10px; line-height: 14px; padding-top: 10px;padding-right:4px; } .faculty-right-col div.benefit-box p a { text-decoration: none; color: #48633f; } .faculty-right-col div.publications { padding: 22px 0px; margin-bottom: 75px; } .faculty-right-col div.publications div.publications-header h3 { text-indent:0px; font-size: 14px; color: #48633f; font-weight: normal; margin: 5px 0 0 0;} .faculty-right-col div.publications h4 { font-size: 13px; line-height: 17px; padding-top: 15px; } .faculty-right-col div.publications p { line-height:14px; } .faculty-right-col div.publications h4 a { text-decoration: none; } .search-col div.search-top-box form input.go { position: relative; top: 5px; } div.search-top-box input.go {position:relative; top:6px !important} .search-col .search-top-box div.search-header h3 { font-size: 14px; color: #48633f; font-weight: normal; margin: 5px 0; text-indent:0} .search-col .search-top-box div.search-header p a { font-size: 12px; color: #48633f; font-weight: normal; margin: 5px 0; text-indent:0; text-decoration: none;} .search-content h6 { font-size: 13px; line-height: 17px; padding-bottom: 8px; font-weight: bold; } .search-content h6 a { color: #48633f; text-decoration: none; } .search-content ul { font-size: 10px; line-height: 14px; } .search-content ul li { padding-bottom: 8px; } .search-content ul li.last { margin-bottom: 15px; } .search-content ul li a { text-decoration: none; } .search-content div.search-content-left { float: left; width: 130px; margin-right: 30px; } .search-content div.search-content-right { float: right; width: 130px; } .search-content-right h6, .search-content-left h6 { font-weight:normal; color:#333 } div.photo-trans p { color:#E9EBC6;padding-top:5px;margin:0 auto;padding:5px 5px 0 5px;float:left; width:98%;line-height:1.3em} /* students */ .students-main-col { width: 420px; padding: 22px 40px 0 20px; background-color: #e9ebc6; float: left; min-height: 500px;height:100%; padding-bottom: 50px; } .students-right-col { width: 480px; float: left; min-height: 500px;} .students-right-col img { border: none !important } /* Corrects top border on right side images */ .students-main-col div.students-main-left-col { width: 200px; float: left; border-right: 2px solid #ded6a4; padding-right: 14px;} .students-main-col div.students-main-left-col p { position:relative; left: -1px;} .students-main-col div.quicklinks {background-color: #dacc98;padding: 20px 10px 20px 22px;margin-bottom: 30px;} .students-main-col div.quicklinks ul li {font-size: 1.6em; line-height: 1.3em; padding-bottom: 8px;} .students-main-col div.quicklinks ul li a { text-decoration: none;} .students-main-col div.quicklinks h3 { font-size: 1.2em; line-height: 1.3em; padding-top: 8px; margin-bottom: 5px;} .students-main-col div.quicklinks select { width: 140px;} .students-main-col div.poll h2 { font-size: 1.1em; line-height: 1.4em; font-weight: bold; padding-bottom: 10px; } .students-main-col div.poll h3 { font-size: 1.3em; line-height: 1.4em;} /* .students-main-col div.poll { padding-left: 20px; margin-bottom: 30px;} */ .students-main-col div.poll { padding-left: 0px; margin-bottom: 30px;} .students-main-col div.poll form {font-size: 1em; line-height: 1.4em;} .students-main-col div.poll .learn-more {padding-top:2px !important} .students-main-col div.poll p.clearfix { padding: 6px 0;} .students-main-col div.poll label{ float: left; width: 140px;} .students-main-col div.poll input { float: left; width: 10px;position:relative; left:-4px} .students-main-col div.poll input.submit { float: left; margin-right: 0px; padding: 6px 0px; width: 43px; height: 25px;margin-left:5px} .students-main-col div.poll p.learn-more { font-size: 1em; line-height: 1.4em;padding: 6px 0px; margin-left: 60px; margin-top: -37px;} .students-main-col div.poll p.learn-more a { text-decoration: none; font-weight: bold; line-height:1.3em} /* .students-main-col div.blog-preview { padding-left: 20px; } */ .students-main-col div.blog-preview { padding-left: 0px; } .students-main-col div.blog-preview h2 { font-size: 1.1em; line-height: 1.4em; font-weight: bold; padding-bottom: 10px; } .students-main-col div.blog-preview h3 { font-size: 1.3em; line-height: 1.3em; } .students-main-col div.blog-preview h3 a { text-decoration: none; } .students-main-col div.blog-preview div.photo-box { width: 58px; float: left; margin-right: 8px;} .students-main-col div.blog-preview p { padding: 6px 0; float: right; width: 110px;line-height:1.3em; } .students-main-col div.blog-preview p.more { float: right; color: #B25614; width: 110px; position:relative;} .students-main-col div.blog-preview p.more a { text-decoration: none;} .students-main-col div.students-main-right-col {width: 188px; float: left; border-left: 2px solid #ded6a4; margin-left: -2px; padding-left: 14px;} .students-main-col div.students-main-right-col p { color: #B25614;} .students-main-col div.students-main-right-col p a {text-decoration: none;} .students-main-col div.events { border-bottom: 1px solid #ded6a4; margin: 0 0 13px 0; padding-bottom: 20px;} .students-main-col div.events div.header-events h2 { color:#48633f; font-size:17px; line-height: 1.25em; padding-bottom: 10px;} .students-main-col div.events div.header-event-spotlight h3 { background-color: #C99B42; width: 185px; padding: 7px 0 0 0; color: #C99B42; position: relative;} .students-main-col div.events div.header-event-spotlight h3 span { background: url(/EE/_ui/images/texts/text_spotlight.png) no-repeat; width: 71px; position: absolute; left: 5px; height: 11px;} .students-main-col div.events div.photo-box { width: 183px; margin-bottom: 15px; } .students-main-col div.events h3 { font-size: 1.3em; line-height: 1.5em; padding: .2em 0; } .students-main-col div.events a, .students-main-col div.event-list a { text-decoration: none; } .students-main-col div.event-list { border-bottom: 1px solid #ded6a4; padding-bottom: 20px; margin-bottom: 10px; } .students-main-col div.event-list h2 {font-size: 1.3em; line-height: 1.5em; padding: 0; } .students-main-col div.event-list h6 { font-size: 1.1em; line-height: 1.5em; font-weight: bold; padding-bottom: 3px; margin-top:15px; } .students-main-col div.event-list ul { padding-bottom: 20px;} .students-main-col div.event-list ul li.info { line-height: 1.5em;} p.bot_event_links { margin-bottom:5px;} .students-right-col div.photo-box { width: 480px; overflow: hidden; border: none; position: relative;} .students-right-col div.photo-box div.photo-trans { background-color:#7B9A70; min-height: 20px; width:480px; bottom: 0; position: absolute; opacity: 0.7} .students-right-col .tabs-box-wrap { width: 440px; margin: 20px; position: relative; } .students-right-col .ui-tabs-nav ul li { float: left; background-color: #D29D40; height: 30px!important; position: relative; } .students-right-col .ui-tabs-nav li a { height: 14px; margin: 7px 10px; display: block; text-decoration: none; } .students-right-col .ui-tabs-nav li.item1 { width: 160px;height:222px;} .students-right-col .ui-tabs-nav li.item2 { width: 129px;} .students-right-col .ui-tabs-nav li.item3 { width:105px;} .students-right-col .ui-tabs-nav li.item1 a.title {width: 170px;padding-top:0px;line-height:1.0em; } .students-right-col .ui-tabs-nav li.item1 span { position:relative; right:7px;} .students-right-col .ui-tabs-nav li.item2 a.title {width: 118px;padding-top:0px;line-height:1.0em; } .students-right-col .ui-tabs-nav li.item3 a.title {width: 95px;padding-top:0px;line-height:1.0em; } .students-right-col .ui-tabs-nav li.ui-tabs-selected { border: 1px solid #fff; border-bottom: none; height: 22px; ;background-color: #E9EBC6;line-height:.5em} .students-right-col .ui-tabs-nav li.mid { border-left: 1px solid #fff; border-right: 1px solid #fff;} .students-right-col .ui-tabs-panel { margin-top: 30px; border: 1px solid #fff; background-color: #E9EBC6; padding: 5px 20px 20px 20px; height: auto; } .students-right-col .list-left { float: left; width: 185px; margin-right: 26px;} .students-right-col .list-right { float: right; width: 185px; } .students-right-col div.ui-tabs-panel h6 { font-size: 1.3em; line-height: 1.2em; padding-top: 15px; } .students-right-col div.ui-tabs-panel h6 a { text-decoration: none; color: #4e6d43; } .students-right-col div.ui-tabs-panel ul li { font-size: 1em; line-height: 1.4em;padding-top: 5px; background: transparent;} .students-right-col div.ui-tabs-panel ul li a {text-decoration: none;} /* benefits Administration */ body.admin div.content-wrap {background:#D9E0BF url(/EE/_ui/images/bg/benefits-administration.png) repeat-y top left;} .main-col.benefits-administration { padding-bottom: 40px; } p.large { font-size: 15px; line-height: 26px; color: #333333; margin: 0 0 20px 0; padding: 0; } .main-col.benefits-administration dl dt { color: #b25614; border-top: 1px solid #b2c29b; width: 140px; float: left; display: block; padding: 5px 20px 5px 0; } .main-col.benefits-administration dl dt h3 { display: inline; width: auto; } .main-col.benefits-administration dl dd { border-top: 1px solid #b2c29b; width: 240px; float: left; display: block; padding: 5px 0 10px; } .main-col.benefits-administration h2 { font-size: 1.2em; line-height: 1.6em; color: #366732; margin: 0; padding-bottom: 5px; } /* announcements */ .right-col p.sep { border-bottom: 1px solid #c6d2af; padding-bottom: 10px; } /* page header */ .page-header h1 span { font-size: 13px; margin: 0 0 5px 0; padding: 0; display: block; } /* left-col */ .left-col.left-col-images { margin-bottom: 0; } /* page-intro */ .mission-statement { background: #b3812f url(/EE/_ui/images/bg_mission_statement.png) no-repeat top right; width: 640px; padding: 28px 40px; border-top: 1px solid #e9ebc6; } .mission-statement p { font-size: 1.7em; line-height: 1.8em; color: #ffffff; } /* page-banner */ .page-banner { background: #b3812f url(/EE/_ui/images/ww_header.jpg) no-repeat top right; width: 720px; height:240px; border-top: 1px solid #e9ebc6; border-bottom: 1px solid #e9ebc6;} /* college/school page */ /* .flash-box-alt { height: 314px; width: 600px; background: url(../../slides/altscreen.jpg); margin-left: 0; float: left; } */ .flash-box-alt { height: 316px; width: 600px; background-color: #7B9A70; margin-left: 0; float: left; } .explore-left-col { width: 600px; float: left; } .explore-left-col .flash-box-alt { float: none; } body.college-of-engineering .main-content-alt { min-height: auto; height: 316px; overflow: hidden; } .mission-area { float: right; width: 310px; background: #aec469 url(/EE/_ui/images/bg_mission_area.jpg) no-repeat top left; padding: 85px 30px 30px 20px; height: 201px; overflow: hidden; } .mission-area p { font-size: 1.8em; line-height: 1.5em; color: #ffffff; margin: 0; padding: 0; } .mission-area p a, .mission-area p a:link, .mission-area p a:visited, .mission-area p a:active { text-decoration: underline; color: #495c43; } .college { background: #e9ebc6; } .college-of-engineering-news-and-events { clear: left; padding: 25px 20px 40px 40px; width: 540px; background: #d9e0bf; float: left; } .select-education { float: left; width: 180px; margin-right: 20px; } .select-education select { width: 160px; background: #f1f2db; line-height: 1; font-size: 12px; } .select-education p { margin-bottom: 10px; } .news { float: left; width: 160px; margin-right: 20px; } .news h2 { color: #666; font-size: 18px; padding: 2px 0 15px; margin: 0; } .news .news-col { margin-bottom: 30px; } .news .news-col-last { margin-bottom: 23px; } .news .news-col h3.orange-title { font-size: 1.3em; line-height:1.5em; color: #b25634; padding-bottom: 5px; } .news .news-col h3.orange-title a { text-decoration: none; } .news .news-col p { color: #333; line-height: 1.4em; padding: 0; } .news .news-col p span.date { font-weight: bold; } .news p.more, .events p.more { border-top: 1px solid #c0ceab; padding: 11px 0 0 0; line-height: 1; } .news p.more a, .events p.more a { text-decoration: none; } .events { float: left; width: 185px; } .events h2 { color: #666; font-size: 18px; padding: 2px 0 15px; margin: 0; } .events h3 {font-size: 1.3em; line-height: 1.5em; padding: 0; color: #b25634; } .events h3 a, .events h3 a:link, .events h3 a:visited, .events h3 a:active { text-decoration: none; } .events h6 { font-size: 1.1em; line-height: 1.5em; font-weight: bold; padding-bottom: 3px; } .events ul { padding-bottom: 25px; } .events ul.last { padding-bottom: 23px; } .events ul li.info { line-height: 1.5em; } .in-focus { float: left; width: 300px; padding: 23px 40px 40px 20px; background: #e9ebc6; } .in-focus h2 { color: #b25615; font-size: 22px; line-height: 22px; padding: 0 0 25px; } .in-focus ul li div.image { margin: 0 10px 0 20px; width: 79px; float: left; } .in-focus ul li div.image img { display: block; padding: 1px; border: 1px solid #010101; } .in-focus ul li div.desc { width: 190px; float: left; } .in-focus ul li div.desc h3 { font-size: 1.3em; line-height:1.5em; color: #b25634; padding-bottom: 5px; margin-top: -4px;} .in-focus ul li div.desc h3 a { text-decoration: none; } .in-focus ul li div.desc p { color: #333; line-height: 1.4em; padding: 0 0 30px; } /* explore the department */ .content-explore { background: url(/EE/_ui/images/bg_explore.png) repeat-y top left; } .explore-col-left-wrap { padding: 25px 40px 40px 40px; background: #e9ebc6; } .related-programs { float: left; width: 160px; margin-right: 20px; } .related-programs h2 { font-size: 10px; font-weight: bold; margin: 0 0 10px; padding: 0; } .related-programs p { font-size: 13px; line-height: 18px; margin: 0; padding:0 0 8px 0; } .related-programs a { text-decoration: none; } .explore-col-left-wrap .in-focus { width: 320px; padding: 0; } .explore-col-left-wrap .in-focus ul li { clear: left; } .explore-col-left-wrap .in-focus ul li div.image { width: 119px; margin-right: 15px; } .explore-col-left-wrap .in-focus ul li div.desc { width: 164px; } .explore-col-right { width: 310px; float: left; padding: 25px 30px 60px 20px; border-top: 60px solid #7b9a70; font-size: 1.1em; line-height: 1.4em; } .explore-col-right p.large a { font-size: 12px; line-height: 20px; margin: 10px 0 0 0; padding: 0; display: block; } .explore-col-right p.learn-more { font-size: 1.2em; line-height: 1.5em; padding: 0; margin: 0; } .explore-col-right .contact-left { float: left; width: 140px; margin-right: 30px; } .explore-col-right .contact-right { float: left; width: 140px; } .explore-col-right h3 { font-size: 15px; line-height: 18px; margin: 40px 0 10px 0; padding-bottom: 5px; } .explore-col-right .contact-left h4, .explore-col-right .contact-right h4 { font-size: 10px; line-height: 15px; font-weight: bold; margin: 0; padding: 0; } .explore-col-right .contact-left p, .explore-col-right .contact-right p { font-size: 10px; line-height: 15px; margin: 0 0 20px; padding: 0; } /* information technology landing page */ body.information-technology div.content-wrap {#D9E0BF none repeat scroll 0 0; border-bottom: 1px solid #FFFFFF;} body.information-technology .main-content {#CFD9B7 none repeat scroll 0 0; min-height: auto; overflow: hidden;width: 720px; padding: 0;} body.information-technology .main-content-left {#CFD9B7 none repeat scroll 0 0; float: left; min-height: auto; width: 480px; padding: 0;} body.information-technology .main-content-right {#CFD9B7 none repeat scroll 0 0; float: right; min-height: auto; overflow: hidden;width: 240px; padding: 0;} body.information-technology .right-col { width: 240px; float: right; min-height: 350px; } body.information-technology .left-tabs-col { width: 450px; padding: 22px 15px 0 15px; float: left; height:100%; } body.information-technology .right-news-col { width: 240px; padding 0; background-color: #e9ebc6; float: left; height:415px; } body.information-technology .photo-box { height: 305px; width: 480px; background: #495c43 no-repeat top left; margin-left: 0; float: left; overflow: hidden; position: relative; border: none; } body.information-technology .photo-box div.photo-trans { background-color:#7B9A70; min-height: 20px; width:480px; bottom: 0; position: absolute; opacity: 0.7} body.information-technology .photo-box img { border: none;} body.information-technology .announcements { float: right; width: 200px; background: #aec469 no-repeat top left; padding: 20px; height: 150px; overflow: hidden; } body.information-technology .announcements h5.rcol-news{ border-bottom: 1px solid !important;height:18px;border-color:#FFFFFF !important ;font-size:16px;color:#FFFFFF ;} body.information-technology .announcements p { color: #B25614; margin:10px 0 10px 0; width: 200px; font-size: 14px; line-height: 16px; } body.information-technology .announcements p a, .mission-area p a:link, .mission-area p a:visited, .mission-area p a:active { text-decoration: none;} body.information-technology .announcements h6.rcol-news{ height:14px;font-size:12px;color:#4E6D43 ;} body.information-technology .contact { float: right; width: 200px; background: #aec469 no-repeat top left; padding: 0 20px; height: 115px; overflow: hidden; } body.information-technology .contact p { color: #B25614; margin:10px 0 10px 0; width: 200px; font-size: 12px; line-height: 14px; } body.information-technology .left-tabs-col .tabs-box-wrap { width: 410px; margin: 20px; position: relative; } body.information-technology .left-tabs-col .ui-tabs-nav ul li { float: left; background-color: #D29D40; height: 30px!important; position: relative; } body.information-technology .left-tabs-col .ui-tabs-nav li a { height: 14px; margin: 7px 10px; display: block; text-decoration: none; } body.information-technology .left-tabs-col .ui-tabs-nav li.item1 { width: 120px;height:222px;} body.information-technology .left-tabs-col .ui-tabs-nav li.item2 { width: 120px;} body.information-technology .left-tabs-col .ui-tabs-nav li.item3 { width:120px;} body.information-technology .left-tabs-col .ui-tabs-nav li.item1 a.title {width: 100px;padding-top:0px;line-height:1.0em; } body.information-technology .left-tabs-col .ui-tabs-nav li.item1 span { position:relative; right:7px;} body.information-technology .left-tabs-col .ui-tabs-nav li.item2 a.title {width: 100px;padding-top:0px;line-height:1.0em; } body.information-technology .left-tabs-col .ui-tabs-nav li.item3 a.title {width: 100px;padding-top:0px;line-height:1.0em; } body.information-technology .left-tabs-col .ui-tabs-nav li.ui-tabs-selected { border: 1px solid #fff; border-bottom: none; height: 22px; ;background-color: #E9EBC6;line-height:.5em} body.information-technology .left-tabs-col .ui-tabs-nav li.mid { border-left: 1px solid #fff; border-right: 1px solid #fff;} body.information-technology .left-tabs-col .ui-tabs-panel { margin-top: 30px; border: 1px solid #fff; background-color: #E9EBC6; padding: 5px 20px 20px 20px; height: auto; } body.information-technology .left-tabs-col .ui-tabs-panel p { color: #B25614; margin:10px 0 10px 0; font-size: 12px; line-height: 14px; } body.information-technology .left-tabs-col .ui-tabs-panel ul li { color: #B25614; margin:10px 0 10px 0; font-size: 12px; line-height: 14px; } body.information-technology .left-tabs-col .left-photo-box { float: left; width: 174px; margin-right: 15px;} body.information-technology .left-tabs-col .left-photo-box img { float: left; margin-right: 15px; } body.information-technology .left-tabs-col .list-left { float: left; width: 174px; margin-right: 15px;} body.information-technology .left-tabs-col .list-right { float: right; width: 174px; } body.information-technology .left-tabs-col div.ui-tabs-panel h6 { font-size: 1.3em; line-height: 1.2em; padding-top: 15px; } body.information-technology .left-tabs-col div.ui-tabs-panel h6 a { text-decoration: none; color: #4e6d43; } body.information-technology .left-tabs-col div.ui-tabs-panel ul li { font-size: 1em; line-height: 1.4em;padding-top: 5px; background: transparent;} body.information-technology .left-tabs-col div.ui-tabs-panel ul li a {text-decoration: none;} body.information-technology .right-news-col .in-focus { float: left; width: 200px; padding: 23px 40px 40px 20px; background: #e9ebc6; } body.information-technology .right-news-col .in-focus h2 { border-bottom: 2px solid !important; color: #b25615; font-size: 22px; line-height: 30px; margin-bottom: 30px; padding: 0 0 0px; } body.information-technology .right-news-col .in-focus ul li div.image { margin: 0 10px 0 20px; width: 79px; float: left; } body.information-technology .right-news-col .in-focus ul li div.image img { display: block; padding: 1px; border: 1px solid #010101; } body.information-technology .right-news-col .in-focus ul li div.desc { width: 190px; float: left; } body.information-technology .right-news-col .in-focus ul li div.desc h3 { font-size: 1.3em; line-height:1.5em; color: #b25634; padding-bottom: 25px; margin-top: -4px;} body.information-technology .right-news-col .in-focus ul li div.desc h3 a { text-decoration: none; } body.information-technology .right-news-col .in-focus ul li div.desc p { color: #333; line-height: 1.4em; padding: 0 0 30px; } /* graduate school landing page*/ body.graduate-school .flash-box-alt { height: 316px; width: 600px; background-color: #7B9A70; margin-left: 150px; float: left; } body.graduate-school .tabs-box-wrap { float: left; width: 275px; min-height: 252px; position: relative; } body.graduate-school .tabs-box-wrap ul.tabs-side-nav { position: absolute; top: -4px; left: 445px; font-size:1.15em;} body.graduate-school .tabs-box-wrap ul.tabs-side-nav a { text-decoration: none; line-height: 1.2em; } body.graduate-school .tabs-box { position: relative; } body.graduate-school .ui-tabs-hide { display: none; } body.graduate-school .ui-tabs-nav { position: absolute; top: -30px;} body.graduate-school .tabs-box .ui-tabs-nav li{ float: left; background-color: #C99B42; width: 273px; height: 30px!important; position: relative;font-size:15px !important } body.graduate-school .tabs-box .ui-tabs-nav li a h3 { color: green !important;} body.graduate-school .ui-tabs-nav li a { height: 14px; margin: 7px 19px; display: block; text-decoration: none; color: #E9EBC6} body.graduate-school .ui-tabs-nav li.item1.ui-tabs-selected a.title { width: 150px;font-size:15px; color: #B25614 !important; padding-top:2px; margin-left:18px;} body.graduate-school .ui-tabs-nav li.item1 a.title { width: 150px;font-size:15px !important; padding-top:3px; margin-left:19px;} body.graduate-school .ui-tabs-nav li.item3.ui-tabs-selected a.title { width: 150px;font-size:15px; color: #B25614; } body.graduate-school .ui-tabs-nav li.item2.ui-tabs-selected a.title { color: #B25614 !important; width: 150px;font-size:15px; margin-top:6px;padding-left:1px} body.graduate-school .ui-tabs-nav li.item1 a h3 {font-size:15px; visibility:visible !important;} body.graduate-school .ui-tabs-nav li.item2 a.title { width: 160px;padding-top:3px} body.graduate-school .ui-tabs-nav li.item2.ui-tabs-selected a.title {} body.graduate-school .ui-tabs-nav li a.title span { visibility: visible; } body.graduate-school .tabs-box ul li a.rss { position: absolute; top: 0; right: -5px;} body.graduate-school .ui-tabs-nav li.item1.ui-tabs-selected a.rss { margin-top:6px; padding-right: 1px;} body.graduate-school .ui-tabs-nav li.item2.ui-tabs-selected a.rss { margin-top:6px; left: 166px;} body.graduate-school .ui-tabs-nav li.ui-tabs-selected { border: 1px solid #fff; border-bottom: none; height: 25px; margin-bottom: -1px;background-color: #E9EBC6; } body.graduate-school .ui-tabs-panel { height: 540px; overflow: visible; margin-top: 30px; margin-bottom: 30px; border: 1px solid #fff; background-color: #E9EBC6; } body.graduate-school .tabs-box .news-col { float: left; width: 178px; padding: 28px 15px 25px 19px; } body.graduate-school .ui-tabs-panel .news-col .photo-box { width: 58px; height: 58px; float: left; margin-right: 10px; } body.graduate-school .ui-tabs-panel .news-co .photo-box img { border: 1px solid #e9ebc6; } body.graduate-school .ui-tabs-panel .news-col h2.orange-title { font-size: 1.3em; padding-bottom: 10px; line-height:1.3em} body.graduate-school .ui-tabs-panel .news-col h2.orange-title a { text-decoration:none;} body.graduate-school .ui-tabs-panel .news-col p { float: left; color: #333; line-height: 1.4em; width: 108px; } body.graduate-school .ui-tabs-panel .news-col p span.date { font-weight: bold;} body.graduate-school .multimedia { width: 140px; float: left; font-size: 0.833em; line-height: 1.667em; padding-left: 50px; } body.graduate-school .multimedia a { text-decoration: none } body.graduate-school .multimedia h3 { margin: 0 0 0; color: #4e6d43; font-size: 1.6em; font-weight: normal; line-height: 1.25em; } body.graduate-school .multimedia .featured { margin: 0 0 10px; border-bottom: 1px solid #ded6a4; padding: 0 0 20px; font-size: 1.3em; line-height: 1.384em; } body.graduate-school .multimedia .featured img { margin: 20px 0 4px; border: 1px solid #000; padding: 1px; display: block; } body.graduate-school .multimedia .featured em { font-style: normal; color: #333; font-size: 0.833em; } body.graduate-school .multimedia h4 { font-size: 1.1em; font-weight: bold; line-height: 1.667em; margin-top: -3px; } body.graduate-school .multimedia ul { margin: 0; padding: 0; } body.graduate-school .multimedia ul li { list-style: outside none none; } body.graduate-school .multimedia ul li a { font-size: 1.3em; } body.graduate-school .multimedia li { margin: 0 0 15px; } /* study abroad landing page*/ body.study-abroad .news-and-events { clear: left; padding: 25px 20px 40px 40px; width: 540px; background: #d9e0bf; float: left; } body.study-abroad .news { float: left; width: 160px; margin-right: 20px; } body.study-abroad .news h2 { color: #666; font-size: 18px; padding: 2px 0 15px; margin: 0; } body.study-abroad .news .news-col { margin-bottom: 30px; } body.study-abroad .news .news-col-last { margin-bottom: 23px; } body.study-abroad .news .news-col h3.orange-title { font-size: 1.3em; line-height:1.5em; color: #b25634; padding-bottom: 5px; } body.study-abroad .news .news-col h3.orange-title a { text-decoration: none; } body.study-abroad .news .news-col p { color: #333; line-height: 1.4em; padding: 0; } body.study-abroad .news .news-col p span.date { font-weight: bold; } body.study-abroad .news p.more, .events p.more { border-top: 1px solid #c0ceab; padding: 11px 0 0 0; line-height: 1; } body.study-abroad .news p.more a, .events p.more a { text-decoration: none; } body.study-abroad .events { float: left; width: 160px; margin-right: 20px; } body.study-abroad .events h2 { color: #666; font-size: 18px; padding: 2px 0 15px; margin: 0; } body.study-abroad .events h3 {font-size: 1.3em; line-height: 1.5em; padding: 0; color: #b25634; } body.study-abroad .events h3 a, .events h3 a:link, .events h3 a:visited, .events h3 a:active { text-decoration: none; } body.study-abroad .events h6 { font-size: 1.1em; line-height: 1.5em; font-weight: bold; padding-bottom: 3px; } body.study-abroad .events ul { padding-bottom: 25px; } body.study-abroad .events ul.last { padding-bottom: 23px; } body.study-abroad .events ul li.info { line-height: 1.5em; } body.study-abroad .select-education { float: left; margin-right: 0; width: 180px; } body.study-abroad .select-education h2 { color: #666; font-size: 18px; padding: 2px 0 15px; margin: 0; } body.study-abroad .select-education select { width: 160px; background: #f1f2db; line-height: 1; font-size: 12px; } body.study-abroad .select-education p { margin-bottom: 10px; } body.study-abroad .in-focus { float: left; width: 300px; padding: 23px 40px 40px 20px; background: #e9ebc6; } body.study-abroad .in-focus h2 { color: #b25615; font-size: 22px; line-height: 22px; padding: 0 0 25px; } body.study-abroad .in-focus ul li div.image { margin: 0 10px 0 20px; width: 79px; float: left; } body.study-abroad .in-focus ul li div.image img { display: block; padding: 1px; border: 1px solid #010101; } body.study-abroad .in-focus ul li div.desc { width: 190px; float: left; } body.study-abroad .in-focus ul li div.desc h3 { font-size: 1.3em; line-height:1.5em; color: #b25634; padding-bottom: 5px; margin-top: -4px;} body.study-abroad .in-focus ul li div.desc h3 a { text-decoration: none; } body.study-abroad .in-focus ul li div.desc p { color: #333; line-height: 1.4em; padding: 0 0 30px; } /* canes community landing page */ body.canes-community .main-col { padding: 40px 40px 80px; width: 640px; } body.canes-community .outreach-spotlight { padding: 0 0 50px; width: 640px; border-bottom: 2px solid #ded6a4;} body.canes-community .areas-of-interest { padding: 0 0 50px; width: 640px; } body.canes-community .areas-of-interest .areas-of-interest-left { padding: 0 0 50px; width: 300px; float: left; border-right: 2px solid #ded6a4; padding-right: 20px;} body.canes-community .areas-of-interest .areas-of-interest-right { padding: 0 0 50px; width: 300px; float: right; } body.canes-community .outreach-students .main-col-right { width: 200px; float: left; border-right: 2px solid #ded6a4; padding-right: 14px;} body.canes-community .news-header { font-size: 12px; width: 540px; } body.canes-community .news-header h2 { color: #666; font-size: 20px; padding: 2px 0 15px; margin: 0; } body.canes-community .news-box { padding: 25px 0 0 0; margin-bottom: 75px;} body.canes-community .news-box h2{ font-size: 20px; line-height: 1.4em; margin-bottom: 0; padding-top:14px; } body.canes-community .news-box h2 a{ text-decoration: none; } body.canes-community .news-box h3{ font-size: 14px; line-height: 1.4em; margin: 0 0 14px; padding-top: 0; } body.canes-community .news-box h3 a{ text-decoration: none; } body.canes-community .news-box .photo-box { width: 242px; float: left; margin-right: 15px; margin-top: 5px; } body.canes-community .news-box p { font-size: 12px; line-height: 20px; } body.canes-community .related .photo-box { width: 58px; float: left; margin-right: 15px; margin-top: 5px; } body.canes-community .related h4 { font-size: 12px; line-height: 16px; padding-bottom: 5px; } body.canes-community .related p { font-size: 10px; line-height: 14px; } /* Search Results */ body.search-result .main-col { width: 640px; padding-bottom: 0px; overflow: hidden; } body.search-result .main-col .search-form{ background: #cfd9b7; margin-bottom: 40px; padding: 20px 20px 7px 20px; } body.search-result .main-col .search-form h4{ float: left; color: #4a6738; font-size: 15px; line-height: 15px } body.search-result .main-col .search-form .cb, body.search-result .main-col .search-form label{ float: left } body.search-result .main-col .search-form .cb{ margin: 0 3px 0 10px } body.search-result .main-col .search-form label{ margin-top: -2px; color: #333 } body.search-result .main-col .search-form .q{ clear: both; border: 1px solid #b8c1a3; padding: 1px 3px; width: 153px; float: left; margin-top: 10px } body.search-result .main-col .search-form .go{ float: left; margin:6px 5px } body.search-result .main-col .search-form .search-help{ float: left; width: 200px; margin-top: 10px; padding-left: 10px; overflow: hidden } body.search-result .main-col .search-form .search-help li{ display: inline } body.search-result .main-col .search-form .search-help li a{ float: left; padding-right: 15px; font-size: 11px; color: #333 } body.search-result .main-col .result{ padding: 0 20px 50px 20px; clear: left; overflow: hidden } body.search-result .main-col .result-found{ float: left; width: 100%; border-bottom: 1px solid #333 } body.search-result .main-col .result-found p{ float: left; width: auto; padding-bottom: 3px } body.search-result .main-col .result-found .prev-next{ float: right; margin-right: -3px } body.search-result .main-col .result-found .prev-next span{ float: left; padding: 0 5px } body.search-result .main-col .result-found .prev-next .btn-prev, body.search-result .main-col .result-found .prev-next .btn-prev span, body.search-result .main-col .result-found .prev-next .btn-next, body.search-result .main-col .result-found .prev-next .btn-next span{ position: relative; float: left; width: 21px; height: 21px; cursor: pointer; overflow: hidden } body.search-result .main-col .result-found .prev-next .btn-prev span, body.search-result .main-col .result-found .prev-next .btn-next span{ position: absolute; top:0; left: 0; float: none; background: url(/EE/_ui/images/bg_next_result.png) no-repeat } body.search-result .main-col .result-found .prev-next .btn-prev span{ background: url(/EE/_ui/images/bg_prev_result.png) no-repeat } body.search-result .main-col .result ol{ float: left; border-bottom: 1px solid #babc9e; padding-bottom: 35px } body.search-result .main-col .result ol li h3{ font-size: 15px; line-height: 20px; margin-top: 25px; padding-bottom: 3px; color: #4a6738 } body.search-result .main-col .result ol li a{ color: #b25614; text-decoration: underline } body.search-result .main-col .result ol li p{ padding: 0; line-height: 20px } body.search-result .main-col .result ol li p small{ font-size: 10px; line-height: 18px } body.search-result .main-col .result .pagination{ font-size: 12px; color: #333; padding-top: 5px; float: left } body.search-result .main-col .result .pagination a, body.search-result .main-col .result .pagination span{ float: left; padding-right: 10px; text-decoration: underline } body.search-result .main-col .result .pagination span{ text-decoration: none } /* 3.3 Footer -----------------------------------------------------------------------------------------------*/ div.footer { background-image:url(/EE/_ui/images/footer_bg.png); background-repeat: no-repeat; padding-left:250px; } div.footer address { color: #eaf1e1; font-size: 11px; line-height: 1.4em; font-style: normal; margin-bottom:11px; } div.footer address span { display:block; } div.footer ul { width:275px; } div.footer ul li { color: #d8e0b9; font-size: 1.1em; } div.footer li a { color: #d8e0b9; text-decoration: none; line-height:1.35em; } div.footer copyright { float: nonet; } body.explore-the-department div.footer { background: url(/EE/_ui/images/footer_bg_engineering.png) no-repeat 0 30px; } body.explore-the-department div.footer address { width: 315px; } body.explore-the-department div.footer div.explore { top: 77px; } /* footer for graduate school */ body.graduate-school div.footer { background: url(/EE/_ui/images/footer_bg.png) no-repeat 0 30px; } body.graduate-school div.footer address { width: 315px; } body.graduate-school div.footer div.explore { top: 44px; } body.study-abroad div.footer { background: url(/EE/_ui/images/footer_bg.png) no-repeat 0 30px; } body.study-abroad div.footer address { width: 315px; } body.study-abroad div.footer div.explore { top: 44px; } .footer-wrap { position: relative; } .footer .explore { background: #739368; width: 360px; overflow: hidden; position: absolute; right: 240px; top: 19px; } body.college-of-engineering .footer .explore { top: 14px; } .footer .explore h3 { font-size: 15px; color: #ffffff; border-bottom: 1px solid #a0b599; padding: 18px 15px 13px; line-height: 15px } .footer .explore ul { float: left; width: 100px; padding: 10px 0; } .footer .explore ul li { font-size: 13px; line-height: 15px; margin-bottom: 4px; } .footer .explore ul li a { color: #d8e0b9; text-decoration: none; } .footer .explore ul.col1 { margin-left: 15px; margin-right: 5px; } .footer .explore ul.col2 { margin-left: 5px; margin-right: 15px; } .footer .explore ul.col3 { margin-right: 5px; width: 115px; } .left-photo-box img { display: block; margin-bottom: 2px; } .left-photo-box img.last { margin-bottom: 0; } div.right-col .libraries ul {color: #7a916a; } div.right-col .libraries ul li { font-size: 14px; line-height: 18px; list-style-image: none; margin-left: 15px; margin-bottom: 6px; font-weight: bold;} div.right-col .libraries ul { margin: 3px 0 40px 0; } div.right-col .libraries ul li a { color: #7a916a!important; text-decoration: none!important;position:relative;top:-3px; } div.right-col .libraries ul li ul li { font-size: 0.9em; line-height: 1.35em; list-style-image: url(/EE/_ui/images/list.png); margin-left: 15px; font-weight: normal;} div.right-col .libraries ul li ul { margin: 8px 0 10px 0; }