/* Content Header */ #contentheader{font-size:1px;padding:2px 13px 2px 20px;position:relative;z-index:1;background:#ffffff; } /* ----------------------------------------------------------------------------------------------------- */ /* Tier 1 /* ----------------------------------------------------------------------------------------------------- */ /* Feature Area */ #featurearea{background: url(backdrop-home-bg.jpg) top left;} .tier1 #nav{margin:0 0 10px 10px;width:199px; padding: 15px 0 0 10px; float:left } .tier1 #nav ul li{padding:12px 10px 11px 0;color:#ffffff;font-family: Arial, Helvetica, sans-serif ;font-size:11px;text-transform:uppercase; font-weight:700} .tier1 #nav ul li.last{padding:12px 10px 20px 0;color:#ffffff;font-family: Arial, Helvetica, sans-serif ;font-size:11px;text-transform:uppercase; font-weight:700} .tier1 #nav ul li.special{padding:20px 10px 12px 0;color:#ffffff;font-family: Arial, Helvetica, sans-serif ;font-size:11px;text-transform:uppercase; font-weight:700; border-top: #CCC solid 1px} .tier1 #nav ul li a{color:#ffffff;text-decoration:none;} .tier1 #nav ul li ul li{border-bottom:none;padding:0;color:#83c4fd;font-family: Arial, Helvetica, sans-serif;color:#83c4fd;font-size:10px;text-transform:none} .tier1 #nav ul li ul li a{color:#83c4fd;text-decoration:none;} #feature{top:0;right:0; float:left; margin: 0 0 0 10px} /*-------------banner ----*/ #banner_container { width:725px;height:434px;position:relative; background:#000 } #banner_window { width:725px;height:434px; overflow: hidden; } #banners { position:relative;width:10000px; } #banners img{ border: 0; } #banners .banner_item{ width:725px; height: 434px; float:left; margin: 0 0 0 0} #banner_container #banner_nav_container{position: absolute; top:333px; left: 550px;width: 132px; height:101px; padding: 13px 0 0 14px; } #banner_nav_container ul{ list-style: none; margin: 5px 0 0 0} #banner_nav_container ul li{ float: left; background:url(banner_nav.png) no-repeat 0px 0px; width: 11px; height: 11px; padding: 0 8px 0 0; cursor:pointer; } .feature_caption{ width: 685px; height: 60px; background:url(black-transparent.png) repeat; position:absolute; padding: 5px 0 0 10px; } .feature_caption h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color: #FFF; font-weight:normal; padding: 0 0 4px 0} .feature_caption .description{ width: 450px} .feature_caption p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #FFF; line-height: 14px;} .feature_caption a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3d96e0; text-transform:uppercase; text-decoration:none; padding: 0 0 0 2px; font-weight:700} .feature_caption a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3d96e0; text-transform:uppercase; text-decoration:none; padding: 0 0 0 2px; font-weight:700} .feature_caption a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3d96e0; text-transform:uppercase; text-decoration:underline; padding: 0 0 0 2px; font-weight:700} #feature_caption1{ top: 370px; left:15px} #feature_caption2{ top: 370px; left:740px} #feature_caption3{ top: 370px; left:1465px} #feature_caption4{ top: 370px; left:2190px} #feature_caption5{ top: 370px; left:2915px} #tooltip_container div img{width:90px; margin: 0 0 0 0; padding:0px 0 0 0; border: 2px solid #b6291f } #tooltip_container div{display:none;width:100px; float: left} #tooltip_container{ /*position: absolute; top: -175px; left:-710px; width:90px; height:70px*/ width: 90px; height: 60px; } /*-------------banner END----*/ /* Content Area */ #homecontentarea{} .column{width:235px; height: 391px; float:left; border-right: solid 1px #CCC; margin: 10px 5px 0 0} .column .content{ height:196px; width: 232px} .column .content h3{ margin: 15px 15px 15px 15px; font-family:Arial, Helvetica, sans-serif; color:#072f5d; font-size:18px; height: 32px} .column .content p{ margin: 0 12px 0 12px; font-family:Arial, Helvetica, sans-serif; color: #333; font-size:11px; line-height: 16px} .content ul{} .content ul li{ padding: 0 0 10px 0} .content a.date:link{ font-family:Arial, Helvetica, sans-serif; color: #072f5d; font-size:11px; text-decoration:none; font-weight:bold} .content a.date:visited{ font-family:Arial, Helvetica, sans-serif; color: #072f5d; font-size:11px; text-decoration:none; font-weight:bold} .content a.date:hover{ font-family:Arial, Helvetica, sans-serif; color: #072f5d; font-size:11px; text-decoration:underline; font-weight:bold} .content a.even_title:link{ font-family:Arial, Helvetica, sans-serif; color: #333; font-size:11px; text-decoration:none; font-weight:bold} .content a.even_title:visited{ font-family:Arial, Helvetica, sans-serif; color: #333; font-size:11px; text-decoration:none; font-weight:bold} .content a.even_title:hover{ font-family:Arial, Helvetica, sans-serif; color: #333; font-size:11px; text-decoration:underline; font-weight:bold} .column#column4{ margin: 10px 0 0 2px !important; border-right: none; width:210px} #column4 .dark_gray{ width: 193px; height: 23px; text-align:right; margin: 3px 0 0 0; padding: 0 36px 14px 0} #column4 a:link{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none } #column4 a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none } #column4 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration: underline } #column4 span.bold{ font-weight: bold !important} #column4 .light_gray{ width: 219px; height: 165px; background: #999999; padding: 0 0 0 10px; margin: 3px 0 0 0} #column4 .light_gray div{ background:url(news-bar-light-gray.png) no-repeat; width:182px; height: 24px; text-align: right; padding: 14px 27px 0 0 } #column4 .dark_gray_social{ background:url(news-bar-notext.png) no-repeat; width: 219px; height: 31px; text-align:right; margin: 3px 0 0 0; padding: 6px 10px 0 0} /* ----------------------------------------------------------------------------------------------------- */ /* Tier 2+ /* ----------------------------------------------------------------------------------------------------- */ #path{ font-family:Arial, Helvetica, sans-serif; font-size:10px; margin: 5px 0 5px 0; color:#666} /* Content Area */ #contentarea{background: #eeeeee} #topbar{background: url(backdrop-bg.jpg) top left repeat-y;height:12px;} #leftcolumn{width:214px;float:left;} #navarea{background: url(backdrop-bg.jpg) top left repeat-y;} #quicklinks{border-bottom:1px solid #2b5e93;padding:0 0 10px 0;margin:0 0 10px 10px} #quicklinks select{font-size:9px;color:#000000;width:165px;} .tier2 #nav{margin:0 0 0 19px;padding:20px 0 29px 0} .tier2 #nav ul li{border-bottom:1px solid #2e6094;padding:8px 0;} .tier2 #nav ul li a{color:#ffffff;text-decoration:none;font-family: Arial, Helvetica, sans-serif ;font-size:11px;text-transform:uppercase; font-weight:700;} .tier2 #nav ul li a:hover{color:#83c4fd;} .tier2 #nav ul li ul{display:none;} .tier2 #nav #nav-loyolalaw{display:none;} /* Hide Loyola Law nav link from tier2 */ #leftcolumn #quick_link{ color:#666; margin: 20px 0 20px 10px} #leftcolumn #quick_link #quick_link_dropdown{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#333; margin: 7px 0 0 0} #featured{ margin: 46px 22px 20px 22px } #featured p{ text-align:right; font-style:italic; color: #333; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin: 10px 0 10px 0; line-height: 14px} .tier3 #autonav{margin:0 0 0 19px;padding:0 0 10px 0} .tier3 #autonav ul li{border-bottom:1px solid #2e6094;padding:8px 0;} .tier3 #autonav ul li a{color:#ffffff;text-decoration:none;font-family: Arial, Helvetica, sans-serif ;font-size:11px; text-transform:uppercase; font-weight:700;} .tier3 #autonav ul li a:hover{color:#83c4fd;} .tier3 #autonav ul li ul{display:none;} .tier3 #nav {margin:0 0 0 9px;padding:0 0 15px 0} .tier3 #nav a.headerCssClass {display: block;font: normal 11px Georgia, Verdana, Arial, Helvetica, sans-serif;color: #ffffff !important;text-decoration: none;padding: 4px 0 4px 10px;} .tier3 #nav a.headerCssClassSelected{display: block;font: normal 11px Georgia, Verdana, Arial, Helvetica, sans-serif;color: #0267cd;text-decoration: none;padding: 4px 0 4px 10px;background:#ffffff;} .tier3 #nav a.itemCssClass{display: block;font: normal 11px Arial, Helvetica, sans-serif;color: #666666 !Important;text-decoration: none;padding: 5px 0 5px 20px;background:#ffffff;} .tier3 #nav a.itemCssClassSelected{display: block;font: normal 11px Arial, Helvetica, sans-serif;color: #666666;text-decoration: none;padding: 5px 0 5px 20px;background: #ffffff;} #quote{line-height:1.3em;margin:0 auto;font-size:11px;background: #dfdfdf;color:#666666;} #quote #quote-photo{margin:0;padding:0} #quote blockquote{background: url(quote.gif) 10px 0 no-repeat;padding:0 25px 0 40px;text-align:right;margin:0 0 10px 0;} #quote #quote-attribute{font-family: Arial, Helvetica, sans-serif ;text-align:right;padding:0 25px 0 0} #quote #quote-attribute strong{color:#000000;font-size:14px;font-weight:normal} #quote #quote-attribute em{font-size:12px;color:#666666;} #content_wrapper{ width: 740px; float:left; background:#ffffff;} #content{width:676px;ackground:#ffffff;line-height:1.4em;padding:25px 32px 40px 32px;color:#333;} #content a{color:#0f76cf;text-decoration:none;} #content h1#pagetitle{ color:#b22424; font-family: Arial, Helvetica, sans-serif; font-size:22px; margin-top: 5px; margin-right: 0; margin-bottom: 10px; margin-left: 0; } #content h2{color:#194678;font-size:20px;font-family: Arial, Helvetica, sans-serif ;} #content ul{margin:15px 0;padding:0;} #content ul li{margin:0 0 3px 30px;padding:0 0 5px 23px;background: url(bullet.gif) 0 0px no-repeat;} #content #subnavtable{width:520px;border-collapse:collapse;margin:0 auto} #content #subnavtable td{padding:0;color: #666666;width:50%} #content #subnavtable td a{color: #333;text-decoration:none;} #content #subnavtable td ul li{margin:0 0 0px 5px;padding:0 0 5px 23px;} #content .pagelet-quicklinks{float:right;width:170px;border:1px solid #e5e5e5;background:#f5f5f5;padding:10px 15px;margin:10px 0 15px 20px} #content .pagelet-quicklinks-title{color:#194678;font-size:17px;font-family: Arial, Helvetica, sans-serif ;margin:0 0 5px 0} #content .pagelet-quicklinks ul{} #content .pagelet-quicklinks li{background:none;padding:0;font-size:11px;margin:0 0 3px 0px;} #content .pagelet-quicklinks li img{margin:0 0 0 8px;} #content .pagelet-quicklinks li a:hover{text-decoration:none !important;} #content .pagelet-quicklinks-with-teaser{float:right;width:170px;border:1px solid #e5e5e5;background:#f5f5f5;padding:10px 15px;margin:10px 0 15px 20px} #content .pagelet-quicklinks-title{color:#194678;font-size:17px;font-family: Arial, Helvetica, sans-serif ;margin:0 0 5px 0} #content .pagelet-quicklinks-with-teaser ul{} #content .pagelet-quicklinks-with-teaser li{background:none;padding:0;font-size:11px;margin:0 0 9px 0px; } #content .pagelet-quicklinks-with-teaser .item_title{color:#19478 !important; font-weight:700;} #content .pagelet-quicklinks-with-teaser li img{margin:0 0 0 8px;} #content .pagelet-quicklinks-with-teaser .teaser{font-size:10px} #content .pagelet-quicklinks-with-teaser li a:hover{text-decoration:none !important;} #content_left_column{ float:left; width:410px} #content_right_column{ float:left; width: 230px} /*-----------------for tier2 subpage wide--------------------------*/ #content_wide{width:832px;float:left;background:#ffffff;line-height:1.4em;padding:25px 32px 40px 32px;color:#333;border-left:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3} #content_wide a{color:#0f76cf;text-decoration:none;} #content_wide h1#pagetitle{color:#b22424;font-family: Arial, Helvetica, sans-serif ;font-size:32px;margin:15px 0 20px 0} #content_wide h2{color:#194678;font-size:20px;font-family: Arial, Helvetica, sans-serif ;} #content_wide ul{margin:15px 0;padding:0;} #content_wide ul li{margin:0 0 3px 30px;padding:0 0 5px 23px;background: url(bullet.gif) 0 0px no-repeat;} #content_wide #subnavtable{width:520px;border-collapse:collapse;margin:0 auto} #content_wide #subnavtable td{padding:0;color: #666666;width:50%} #content_wide #subnavtable td a{color: #666666;text-decoration:none;} #content_wide #subnavtable td ul li{margin:0 0 0px 5px;padding:0 0 5px 23px;} #content_wide .pagelet-quicklinks{margin:10px 0 0 0} #content_wide .pagelet-quicklinks-title{color:#194678;font-size:17px;font-family: Arial, Helvetica, sans-serif ;margin:0 0 5px 0} #content_wide .pagelet-quicklinks ul{} #content_wide .pagelet-quicklinks li{/*background:none;padding:0;font-size:11px;margin:0 0 3px 0px;*/ background: url(news-bullet.gif) 0 0 no-repeat;padding:0 0 5px 20px; margin: 0 0 0 15px} #content_wide .pagelet-quicklinks li img{margin:0 0 0 8px;} #content_wide .pagelet-quicklinks li a:hover{text-decoration:none !important;} #content_wide #inner_right_column{ float:right; width:300px;border:1px solid #e5e5e5;background:#f5f5f5;padding:10px 15px;margin:10px 0 15px 20px} #inner_right_column #featured_news{color:#b22424;font-family: Arial, Helvetica, sans-serif ;font-size:24px;margin:15px 0 20px 0} .separator{ border-bottom:#CCCCCC solid 2px; margin: 20px 15px 20px 15px; height: 2px; font-size:1px;} .small_separator{ border-bottom:#CCCCCC solid 1px; margin: 0 0 15px 0; height: 2px; font-size:1px;} #rightbar{float:left;width:13px;height:auto;background: url(backdrop-bg.jpg) top right repeat-y;} /* ----------------------------------------------------------------------------------------------------- */ /* Tier 2 Wide /* ----------------------------------------------------------------------------------------------------- */ body.childpage.tier2.wide #topbar{background: #1c5c9a} body.childpage.tier2.wide #leftbar{float:left;width:13px;height:200px;background: url(backdrop-bg.jpg) top right repeat-y;} body.childpage.tier2.wide #content{width:832px;} body.childpage.tier2.wide #rightbar{float:left;width:13px;height:200px;background: url(backdrop-bg.jpg) top right repeat-y;} /* ----------------------------------------------------------------------------------------------------- */ /* Tier 2 super Wide /* ----------------------------------------------------------------------------------------------------- */ #wide_header{width:1025px;margin:0 auto;background: url(header-bg-inside.gif);font-size:10px;color:#c1d2e4;position:relative;height:106px;} #wide_header a{color:#c1d2e4;text-decoration:none;} #wide_header h1#logo a{display:block;background: url(logo.gif) 0 0 no-repeat;width:175px;height:106px;text-indent:-2000px;} #wide_header #toolbar{position:absolute;top:13px;right:10px;} #wide_header ul{margin:4px 10px 0 0;float:left} #wide_header ul li{float:left;background: url(header-link-divider.gif) top right repeat-y;padding:0 1px 0 0} #wide_header ul li a{display:block;padding:0 11px;} #wide_header ul li strong a{color:#cad56e; font-weight:bold} #wide_header #toolbar #search{float:left;} #wide_header #toolbar #search input{vertical-align:top;} #wide_header #toolbar #search .textfield{width:120px;padding-left:4px;padding-right:4px;font-size:10px;color:#737373;border:1px solid;border-color:#858585 #c6c6c6 #c6c6c6 #858585} #wide_header #toolbar #search #searchselect{font-size:10px;color:#000000;border:1px solid;border-color:#858585 #c6c6c6 #c6c6c6 #858585} #content_superwide{width:653px;float:left;background:#ffffff;line-height:1.4em;padding:25px 32px 40px 32px;color:#666666;border-left:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3} body.childpage.tier2.wide #content_superwide{width:932px;} #wide_wrapper-content{background:#ffffff;padding:0 1px;width:1023px} /* ----------------------------------------------------------------------------------------------------- */ /* Tier 3 departmenta 2-col /* ----------------------------------------------------------------------------------------------------- */ ul#undergrad_list{} ul#undergrad_list li{ background:url(events-bullet.gif) no-repeat top left !important; padding: 0 0 5px 20px !important} ul#undergrad_list li .date{ color:#b22424} ul#undergrad_list li a:link{ color:#666666} ul#undergrad_list li a:visited{ color:#666666} ul#undergrad_list li a:hiver{ color:#666666} #leftcolumn .left_column_box{font-size:12px;color:#666666;padding:15px 12px 20px 19px;border:1px solid #CCCCCC;background:#f5f5f5;padding:0px 15px;margin:20px 15px 15px 15px; } #leftcolumn .left_column_box img{vertical-align:middle} #leftcolumn .left_column_box p{margin:0 0 10px 0; line-height: 16px; } #leftcolumn .left_column_box a{color:#0f76cf;text-decoration:none;} #leftcolumn .left_column_box a:hover{color:#0f76cf;text-decoration:none !important;} #leftcolumn .left_column_box h2{ font-family:"Times New Roman", Times, serif; font-size:20px; color:#b22424; margin: 5px 0 5px 0 } /* ----------------------------------------------------------------------------------------------------- */ /* Tier 2 - Calendar /* ----------------------------------------------------------------------------------------------------- */ body.calendar{} #calendar-updatebar{background:#f1efef;padding:5px 10px;margin:-20px -27px 10px -27px;text-align:right;font-size:9px;text-transform:uppercase} #calendar-updatebar a{color:#2f2f2f;text-decoration:none;} #calendar-updatebar img{vertical-align:middle;margin:0 4px 0 10px} #calendar-dateselect{text-align:right;margin:0 -20px 10px -20px;} #calendar-dateselect select{margin:0 0 0 5px;} #calendar-upcomingevents{background:#ffffff;border:1px solid #e6e6e6;padding:10px 5px;margin:0 10px 15px 10px} #calendar-upcomingevents h2{color:#2b2b2b;font-size:17px;font-family: Arial, Helvetica, sans-serif ;text-align:center;margin:0 0 10px 0} #calendar-upcomingevents-table{width:100%;border-collapse:collapse;} #calendar-upcomingevents-table td{padding:4px 5px;font-size:11px;color:#666666;line-height:1.2em} #calendar-upcomingevents-table td p{background: url(icon-event.gif) 0px 2px no-repeat;padding:3px 0 0 20px;margin:0;} #calendar-upcomingevents-table td p a{color:#b22424;text-decoration:none} /* ----------------------------------------------------------------------------------------------------- */ /* Tier 3 - Rotating photo /* ----------------------------------------------------------------------------------------------------- */ #slideshow { position:relative; height:310px; } #slideshow IMG.last-active { z-index:9; } #slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow IMG.active { z-index:10; opacity:1.0; } #slideshow_short { position:relative; height:188px; } #slideshow_short IMG.last-active { z-index:9; } #slideshow_short IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow_short IMG.active { z-index:10; opacity:1.0; } /*------------------------------------- Tool Box -------------------------------------------------------*/ #tools{ font-size:12px; color:#000; border:1px solid #CCCCCC; height: auto; margin-top: 30px; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; } #tools .toolbox_column{ height: 62px; float:left ; width: 60px; margin: 13px 0 0 0 } #tools .columnseparator{ height: 50px; width:1px; float:left; margin: 10px 15px 0 15px; border-left: 1px solid #EEEEEE } #tools img{vertical-align:middle} #tools p{margin:0 0 10px 0;} #tools a{color:#333;text-decoration:none;} #tools a:hover{color:#333;text-decoration:none !important;} #tools h2{ font-family:"Times New Roman", Times, serif; font-size:20px; color:#b22424; margin: 0 0 5px 0 } /*--------------------------------------Search Tool-------------------------------------------------*/ #search_tools{font-size:9px;color:#666666;padding:15px 12px 20px 19px;border:1px solid #CCCCCC;background:#f5f5f5;padding:0px 15px;margin:20px 15px 15px 15px; height: 200px;} #search_tools img{vertical-align:middle} #search_tools p{margin:0 0 10px 0;} #search_tools a{color:#666666;text-decoration:none;} #search_tools a:hover{color:#666666;text-decoration:none !important;} #search_tools h2{ font-family:"Times New Roman", Times, serif; font-size:20px; color:#b22424; margin: 0 0 5px 0 } ul#search_tool{ list-style:none} ul#search_tool li{ margin:0 0 4px 0px;padding:0 0 7px 23px;background: url(bullet.gif) 0 0px no-repeat;} ul#search_tool li a:link{ color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none} ul#search_tool li a:visited{ color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none} ul#search_tool li a:hover{ color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline !important}