/* and div#wrapper ----------------------------------------*/ body { background: url('/img/design/body.png') center top repeat-x; font: 62.5% Arial, 'Helvetica Neue', Helvetica, sans-serif; text-align: center; } #wrapper { border: solid #3e99c6; border-width: 0 1px; margin: 0 auto; text-align: left; width: 960px; } /* Commonly occuring elements ----------------------------------------*/ .links_list {} .links_list li { border-right: 1px solid #9FCCE3; display: inline; float: left; font-size: 1.2em; padding: 0 15px; } .links_list li a { color: #FFF; text-decoration: none; } .links_list li a:hover { border-bottom: 1px solid #9FCCE3; } .links_list li.last { border-right: none; } /* div#header ----------------------------------------*/ #header { background: url('/img/design/yellow_line.png') center bottom repeat-x; margin-bottom: 20px; padding: 0; } #header h1 { display: inline; float: left; padding: 20px 0 20px 20px; } #header h1 a { background: url('/img/design/college-of-the-resurrection.png') center center no-repeat; color: #FFF; display: block; height: 55px; text-indent: -10000px; width: 217px; } #header h2 { background: url('/img/design/tagline.png') center center no-repeat; display: inline; float: right; height: 38px; margin: 32px 20px 0 0; width: 573px; } #header #main_nav { clear: both; padding-left: 20px; } #main_nav li { display: inline; float: left; margin-right: 3px; } #main_nav li a { background-color: #FF0; background-image: url('/img/design/navigation.png'); background-position: left top; background-repeat: no-repeat; border-bottom: 5px solid #ff0; display: block; height: 35px; width: 112px; margin-top: 10px; } #main_nav li.home a { background-position: 0 top; } #main_nav li.about-the-college a { background-position: -112px top; } #main_nav li.formation a { background-position: -224px top; } #main_nav li.admissions a { background-position: -336px top; } #main_nav li.news-resources a { background-position: -453px top; } #main_nav li.liturgical-institute a { background-position: -560px top; } #main_nav li.support-us a { background-position: -672px top; } #main_nav li.contact-us a { background-position: -784px top; } body.home #main_nav li.home a { background-position: 0 bottom; border-color: #fff; border-width: 15px; margin-top: 0; } body.about-the-college #main_nav li.about-the-college a { background-position: -112px bottom; border-color: #fff; border-width: 15px; margin-top: 0; } body.formation #main_nav li.formation a { background-position: -224px bottom; border-color: #fff; border-width: 15px; margin-top: 0; } body.admissions #main_nav li.admissions a { background-position: -336px bottom; border-color: #fff; border-width: 15px; margin-top: 0; } body.news-resources #main_nav li.news-resources a { background-position: -453px bottom; border-color: #fff; border-width: 15px; margin-top: 0; } body.liturgical-institute #main_nav li.liturgical-institute a { background-position: -560px bottom; border-color: #fff; border-width: 15px; margin-top: 0; } body.support-us #main_nav li.support-us a { background-position: -672px bottom; border-color: #fff; border-width: 15px; margin-top: 0; } body.contact-us #main_nav li.contact-us a { background-position: -784px bottom; border-color: #fff; border-width: 15px; margin-top: 0; } /* div#sidebar ----------------------------------------*/ #sidebar { display: inline; float: left; margin: 0 10px 200px 0; padding-left: 20px; width: 210px; } #sidebar a { color: #3E99C6; text-decoration: none; } #sidebar a:hover { border-bottom: 1px solid; } #sidebar h2 { color: #3E99C6; font-size: 1.6em; line-height: 1.4; margin-bottom: 1em; } #sidebar p { font-size: 1.3em; line-height: 1.5; margin-bottom: 1.25em; } /* p.address { background: url('/img/icons/letter.png') 2px 2px no-repeat; } p.phone { background: url('/img/icons/phone.png') 2px 2px no-repeat; } p.fax { background: url('/img/icons/fax.png') 2px 2px no-repeat; } p.map { background: url('/img/icons/map.png') 2px 2px no-repeat; } */ #sidebar ul#sub_nav { width: 210px; } #sub_nav li { margin-bottom: 2px; } #sub_nav li a { background: #3E99C6; color: #FFF; display: block; font-size: 1.4em; font-weight: bold; line-height: 30px; padding-left: 10px; text-decoration: none; } #sub_nav li a:hover { background: #D8EBF4; border: 0; color: #3E99C6; } #sub_nav li.active { border: 1px solid #ff0; } #sub_nav li.active a { background: #FF0; color: #3E99C6; } #sub_nav li.active a:hover {} #sub_nav li.active ul li { background: #FFFFCF; border: 0; margin: 0; padding: 3px 0; } #sub_nav li.active ul li a { display: block; line-height: 20px; background: #FFFFCF; font-size: 1.2em; padding: 3px 0 3px 10px; } #sub_nav li.active ul li a:hover { text-decoration: underline; } #sub_nav li.active ul li.active a { text-decoration: underline; } #sub_nav li.active ul li.active a:hover { text-decoration: underline; } /* sub sub sub nav */ #sub_nav li.active ul li.active ul li {} #sub_nav li.active ul li.active ul li a { background: #FFFFCF url('/img/design/bullet_blue.png') 15px 7px no-repeat; line-height: 18px; font-weight: normal; font-size: 1.2em; padding: 0 0 0 25px; text-decoration: none; } #sub_nav li.active ul li.active ul li a:hover { text-decoration: underline; } #sub_nav li.active ul li.active ul li.active {} #sub_nav li.active ul li.active ul li.active a { text-decoration: underline; } /* Contact Details */ #contact_details { background: #F9FCFD; padding: 10px 10px 1px 10px; } /* div#content ----------------------------------------*/ #content { display: inline; float: right; margin-bottom: 20px; min-height: 420px; overflow: hidden; padding: 0 20px 0 0; width: 690px; } .home #content, .admissions #content { display: block; float: none; padding-left: 20px; width: auto; } #home_left { display: inline; float: left; width: 310px; } #home_right { display: inline; float: right; width: 600px; } #slideshow { border-bottom: 5px solid #ff0; height: 305px; margin-bottom: 10px; } #slideshow img { display: block; } #home_visit { background: #3E99C6; padding: 10px; } #home_visit .visit_link { margin: 9px 9px 0 0; } #home_visit .tagline { margin: 0; } #content a { color: #3E99C6; text-decoration: none; } #content a:hover { border-bottom: 1px solid; } #content blockquote {} #content dl { font-size: 1.3em; line-height: 1.8em; margin: 1em 20px 1em 0; padding: 10px; } #content dl dt { clear: left; color: #726F22; display: inline; float: left; font-weight: bold; width: 4em; } #content dl dd { margin-left: 4.2em; } #content h2 { color: #3E99C6; font-size: 2.2em; font-weight: normal; line-height: 1.4; margin-bottom: 0.5em; padding: 0 10px 0 0; } #content h2.home_intro { font-size: 1.6em; font-weight: bold; } #content h3 { color: #3E99C6; font-size: 1.6em; line-height: 1.4; margin-bottom: 1em; padding: 0 10px 0 0; } #content h3.profile_title span { color: #000; font-weight: normal; font-size: 0.8em; padding-left: 10px; } #content h4 { color: #3E99C6; font-size: 1.5em; line-height: 1.4; margin-bottom: 1em; padding: 0 10px 0 0; } #content h5 { color: #3E99C6; font-size: 1.4em; line-height: 1.4; margin-bottom: 1em; padding: 0 10px 0 0; } #content h6 { color: #3E99C6; font-size: 1.3em; line-height: 1.4; margin-bottom: 1em; padding: 0 10px 0 0; } #content hr { background: #6EB3D4; border: none; clear: both; height: 1px; margin: 20px 0; } #content p { font-size: 1.3em; line-height: 1.5; margin-bottom: 1.25em; padding: 0 10px 0 0; } #content ol { margin: 20px 0; padding: 0; } #content ol li { color: #444; font-size: 13px; line-height: 1.6; list-style-type: decimal; margin: 0 0 0 30px; } #content ul { margin: 20px 0; } #content ul li { background: url('/img/design/bullet_blue.png') 15px 7px no-repeat; color: #444; font-size: 13px; line-height: 1.6; padding-left: 30px; } #content ul li ul { margin: 0; } #content div.multi_images { display: inline; float: right; margin: 0 0 5px 10px; width: 380px; } #content ul.multi_master { clear: both; height: 285px; list-style: none; margin: 0 0 5px; } #content ul.multi_master img { display: block; margin: 0; } #content ul.multi_master li { background: none; list-style: none; margin: 0; padding: 0; } #content ul.multi_thumbs { display: inline; float: right; margin: 0 0 0 -5px; } #content ul.multi_thumbs a { height: 72px; display: block; width: 72px; } #content ul.multi_thumbs a:hover { border: 0; } #content ul.multi_thumbs img { border-bottom: 2px solid #fff; display: block; margin: 0; } #content ul.multi_thumbs a.activeSlide img, #content ul.multi_thumbs a:hover img { border-color: #3e99c6; } #content ul.multi_thumbs li { background: none; display: inline; float: left; list-style: none; margin: 0 0 3px 5px; padding: 0; } #content ul.partners { margin: 20px 0 20px; } #content ul.partners div { display: inline; float: left; width: 540px; } #content ul.partners h3 { padding: 0; margin: 0 0 .5em; } #content ul.partners img { display: inline; float: right; } #content ul.partners li { border-bottom: 1px solid #D8EBF4; background: none; color: #444; font-size: 10px; line-height: 1.6; margin: 0 0 2.5em; padding: 0 0 25px; } #content ul.partners p { padding: 0; } #content .alert { background: #ebf5f9; border: 1px solid #3E99C6; margin: 0 auto; padding: 0 10px 0 0; width: 378px; } #content .alert ul { margin: 10px 0; } #breadcrumb { display: none; } .breadcrumb { border-bottom: 1px solid #3E99C6; padding: 0 0 2px 0 !important; margin: 0; } /* News Items */ .news_item { clear: both; margin-bottom: 20px; } .news_item img { display: inline; float: right; margin-left: 10px; } .news_item .news_content {} #content .news_item h3 { font-size: 18px; font-weight: normal; margin-bottom: 3px; } #content .news_item p.datetime { color: #999; font-size: 1.1em; } #content .paging {} #content .paging p { color: #999; font-size: 1.4em; font-weight: bold; text-align: right; } #content .paging p a { padding: 0 5px; } #content .paging p a:hover { background: #3e99c6; border: 0; color: #fff; } #content .paging p a.current { background: #ff0; } #content .paging p a.current:hover { background: #ff0; color: #3e99c6; } #content .paging p a.next, #content .paging p a.prev { padding: 0; } #content .paging p a.next:hover, #content .paging p a.prev:hover { background: #fff; border-bottom: 1px solid; color: #3e99c6; } .youtube { margin: 20px auto; text-align: center; } /* Staff/Student profiles */ #content h3.profile_cat { padding: 0; } #content ul.profiles { margin-bottom: 20px; } #content ul.profiles .profile_image { display: inline; float: left; margin: 0 10px 0 0; } #content ul.profiles .profile_image a:hover { border: 0; text-decoration: none; } #content ul.profiles div { display: inline; float: right; width: 560px; } #content ul.profiles h4 { font-size: 14px; margin-bottom: 3px; padding: 0; } #content ul.profiles h4 span { color: #000; font-weight: normal; font-size: 0.8em; padding-left: 10px; } #content ul.profiles img { display: block; vertical-align: middle; } #content ul.profiles li { border-bottom: 1px solid #d8ebf4; background: 0; font-size: 10px; margin: 0 0 20px; padding: 0 0 25px; } #content ul.profiles p { padding: 0; } #content ul.profiles p.details { color: #999; } div.right img { display: block; } /* Contact form */ #contact_form { margin: 20px auto; width: 390px; } #contact_form a {} #contact_form a:hover {} #contact_form button { margin-left: 185px; } #contact_form fieldset {} #contact_form input { color: #444; display: inline; float: left; margin-bottom: 10px; padding: 5px 3px; width: 183px; } #contact_form label { display: inline; float: left; margin-right: 10px; padding-top: 3px; text-align: right; width: 120px; } #contact_form label.error { color: #FF2B2B; } #contact_form legend { display: none; } #contact_form p { clear: both; padding: 0; margin-left: 0; margin-right: 0; } #contact_form select { border: 1px solid #3E99C6; color: #444; display: inline; float: left; margin-bottom: 10px; padding: 5px 3px; width: 290px; } #contact_form textarea { color: #444; font-family: Arial, Verdana, sans-serif; font-size: 1.1em; height: 120px; line-height: 1.2; padding: 3px; width: 300px; } /* Section Intro Box */ #intro { background: #3E99C6; margin: 0 0 20px; padding: 10px 0 10px 10px; } #intro a { color: #FFF; } #intro h2 { color: #FFF; font-size: 2.2em; font-weight: normal; line-height: 1; margin-bottom: 0.5em; } #intro p { color: #FFF; font-size: 1.5em; font-weight: bold; margin: 0; } /* Contact Form */ #content form {} #content button { display: inline; float: right; height: 30px; margin: 0 0 20px 0; padding: 0 5px; } #content fieldset {} #content input { border: 1px solid #3E99C6; color: #444; display: inline; float: none; height: 20px; margin: 0; padding: 5px 4px 0; width: 280px; } #content input.active { background: #FFF; } #content label { display: inline; float: left; line-height: 20px; margin-right: 10px; padding-top: 5px; text-align: right; vertical-align: top; width: 90px; } label span { color: #FF2F2F; } #content legend { display: none; } #content form p { clear: both; line-height: 1.8; } p.submit { text-align: right; } #content textarea { border: 1px solid #3e99c6; background: #f9fcfd; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; height: 142px; line-height: 1.4em; padding: 4px; width: 280px; } * html #content textarea { width: 191px; } #content textarea.active { background: #FFF; } /* Tri column */ .tri_column { display: inline; float: left; margin-right: 10px; width: 300px; } #content .tri_column h3 { padding-left: 0; } /* Calendar and that */ .app_panel { display: inline; float: left; width: 290px; margin: 0 25px 20px 0; } .calendar { margin-bottom: 40px; } * html #content .calendar_clear { clear: both; height: 0; padding-bottom: 40px; } .selected_dates { background: url('/img/design/start_adding_dates.png') center 90px no-repeat; } .visit_form { margin-right: 0; } #content .app_panel h4 { clear: both; color: #3E99C6; font-size: 1.6em; line-height: 1.4; margin: 0 0 5px 0; padding: 0; } .app_panel.calendar h4 { display: inline; float: left; } .month_nav { display: inline; float: right; padding-top: 5px; width: 39px; } .month_nav a.prev { background: url('/img/design/cal_arrows.png') left top no-repeat; display: block; float: left; line-height: 12px; margin-right: 7px; padding: 0; text-indent: -10000px; width: 13px; } #content .calendar .month_nav a.prev:hover { background: url('/img/design/cal_arrows.png') right top no-repeat; border: none; } .month_nav a.next { background: url('/img/design/cal_next.png') left bottom no-repeat; display: block; float: right; height: 12px; text-indent: -10000px; width: 13px; } #content .calendar .month_nav a.next:hover { background: url('/img/design/cal_arrows.png') right bottom no-repeat; border: none; } .calendar table { margin: 0 auto; clear: both; width: 290px; } table thead {} thead td { color: #333; font-size: 1.4em; padding: 5px 3px; text-align: center; width: 34px; } thead td abbr { border-bottom: 1px solid #e0e0e0; display: block; line-height: 2; } table tbody { padding-top: 3px; } tbody td { font-size: 1.4em; line-height: 34px; padding: 3px; text-align: center; } #content tbody td a { border-style: solid; border-width: 0 1px 1px 0; display: block; } #content tbody td.available a { background: #9FCCE3; color: #444; border-color: #6eb3d4; } #content tbody td.available a:hover { background: #3E99C6; border-color: #2e7394; color: #FFF; } #content tbody td.selected a { background: #ffffbf; color: #444; border-color: #bfbf00; } #content tbody td.selected a:hover { background: #ffffa6; } tbody td span { display: block; } tbody td.unavailable { color: #BBB; } .unavailable span { background: #FFF; border: solid #e0e0e0; border-width: 0 1px 1px 0; } table td.empty { color: #D0D0D0; } .empty span { background: #F7F7F7; } tbody td.available { } .dates_list { background: #FFF; clear: both; } #content .selected_dates ul#dates { margin: 13px 0 0 0; padding: 0; } #content .selected_dates ul#dates li { background: none; clear: both; height: 22px; margin: 0; padding: 0 5px; } #content .selected_dates ul#dates li span { clear: both; display: inline; float: left; } #content .selected_dates ul#dates li a { background: url('/img/icons/cross.png') center center no-repeat; display: inline; float: right; height: 16px; margin-top: 3px; text-indent: -10000px; width: 16px; } #content .selected_dates ul#dates li a:hover { border: none; } #content .visit_form {} #content .visit_form .alert { background: #ebf5f9; border: 1px solid #3E99C6; display: inline; float: none; margin: 15px 0 5px 0; padding: 0 10px 0 0; width: 278px; } #content .visit_form .alert ul { margin: 10px 0; } #content .visit_form form { margin: -3px 0 0 0; padding: 0; } #content .visit_form fieldset { margin: 0; padding: 0; } #content .visit_form label { display: inline; float: none; margin: 0; padding: 0; } #content .visit_form label.error { color: #ff2f2f; } #content .visit_form input { color: #444; display: inline; float: none; font-size: 16px; margin: 0; padding: 7px 4px; width: 280px; } #content .visit_form button { margin: 10px 0 0 0; padding: 0; } #content .visit_form p { margin: 10px 0 15px 0; padding: 0; } /* div#footer ----------------------------------------*/ #footer { background: #3E99C6 url('/img/design/footer.png') center top no-repeat; clear: both; padding: 25px 20px 20px 20px; } #footer div { padding: 0 10px; } #footer p { color: #FFF; font-size: 1.2em; margin-top: 20px; padding: 0 10px; } p.contact_details { clear: left; display: inline; float: left; } p.designition { display: inline; float: right; } #footer p a { border-bottom: 1px solid #9FCCE3; color: #FFF; text-decoration: none; } #footer p a:hover { border: none; } .links_list li:last-child { border-right: none; padding-right: 5px; } .links_list li:first-child { padding-left: 10px; } #dhome_news { border: 1px solid #eee; height: 11em; width: 598px; } #dhome_news h4 { background: #eee; font-size: 1.3em; margin: 0; padding: 4px; } #dhome_news h4 a.all { display: inline; float: right; } #dhome_news ul { height: 11em; list-style: none; margin: 0; padding: 0; width: 578px; } #dhome_news ul li { background: none; margin: 10px; padding: 0; width: 578px; } #google-map { margin-left: 10px; } #temp_debug { background: #eee; position: absolute; left: 5px; top: 5px; width: 300px; padding: 5px; text-align: left; } #temp_debug h4 { border-bottom: 1px solid #004B8F; } #temp_debug pre { font-family: Arial; } .other_debug { text-align: left; }