/*----------------------------------------------------------------------------------- Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, 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-size: 100%; vertical-align: baseline; background: transparent; } sub, sup { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /*--------------------------- Elements ---------------------------*/ body { background-color: #fff; font-family: Georgia, 'Times New Roman', serif; font-size: 13px; color: #5E4C4B; line-height: 1.3;} h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2; padding: 0 0 5px 0; } h1 { color: #D3232D; font-size: 28px; padding-bottom: 20px; } h2 { color: #020202; font-size: 18px; } h3 { color: #D3232D; font-size: 16px; } h4 { color: #020202; font-size: 14px; } h5 { color: #5e4c4b; font-size: 12px; text-transform: uppercase; } h6 { color: #9F1A1F; font-family: "Lucida Grande", sans-serif; font-size: 11px; padding: 0 0 5px 0; } p { font-size: 13px; } hr { background-color: #ECECEC; border: 0; clear: both; color: #ECECEC; height: 1px; margin: 10px 0; } a { color: #d3232d; text-decoration: none; } a:hover { color: #262626; } blockquote { background: url(../images/quote_top.gif) no-repeat left top; padding: 15px; } #content blockquote p { background: url(../images/quote_bottom.gif) no-repeat right bottom; color: #666666; font-size: 16px; line-height: 1.3; } /*------------------------------------------- Global Page styles -------------------------------------------*/ /* Development only - remove from production */ #fs_dev { border: 1px solid #222; border-bottom: 0; left: 0; position: absolute; top: 0; width: 100px; z-index: 1000; } #fs_dev a { background-color: #333; border-bottom: 1px solid #222; color: #fff; display: block; font: 11px Arial; font-weight: bold; height: 20px; line-height: 20px; padding: 0 0 0 10px; width: 90px; } #fs_dev a:hover { background-color: #222; } /* End dev only*/ /* lightbox */ #lightbox { background-color: #fff; border: 1px solid #ccc; padding: 10px; position: absolute; z-index: 1000; } #lightbox_overlay { background-color: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; } #lightbox_close { background: url(../images/close.png) no-repeat center center; display: block; height: 30px; left: -15px; position: absolute; text-indent: -9999em; top: -15px; width: 30px; } #lightbox .caption { color: #5E4C4B; float: left; font-size: 11px; padding: 5px 0 0 0; } #lightbox .lightbox_nav { float: right; padding: 5px 0 0 0; } #lightbox .lightbox_nav a, #lightbox .lightbox_nav span { color: #5E4C4B; font-size: 11px; padding-right: 4px; } /* Custom dropdown */ .ui-dropdown { float: left; height: 25px; position: relative; width: 270px; z-index: 1000; } .ui-dropdown a { color: #5E4C4B; font-family: Georgia, 'Times New Roman', serif; font-size: 13px; text-decoration: none; } .ui-dropdown dt { background: url(../images/dropdown_bg.png) repeat-x left bottom; border: 1px solid #ccc; height: 21px; padding: 1px; } .ui-dropdown dt a { background: url(../images/dropdown_arrow.png) no-repeat right center; display: block; height: 21px; line-height: 21px; padding: 0 25px 0 5px; } .ui-dropdown dd { background-color: #F6F6F6; border: 1px solid #ccc; border-top: 0; max-height: 250px; left: 0; overflow: auto; position: absolute; top: 25px; width: 268px; } .ui-dropdown .ui-dropdown-options { border: 0; list-style-image: none; margin: 0; padding: 0; } .ui-dropdown .ui-dropdown-options li { margin: 0; padding: 0; } .ui-dropdown .ui-dropdown-options a { background-color: #F6F6F6; display: block; font-style: normal; height: 25px; line-height: 25px; padding: 0 0 0 6px; } .ui-dropdown .ui-dropdown-options a:hover, .ui-dropdown .ui-dropdown-options .ui-state-active { background-color: #B62122; color: #fff; } /* Carousels */ .carousel .carousel_container { overflow: hidden; position: relative; } .carousel .carousel_items { border: 0; margin: 0; padding: 0; position: absolute; width: 5000px; } /* Photo Gallery */ .carousel .ui-dropdown-label, .carousel h2 { color: #333; font-size: 18px; padding-bottom: 5px; } .carousel .controls { float: right; } .carousel .controls .previous { background: #fff url(../images/previous_arrow.png) no-repeat left center; display: block; float: left; height: 19px; margin: 0 5px 0 0; text-indent: -9999px; width: 8px; } .carousel .controls .next { background: #fff url(../images/next_arrow.png) no-repeat left center; display: block; float: left; height: 19px; margin: 0 5px 0 0; text-indent: -9999px; width: 8px; } .carousel .controls span { color: #D3232D; float: left; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 12px; line-height: 19px; padding: 0 3px; text-align: center; } .carousel .controls span.of { color: #391112; font-style: italic; } .photo_gallery .carousel_container { height: 150px; width: 655px; } .photo_gallery ul.carousel_items li { color: #5E4C4B; float: left; font-size: 11px; font-style: normal; list-style: none; margin: 0; padding: 0 5px 0 0; width: 160px; } .photo_gallery_small ul.carousel_items li { color: #5E4C4B; float: left; font-size: 11px; font-style: normal; list-style: none; margin: 0; padding: 0 5px 0 0; width: 226px; } .photo_gallery .carousel_container_small { height: 420px; width: 226px; } .photo_gallery ul.carousel_items li.selected { color: #A31A1E; font-weight: bold; } .photo_gallery li a { display: block; overflow: hidden; } .photo_gallery li a img { float: left; } .photo_gallery li.selected a { border: 4px solid #A2191A; margin: 0px; padding: 0px; } /*.photo_gallery li.selected a img { margin: -4px; } */ .photo_gallery li.selected a div.thumbimage { margin: -4px; } .photo_gallery_large { min-height: 475px; position: relative; } .photo_gallery_large .layer { height: 450px; left: 0; overflow: hidden; position: absolute; top: 0; width: 688px; } .photo_gallery_large .next_photo, .photo_gallery_large .previous_photo { color: #5E4C4B; display: block; font-size: 13px; height: 25px; line-height: 25px; position: absolute; text-decoration: none; top: 25px; width: 85px; } .photo_gallery_large .previous_photo { background: #fff url(../images/previous.png) no-repeat left center; left: 0; padding: 0 0 0 15px; } .photo_gallery_large .next_photo { background: #fff url(../images/next.png) no-repeat right center; padding: 0 15px 0 10px; right: 0; width: 75px; } .photo_gallery_large small { left: 0; position: absolute; top: 450px; width: 688px; } /*------------------------------------------- Home Page -------------------------------------------*/ #home h2 { color: #D3232D; font-size: 22px; font-weight: normal; } #home h3 { color: #020202; font-size: 14px; } #home h3.red { color: #D3232D; font-size: 16px; } #home h3.red em { color: #391112; } #home p { color: #6E5959; font-size: 12px; padding: 0 0 5px 0; } #home p.subtitle { font-size: 14px; font-weight: bold; } #home .left_column { background: url(../images/gray_gradient.png) repeat-x left top; float: left; margin: 0 2px 0 0; padding: 15px; width: 399px; } #home .right_column { background: url(../images/gray_gradient.png) repeat-x left top; float: left; padding: 15px; width: 255px; } #home .small_column { float: left; width: 180px; } #home .small_column_first { padding: 0 30px 0 0; } #home .links { border-bottom: 0; list-style-image: url(../images/list_bullet_black.png); margin-top: 2px; padding: 10px 0 0 0; } #home .links li { font-style: normal; margin: 0 0 0 12px; } #home .links li a.title { color: #020202; font-size: 14px; text-decoration: none; } #home .links li a.title:hover { color: #D3232D; } #home .virtual_tour { background-color: #262626; overflow: hidden; margin: 10px 0 20px 0; padding: 10px 10px 5px 10px; } #home .virtual_tour h2 { color: #fff; font-size: 26px; } #home .virtual_tour p { color: #C9C9C9; font-size: 14px; } #home .virtual_tour .info { float: left; padding: 10px; width: 258px; } #home .virtual_tour .tours { float: left; width: 418px; } #home .virtual_tour .tours a { display: block; float: left; line-height: 0; margin: 0 5px 5px 0; } #home .virtual_tour .start_tour { background: url(../images/home_virtual_tour_button.png) no-repeat; color: #fff; display: block; font-size: 21px; height: 32px; line-height: 1.2; margin: 5px auto 0 auto; text-align: center; text-decoration: none; width: 197px; } #home .upcoming_events { border: 0; list-style: none; list-style-image: none; margin: 0; padding: 0; } #home .upcoming_events li { border-bottom: 1px solid #ccc; font-style: normal; margin: 0; overflow: hidden; padding: 10px 0; } #home .upcoming_events li:hover { background-color: #EFEFEF; } .upcoming_events .event_date { color: #391112; float: left; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 12px; padding: 20px 0 0 0; text-align: center; width: 50px; } .upcoming_events .event_date .day { color: #D3232D; font-size: 18px; font-weight: bold; } .upcoming_events .details { border-left: 1px solid #ccc; float: left; padding: 0 0 0 10px; width: 338px; } .upcoming_events .details span { color: #9F1A1F; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 12px; font-style: normal; } .upcoming_events .details .date { font-size: 12px; } .upcoming_events .details h3 { padding: 0; } .upcoming_events .details .location { font-size: 11px; } .upcoming_events .details p { padding: 3px 0 0 0; } #feature { background-color: #000; height: 496px; margin: 0 0 15px 0; position: relative; width: 716px; } .feature { height: 496px; left: 0; overflow: hidden; position: absolute; top: 0; width: 716px; } .feature_details { background: url(../images/home_feature_info_bg.png); bottom: 95px; left: 0; min-height: 0; position: absolute; width: 716px; } .feature_details .quote { border-right: 1px solid #706D67; float: left; margin: 0 10px 0 0; padding: 10px 20px 10px 10px; width: 449px; } .feature_details .quote p { color: #ddd; font-size: 16px; line-height: 1.3; padding: 5px; } .feature_details .quote .author { float: right; font-size: 14px; font-style: italic; } .feature_details .info { float: left; padding: 10px 0 0 0; width: 214px; } .feature_details .info p { color: #ddd; font-size: 13px; padding: 0 0 5px 0; } .feature_details .info ol { border: 0; margin: 0; padding: 0; list-style: none; list-style-image: none; } .feature_details .info li { font-style: normal; margin: 0; padding: 0 0 4px 0; } .feature_details .info li a { color: #ddd; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; } .feature_details .info li a:hover { color: #fff; } .feature_details .info li span { background-color: #fff; color: #4A7721; display: inline-block; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 10px; font-weight: bold; height: 13px; line-height: 13px; margin: 0 8px 0 0; text-align: center; width: 13px; } #feature_thumbs { background: url(../images/home_feature_thumbs_bg.png); bottom: 0; height: 85px; left: 0; min-height: 0; overflow: hidden; padding: 5px; position: absolute; width: 706px; } #feature_thumbs ul { border: 0; height: 85px; list-style-image: none; margin: 0; padding: 0; width: 2000px; } #feature_thumbs li { background-color: #fff; border: 2px solid #fff; display: block; float: left; font-style: normal; height: 81px; line-height: 0; margin: 0 5px 0 0; min-height: 0; overflow: hidden; padding: 0; position: relative; width: 81px; } #feature_thumbs li.orange:hover, #feature_thumbs li.orange_selected { border-color: #ee651e;} #feature_thumbs li.orange div { background-color: #a3461a; } #feature_thumbs li.green:hover, #feature_thumbs li.green_selected { border-color: #7dc229; } #feature_thumbs li.green div { background-color: #4a7721; } #feature_thumbs li.red:hover, #feature_thumbs li.red_selected { border-color: #f03538; } #feature_thumbs li.red div { background-color: #b81e23; } #feature_thumbs li.blue:hover, #feature_thumbs li.blue_selected { border-color: #374ffc; } #feature_thumbs li.blue div { background-color: #1d2471; } #feature_thumbs li.lightblue:hover, #feature_thumbs li.lightblue_selected { border-color: #5bbeff; } #feature_thumbs li.lightblue div { background-color: #3992d0; } #feature_thumbs li a { display: block; } #feature_thumbs li img { height: 81px; width: 81px; } #feature_thumbs div { height: 81px; left: 81px; position: absolute; top: 0; width: 260px; } #feature_thumbs div p { color: #fff; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 10px; line-height: 1.5; padding: 10px; width: 240px; } #feature_thumbs h3 { color: #fff; font-size: 14px; padding: 5px 0 0 10px; width: 260px; } #residential_learning .carousel_container { height: 289px; overflow: hidden; position: relative; width: 396px; } #residential_learning .carousel_items li { display: block; float: left; margin: 0; padding: 0; } #residential_learning .carousel_items { border: 0; margin: 0; padding: 0; position: absolute; width: 5000px; } #residential_learning .controls { float: left; padding: 10px 0 0 0; width: 100px; } #residential_learning .controls span { color: #D3232D; display: inline-block; font-size: 16px; height: 27px; line-height: 27px; padding: 0 4px 0 0; vertical-align: middle; } #residential_learning .controls span.of { color: #391112; font-size: 14px; font-style: italic; } #residential_learning .controls span.current_page { padding: 0 4px 0 8px; } #residential_learning .controls span.total_pages { padding: 0 8px 0 0; } #residential_learning .next, #residential_learning .previous { display: inline-block; height: 27px; width: 11px; vertical-align: middle; } #residential_learning .next { background: url(../images/home_next.png) no-repeat; } #residential_learning .previous { background: url(../images/home_previous.png) no-repeat; } #residential_learning p { float: left; padding: 10px 0 0 0; width: 275px; } /*------------------------------------------- Main Structure -------------------------------------------*/ /* Wrapper for dickinson background image */ #background_wrapper { background: url(../images/no_logo_background.jpg) no-repeat center top; margin: 0 auto; padding: 30px 0 0 0; position: relative; width: 100%; } /* Wrapper for content area */ #wrapper { background: url(../images/wrapper_bg.png) repeat-y right top; margin: 0 auto; padding: 0 7px; position: relative; width: 976px; z-index: 1; } #wrapper_bottom { background: url(../images/wrapper_bottom.png) no-repeat right bottom; clear: both; height: 100px; margin: 0 auto 40px auto; width: 990px; } #logo { background: #9E191C url(../images/wordmark_transparent.png) no-repeat center center; display: block; height: 169px; text-indent: -9999px; } /* Sidebar containing main nav, search, consistent nav, and callouts */ #sidebar { float: left; padding: 0; position: relative; width: 228px; z-index: 2; } #sidebar .callout { border-right: 0; float: right; margin: 0 0 10px 0; } #sidebar .consistent_nav { padding: 10px 10px 10px 17px; } #sidebar .consistent_nav li { padding: 0 0 5px 0; } #sidebar .consistent_nav li a { color: #e6e6e6; font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; line-height: 1.4; } #sidebar .consistent_nav li a:hover { color: #D49395; } #sidebar .callout_stats { border-right: 0; } /* Main nav */ #nav_wrapper { background: #C01F25 url(../images/nav_bg.png) repeat-x left bottom; margin: 0 0 10px 0; } #nav { border-top: 1px solid #E2363A; } #nav li { border-bottom: 1px solid #E2363A; position: relative; } #nav li:hover .sub_nav, #nav li.hover .sub_nav { display: block; } #nav li:hover, #nav li.hover { background-color: #530C07; } #nav a { color: #fff; display: block; font-family: Georgia, 'Times New Roman', serif; font-size: 20px; height: 33px; line-height: 1.25; padding: 0 0 0 17px; } #nav a.selected { background-color: #6F1111; } #nav .sub_nav, #nav .secondary_nav { background-color: #6F1111; padding: 0 0 5px 0; } #nav .sub_nav { background-color: #530C07; border: 1px solid #E2363A; border-left: 0; display: none; left: 228px; padding: 5px 0; position: absolute; top: -1px; width: 228px; z-index: 2; } #nav .sub_nav li, #nav .secondary_nav li { border: 0; padding: 1px 4px 1px 7px; } #nav .secondary_nav li:hover { background-color: #6F1111;} #nav .sub_nav a, #nav .secondary_nav a { font-size: 15px; height: 23px; line-height: 1.25; padding: 0 0 0 17px; position: relative; } #nav .sub_nav a:hover, #nav .sub_nav a.selected, #nav .secondary_nav a:hover, #nav .secondary_nav a.selected { background-color: #8B1516; } #nav .secondary_nav a span.arrow { background: #8B1516 url(../images/nav_selected_arrow.png) no-repeat right center; display: none; height: 23px; position: absolute; right: -8px; top: 0; width: 13px; z-index: 1; } #nav .secondary_nav a.selected span.arrow { display: block; } /* Search box */ #search { overflow: hidden; padding: 10px 10px 5px 17px; } #search input { float: left; margin: 0; } #search input.text { background-color: #B72226; color: #fff; border: 0; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; padding: 5px; width: 160px; } /* Search autosuggest */ .ac_results {padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;} .ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height:16px; overflow: hidden;} .ac_loading {background: white url('/images/loading.gif') right center no-repeat;} .ac_odd {background-color: #eee;} .ac_over {background-color: #4e4e4e;color: white;} /* Breadcrumbs */ #breadcrumbs { border: 0; color: #333; font-size: 11px; line-height: 16px; margin: 0 0 10px 0; overflow: hidden; padding: 0 10px 0 4px; text-decoration: none; text-transform: uppercase; } #breadcrumbs a { background: url(../images/breadcrumb_divider.png) no-repeat right center; color: #333; font-size: 11px; padding: 0 10px 0 4px; text-decoration: none; text-transform: uppercase; } #breadcrumbs a:hover { color: #D3232D; } #breadcrumbs a.home { background-position: right 4px; float: left; padding: 0 10px 0 5px; } #breadcrumbs span.separator { float: left; line-height: 18px; padding: 0 2px 0 0; } #FolderBreadcrumb1 { float: left; } /* id set by Ektron */ #breadcrumbs .selected { background-image: none; color: #9F1A1F; } /* In page nav*/ #tertiary_nav { background-color: #fff; border: 1px solid #E2E2E2; overflow: hidden; margin: 0 0 10px 0; padding: 2px 1px 1px 2px; } #tertiary_nav ul { border: 0; margin: 0; padding: 0; } #tertiary_nav li { display: inline; font-size: 10px; list-style: none; margin: 0; padding: 0; } #tertiary_nav a, #tertiary_nav span { color: #565654; display: block; float: left; font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-style: normal; height: 28px; line-height: 28px; margin: 0 1px 1px 0; padding: 0 0 0 10px; text-decoration: none; width: 159px; } #tertiary_nav .first { background-color: #DAD9D7; } #tertiary_nav .second { background-color: #ECECEC; } #tertiary_nav .third { background-color: #EFEFEF; } #tertiary_nav .fourth { background-color: #F5F5F5; } #tertiary_nav a:hover, #tertiary_nav a.selected { background-color: #B72226; color: #fff; } #main { margin: 0 auto; width: 688px; } /* Footer */ #footer_wrapper { background: #FFF repeat-x; height: 248px; } #footer { background: url(../images/seal_transparent.png) no-repeat 60px 25px; color: #000; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; height: 160px; margin: 0 auto; padding: 25px 0 0 0; width: 990px; border-top-width: 2px; border-top-style: solid; border-top-color: #d5232e; } #footer_content { margin: 0 0 0 240px; width: 750px; } #footer .nav { background: #FFF no-repeat left bottom; margin: 0 0 10px 0; padding: 0 0 12px 0; width: 745px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; } #footer .nav li { display: inline; } #footer .nav a { color: #000; font-size: 11px; font-weight: bold; padding: 0 7px; } #footer .nav a:hover { color: #d5232e; } #footer .column { float: left; padding: 0 13px 0 0; width: 170px; } #footer .column strong { color: #fff; font-size: 12px; font-weight: bold; } #footer .column p { font-size: 11px; line-height: 1.2; padding: 0 0 5px 0; } #footer .contact p { line-height: 1.4; } #footer .column li { font-size: 11px; padding: 0 0 7px 0; } #footer .column li a { color: #000; } #footer li a:hover { color: #d5232e; } #footer .social a { background: url(../images/icons/social.sprite.png) no-repeat; display: block; height: 23px; line-height: 23px; padding: 0 0 0 28px; } #footer .social .wiki { background-position: left -23px; } #footer .social .twitter { background-position: left -46px; } #footer .social .itunes { background-position: left -69px; } #footer .copyright { padding: 0; width: 350px; } #socialButtons { margin-top: 20px; } /*------------------------------------------- General Content/specific page styels -------------------------------------------*/ /* Content Area */ #content { background: url(../images/content_bg.png) no-repeat; float: left; padding: 15px 17px 15px 15px; position: relative; width: 716px; z-index: 1; } #content_nav { margin: 0 0 10px 0; padding: 12px 15px 5px 15px; } /* Global content styles */ .content ul { border: 1px solid #ECECEC; border-width: 1px 0; list-style-image: url(../images/list_bullet.png); margin: 0 0 15px 0; padding: 10px 0 3px 0; } .content ol { border: 1px solid #ECECEC; border-width: 1px 0; list-style-type: decimal; margin: 0 0 15px 0; padding: 10px 0 3px 0; } .content li { color: #d3232d; font-size: 13px; line-height: 1.3; margin: 0 0 0 20px; padding: 0 10px 10px 0; } .content p { color: #5E4C4B; font-size: 13px; line-height: 1.3; padding: 0 0 20px 0; } .content p.header { color: #333333; font-size: 18px; } .content p.table_description { padding: 0 0 5px 0; } .content a { text-decoration: underline; } .content .more, .content .print, .content .ui-dropdown a { text-decoration: none; } .content .ui-dropdown-label, .sort_by { color: #333; float: left; font-size: 13px; line-height: 25px; padding: 0 10px 0 0; } #content h6 a { text-decoration: none; } #main h2 a { text-decoration: none; } h2 a.more { margin: 10px 0 0 0; } h3 a.more { margin: 5px 0 0 0; } .more, .learn_more, .read_more { background: url(../images/more_arrow.gif) no-repeat left 3px; color: #d3232D; font-size: 11px; padding: 0 0 0 10px; text-decoration: none; text-transform: uppercase; } .more:hover, .learn_more:hover, .read_more:hover { color: #150000; } .photo_with_caption { margin-bottom: 10px; } .caption, .photo_with_caption .caption { background: url(../images/caption_bg.png) repeat-x left top; border: 1px solid #ECECEC; border-top: 0; display: block; font-size: 10px; padding: 5px 5px 10px 5px; } .photo_with_caption_right { float: right; margin: 0 0 5px 10px; } .photo_with_caption_left { float: left; margin: 0 10px 5px 0; } .left { float: left; } .block_left { float: left; margin: 0 10px 5px 0; } .right { float: right; } .block_right { float: right; margin: 0 0 5px 10px; } .center { text-align: center; } .clear { clear: both; } .block_margin_right { margin: 0 15px 0 0; } .section { padding-top: 10px; } .email { font-size: 11px; } .bordered { border: 1px solid #ccc; } .border_right { border-right: 1px solid #ccc; } .border_left { border-left: 1px solid #ccc; } .header, .intro_text { color: #333333; font-size: 18px; } .subtitle { color: #6E5959; font-size: 12px; font-style: italic; padding: 0 0 5px 0; } .one_column { width: 228px; } .two_column { float: left; padding: 0 20px 0 0; width: 440px; } .half { width: 50%; } .small_list { width: 447px; } .date { font-size: 12px; font-style: italic; } .gray_gradient { background: url(../images/gray_gradient.png) repeat-x left 1px; border: 1px solid #D9D9D9; border-width: 1px 0; margin: 0 0 25px 0; padding: 10px 10px 5px 10px; } .gray_gradient_no_fade { background: #EBEBEB url(../images/gray_gradient_no_fade_bg.png) repeat-x left 1px; border: 1px solid #D9D9D9; border-width: 1px 0 0 0; margin: 0 0 25px 0; padding: 10px 5px 10px 5px; } .gradient_no_border { border-bottom: 0; padding: 0 10px; } .no_border { border-bottom: 0; } p.em, .content .subtitle { color: #6E5959; font-size: 12px; font-style: italic; padding: 0 0 5px 0; } a.email { font-size: 11px; } .print { background: url(../images/icons/print.png) no-repeat left 8px; color: #7A7A7A; float: right; padding: 8px 0 0 20px; } .add_this_container { float: right; padding: 8px 0 20px 5px; } /* Hear From Students */ .student { padding: 5px 0 0 0; } .student h3 { color: #020202; font-size: 14px; margin: 0 0 0 100px; } .student p { color: #6E5959; font-size: 12px; margin: 0 0 0 100px; } .student ul { border: 0; list-style-image: none; margin: 0 0 0 100px; padding: 0; } .student li { color: #000; float: left; font-size: 14px; margin: 0; } .student ul a { color: #000; font-size: 14px; font-style: normal; text-decoration: none; } /* Departments & Programs */ .programs_column { float: left; width: 50%; } dl.programs { margin: 0 0 20px 0; width: 90%; } dl.programs dt { color: #333333; font-size: 14px; font-weight: bold; } dl.programs ul { border: 0; list-style-image: none; margin: 0; } dl.programs li { margin: 0; padding: 0 0 3px 0; } dl.programs li a { color: #5E4C4B; font-size: 13px; font-style: normal; text-decoration: none; } dl.programs li a:hover { color: #020202; } .callout_snippet a { font-size: 13px; text-decoration: none; } /* Social networking buttons */ .social_button { background: url('../images/admissions_social_btns.png') no-repeat; display: block; height: 101px; margin: 0 0 5px 0; text-indent: -9999px; width: 228px; } .facebook { background-position: 0 0; } .facebook:hover { background-position: -228px 0; } .twitter { background-position: 0 -101px; } .twitter:hover { background-position: -228px -101px; } .youtube { background-position: 0 -202px; } .youtube:hover { background-position: -228px -202px; } /* Deans List */ ul.deansort { border: 0; float: left; list-style-image: none; margin: 1px 0 0 5px; padding: 0; } ul.deansort li { display: inline; float: left; margin: 0; padding: 0; } ul.deansort li a { color: #333; display: block; font-size: 13px; font-style: normal; height: 15px; line-height: 15px; margin: 0 2px 0 0; text-decoration: none; text-align: center; width: 125px; } ul.deansort li a:hover, ul.deansort li a.selected { background-color: #BB1E24; color: #fff; } div.deans_list { border-bottom: 0; padding: 0; } div.deans_list p { font-size: 12px; line-height: 1.4; padding: 0;} div.deans_list .name { font-size: 13px; font-weight: bold; } .dean_loading { left: 310px; position: absolute; top: 275px; z-index: 10; } /* Faculty Profiles */ ul.alphabet { border: 0; float: left; list-style-image: none; margin: 1px 0 0 5px; padding: 0; } ul.alphabet li { display: inline; float: left; margin: 0; padding: 0; } ul.alphabet li a { color: #333; display: block; font-size: 13px; font-style: normal; height: 15px; line-height: 15px; margin: 0 2px 0 0; text-decoration: none; text-align: center; width: 15px; } ul.alphabet li a:hover, ul.alphabet li a.selected { background-color: #BB1E24; color: #fff; } ul.faculty_profiles { border-bottom: 0; list-style-image: none; padding: 0; } ul.faculty_profiles li { border-bottom: 1px solid #ECECEC; font-style: normal; margin: 0; overflow: hidden; padding: 10px 0; } ul.faculty_profiles li.odd { background-color: #FAFAFA; } ul.faculty_profiles p { float: left; font-size: 12px; line-height: 1.4; padding: 0; width: 500px; } ul.faculty_profiles p a { font-size: 11px; } ul.faculty_profiles .name { color: #B72226; font-size: 13px; font-weight: bold; } .faculty_loading { left: 310px; position: absolute; top: 200px; z-index: 10; } /* Global Campus - featured student */ .featured_student .carousel_container { height: 250px; } .featured_student .name { color: #020202; font-size: 14px; } .featured_student .major { font-size: 12px; font-style: italic; } .featured_student ul { border: 0; list-style-image: none; margin: 0; padding: 0; } .featured_student li { float: left; font-style: normal; margin: 0; padding: 0 5px 0 0; width: 420px; } /* Prospective Students */ .prospective_students { overflow: hidden; } .prospective_students dl { float: left; padding-right: 35px; width: 175px; } .prospective_students dt { color: #020202; font-size: 14px; } /* Maps & Directions */ .maps { border-left: 1px solid #ccc; padding: 2px 0 15px 10px; width: 217px; } .maps .more { display: block; font-weight: bold; padding-bottom: 5px; } /* News List */ ul.news_list { border: none; margin: 15px 0 0 0; padding: 0; } ul.news_list li { clear: both; display: block; font-style: normal; list-style-image: none; margin: 0; padding: 0; } ul.news_list li img { padding: 0 0 25px 0; } ul.news_list li h4 { padding: 0; } ul.news_list li h6 { padding: 0 0 2px 0; } /* Calendar List */ dl.calendar_list { clear: both; display: block; width: auto; margin: 10px 0 0 0; } dl.calendar_list dt { color: #391112; display: block; float: left; font-family: "Lucida Grande", sans-serif; font-size: 12px; padding: 31px 0 0 0; text-align: center; width: 49px; } dl.calendar_list dt span { color: #D3232D; font-size: 18px; font-weight: bold; display: block; padding: 10px 0 0 0; } dl.calendar_list dd { border-left: solid 1px #CCC; float: right; padding: 5px 15px 10px 15px !important; margin: 0; width: 335px; } dl.calendar_list dd h6, dl.calendar_list dd h4, dl.calendar_list dd p { padding: 0;} /* Player*/ .video_player { height: 272px; margin: 0 0 10px 0; width: 428px; display: block; } .video_info { padding: 0 5px 0 5px; } /* Vlogs Title*/ h3.vlogs_title { border-right: solid 1px #CCC; float: left; margin: 0 10px 0 0; width: 51px; } h4.vlogs_title { margin: 2px 0 0 0; } /* Image And Text Lists */ #main dl.image_and_text_list { margin: 0 0 26px 0; } #main dl.image_and_text_list dt { border-bottom: solid 1px #CCC; color: #020202; font-size: 18px; padding: 0 0 5px 0; } #main dl.image_and_text_list dd { border-bottom: solid 1px #CCC; margin: auto; padding: 10px 0; width: 659px; } #main dl.image_and_text_small dd { width: 438px; } #main dl.image_and_text_list dd p { padding: 0; } #main dl.image_and_text_list dd img { padding: 0 0 18px 0; } /* Calendar Scroller */ #calendar_scroller_top { margin: 0 0 20px 0; } #calendar_scroller_top .ui-dropdown { margin: 10px 0 0 0; width: 234px;} #calendar_scroller_top dd { width: 232px; } ul.calendar_scroller_controls { border: none; list-style-image: none; margin: 0 0 0 0; padding: 0; width: 416px; } ul.calendar_scroller_controls li { border-left: solid 1px #E7E7E7; display: block; float: left; height: 52px; margin: 0; padding: 0 1px; width: 50px; } ul li a.calendar_scroller_date { color: #391112; display: block; font-family: "Lucida Grande", sans-serif; font-style: normal; height: 48px; margin: 1px 0 0 0; text-align: center; text-decoration: none; text-transform: capitalize; padding: 8px 0 0 0; width: 50px; } ul.calendar_scroller_controls li span { color: #D3232D; display: block; font-size: 18px; margin: -3px 0 0 0; } #calendar_scroller_top ul li a.active { background: url(../images/calendar_scroller_controls_bg.gif) no-repeat center top; color: #FFF; } #calendar_scroller_top ul li a.active span { color: #FFF;} .calendar_scroller_next { border-left: solid 1px #E7E7E7; float: right; } .calendar_scroller_prev { border-right: solid 1px #E7E7E7; float: left; } .calendar_scroller_prev, .calendar_scroller_next { width: 20px; } .calendar_scroller_prev a, .calendar_scroller_next a { background: red; display: block; height: 56px; width: 20px; overflow: hidden; text-indent: -1000em; } .calendar_scroller_prev a { background: url(../images/calendar_scroller_controls_prev.gif) no-repeat; } .calendar_scroller_next a { background: url(../images/calendar_scroller_controls_next.gif) no-repeat; } .calendar_carousel { width: 412px; } .calendar_carousel .carousel_container { float: left; height: 60px; width: 370px; overflow: hidden; position: relative; } .calendar_carousel .carousel_items { border: 0; margin: 0; padding: 0; position: absolute; width: 5000px; } .calendar_event_loading { float: left; left: 330px; position: relative; top : 80px; width: 0; z-index: 10; } ul.calendar_event_info, ul.calendar_tab_holder, ul.calendar_event_photos { border: none; list-style-image: none; margin: 0; padding: 0; } ul.calendar_event_info li { display: none; margin: 0; } #calendar_event_info li ul.calendar_event_photos li.photo_with_caption { margin: 0 20px 0 0; } #calendar_event_info li ul.calendar_event_photos li h2 { font-size: 21px; padding: 0; } ul.calendar_tabs { border: none; margin-bottom: 20px; padding-top: 0; } ul.calendar_tabs li { display: block; float: left; margin: 0; padding: 0; } ul.calendar_tabs li a { background: url(../images/calendar_tab_bg.gif) no-repeat left top; color: #B61D23; display: block; float: left; font-family: "Lucida Grande", sans-serif; font-size: 10px; font-style: normal; height: 14px; margin: 0 4px 0 0; padding: 1px 0 0 0; text-align: center; text-decoration: none; width: 15px; } #calendar_event_info ul li a.active, ul.calendar_tabs li a.active { background-position: left bottom; color: #FFF; } /* BP Edits */ ul.faculty_profiles, ul.generic_list { border-bottom: 0; list-style-image: none; padding: 0; } ul.faculty_profiles li, ul.generic_list li { border-bottom: 1px solid #ECECEC; font-style: normal; margin: 0; overflow: hidden; padding: 10px 10px; } ul.faculty_profiles li.odd, ul.generic_list li.odd { background-color: #FAFAFA; } ul.faculty_profiles p, ul.generic_list p { float: left; font-size: 12px; line-height: 1.4; padding: 0; } ul.faculty_profiles p a, ul.generic_list p a { font-size: 11px; } ul.faculty_profiles .name, ul.generic_list .title { color: #B72226; font-size: 13px; font-weight: bold; } /* I Frame */ iframe { margin: 0 0 20px 0; } /* Generic Table */ .table_area { color: #5E4C4B; font-size: 12px; padding: 10px 0 0 0; } .table_area table { width: 100%; } .table_area table tr td { border: 1px #EFEDED solid; padding: 10px 10px 10px 10px; } .table_area .table_description, .table_area .table_header { font-weight: bold; } .table_area .table_header td { background: #EFEDED; border-right: 1px #fff solid; padding: 10px 15px; } .table_area .table_header td.table_end { border-right: 1px #EFEDED solid; } /* Admissions - landing */ #main.admissions { margin: 0 0 0 15px; padding: 0; position: relative; width: 716px; } .admissions h1 { color: #fff; left: 20px; position: absolute; top: 15px; z-index: 152; } .admissions .calendar_tabs { left: 20px; position: absolute; top: 50px; z-index: 153; } .admissions_feature_wrapper { height: 409px; overflow: hidden; position: relative; top: 0; width: 716px; z-index: 150; } .admissions_feature_wrapper ul { list-style: none; padding: 0; position: absolute; top: 0; width: 10000px; } .admissions_feature_wrapper ul li { float: left; height: 409px; overflow: hidden; padding: 0; margin: 0; width: 716px; } ul.admissions_feature_tabs li a { background: url(../images/admissions_tab_bg.png) no-repeat left top; color: #fff; } ul.admissions_feature_tabs li a:hover { background-position: left bottom; color: #fff; } .admissions_feature_cover { border: 1px solid #fff; height: 400px; left: 3px; position: absolute; top: 4px; width: 708px; z-index: 151; } .admissions_feature_cover ul { border: 0; list-style: none; position: relative; z-index: 155; } .admissions_feature_cover ul li { height: 17px; margin: 0; padding: 0; position: absolute; width: 17px; } .admissions_feature_cover ul li a { background: url(../images/admissions_feature_btns.png); display: block; float: left; height: 17px; text-indent: -9999px; width: 17px; } /*admissions feature point setup*/ .admissions_feature_cover ul li.rust a { background-position: 0 0; } .admissions_feature_cover ul li.rust a:hover, .admissions_feature_cover ul li.rust a.selected { background-position: -17px 0; } .admissions_feature_cover ul li.green a { background-position: 0 -17px; } .admissions_feature_cover ul li.green a:hover, .admissions_feature_cover ul li.green a.selected { background-position: -17px -17px; } .admissions_feature_cover ul li.red a { background-position: 0 -34px; } .admissions_feature_cover ul li.red a:hover, .admissions_feature_cover ul li.red a.selected { background-position: -17px -34px; } /*pop over setup*/ .admissions_feature_cover ul li div.admissions_feature_pop_over { display: none; float: left; font-style: normal; position: relative; width: 260px; z-index: 2000; } .admissions_feature_cover ul li div.admissions_feature_pop_over { *padding-bottom: 5px; } /* for IE7 - sorry! */ .admissions_feature_cover ul li div.admissions_feature_pop_over h3 { color: #fff; font-size: 20px; line-height: 12px; padding: 7px 10px 6px 10px; text-transform: lowercase; } .admissions_feature_cover ul li div.admissions_feature_pop_over p { color: #fff; font-size: 13px; line-height: 17px; padding: 0 10px 10px 10px; } .admissions_feature_cover ul li div.admissions_feature_pop_over a { color: #fff; display: block; font-size: 16px; height: 28px; margin: 1px 5px 5px 5px; padding: 2px 0 0 20px; text-indent: 0; width: 230px; } /*Pop over arrows*/ .admissions_feature_cover ul li.rust div.admissions_feature_pop_over div.arrow { background: url('../images/admissions_feature_popover_arrow_rust.png') no-repeat; height: 12px; position: absolute; width: 25px; } .admissions_feature_cover ul li.green div.admissions_feature_pop_over div.arrow { background: url('../images/admissions_feature_popover_arrow_green.png') no-repeat; height: 12px; position: absolute; width: 25px; } .admissions_feature_cover ul li.red div.admissions_feature_pop_over div.arrow { background: url('../images/admissions_feature_popover_arrow_red.png') no-repeat; height: 12px; position: absolute; width: 25px; } /*pop over colors*/ .admissions_feature_cover ul li.rust div.admissions_feature_pop_over { background: #A74518; } .admissions_feature_cover ul li.rust div.admissions_feature_pop_over a { background: #7D330D url('../images/list_bullet_white.png') center left no-repeat; } .admissions_feature_cover ul li.green div.admissions_feature_pop_over { background: #4A7721; } .admissions_feature_cover ul li.green div.admissions_feature_pop_over a { background: #375918 url('../images/list_bullet_white.png') center left no-repeat; } .admissions_feature_cover ul li.red div.admissions_feature_pop_over { background: #881618; } .admissions_feature_cover ul li.red div.admissions_feature_pop_over a { background: #681011 url('../images/list_bullet_white.png') center left no-repeat; } /*admissions page lower*/ .admissions_callout { height: 260px; margin: 20px 15px 0 0; position: relative; width: 344px; } .admissions_callout_left { height: 260px; margin: 20px 15px 0 20px; position: relative; width: 310px; } .admissions_callout p.image { height: 175px; padding: 0; text-align: center; } .admissions_callout h2 { font-size: 20px; text-transform: none; } .admissions_callout .button { background: url('../images/go_btn.png') top left no-repeat; color: #fff; height: 20px; display: block; text-indent: -9999px; width: 40px; } .admissions_lower h3 { color: #000; } .admissions_lower .callout_column { margin: 0 0 0 7px; width: 230px; } .admissions_lower { padding: 0 0 0 15px; width: 716px; } .admissions_lower .callout { margin: 20px 0px 0 0; width: 220px; } .admissions_lower .info { margin: 20px 29px 0 0; } .admissions_lower p, .admissions_lower .callout p { color: #5E4C4B; font-size: 13px; padding: 10px; } .admissions_lower a, .admissions_lower .callout a { font-size: 11px; text-decoration: none; } .admissions_lower .callout h3 { background: url(../images/admissions_callout_sprite.png) no-repeat; font-size: 14px; height: 39px; line-height: 39px; text-indent:-9999px; } .admissions_lower .request h3 { background-position: 0 0; } .admissions_lower .dates h3 { background-position: 0 -88px; } .admissions_lower .info h3 { background-position: 0 -132px; } .admissions_lower .connect h3 { background-position: 0 -176px; color: #333; padding: 0 0 0 10px; text-indent: 0; } .admissions_lower .info a { background: url('../images/admissions_btns_sprite.png') no-repeat; display: block; height: 30px; padding: 0 0 2px 0;text-indent: -9999px; width: 220px; } .admissions_lower .info a.link_01 { background-position: 0 0; } .admissions_lower .info a.link_01:hover { background-position: -220px 0; } .admissions_lower .info a.link_02 { background-position: 0 -32px; } .admissions_lower .info a.link_02:hover { background-position: -220px -32px; } .admissions_lower .info a.link_03 { background-position: 0 -64px; } .admissions_lower .info a.link_03:hover { background-position: -220px -64px; } .admissions_lower .info a.link_04 { background-position: 0 -96px; } .admissions_lower .info a.link_04:hover { background-position: -220px -96px; } .admissions_lower .info a.link_05 { background-position: 0 -128px; } .admissions_lower .info a.link_05:hover { background-position: -220px -128px; } .admissions_lower .info a.link_06 { background-position: 0 -160px; } .admissions_lower .info a.link_06:hover { background-position: -220px -160px; } .admissions_lower .info a.link_07 { background-position: 0 -192px; } .admissions_lower .info a.link_07:hover { background-position: -220px -192px; } .admissions_lower .info a.link_08 { background-position: 0 -224px; } .admissions_lower .info a.link_08:hover { background-position: -220px -224px; } .dates hr { margin: 0 0 4px 0; } .dates dl.calendar_list { clear: both; display: block; width: auto; margin: 0px 0 0 0; } .dates dl.calendar_list dt { color: #391112; display: block; float: left; font-family: "Lucida Grande", sans-serif; font-size: 12px; padding: 4px 0 3px 0; text-align: center; width: 49px; } .dates dl.calendar_list dt span { color: #D3232D; font-size: 18px; font-weight: normal; display: block; padding: 3px 0 8px 0; } .dates dl.calendar_list dd { border-left: solid 1px #CCC; float: right; padding: 15px 0 15px 10px !important; margin: 0; width: 160px; } .dates dl.calendar_list dd p { font-size: 12px; padding: 0; } .admissions_lower .scholarships { margin: 40px 0; } .admissions_lower .scholarships .title_block { border-bottom: 1px solid #D9D8D7; height: 11px; margin: 0 25px 0 0px; } .admissions_lower .scholarships .title_block h3 { background: #fff; display: block; float: left; font-size: 18px; margin: 0 0 0 220px; padding: 0 20px; } .admissions_lower .scholarships .p { } .admissions_lower .scholarships img { padding: 20px 40px; } /* Alumni */ #main #full_gradient_two_column { background: #fff url(../images/full_gradient_bg.png) repeat-x 0 25px; min-height: 0; } #main #full_gradient_two_column ul { border: none; font-style: normal; margin-right: 20px; } #main #full_gradient_two_column ul li { font-size: 12px; font-style: normal; padding: 0 0 20px 0; } #main #full_gradient_two_column .news_list { margin: 15px 0 0 18px; } #main #full_gradient_two_column .news_list p { padding: 0 0 3px 0; } #main #full_gradient_two_column .news_list h4 { padding: 0 0 3px 0; } #main #full_gradient_two_column .news_list img { margin-top: 3px; } /* Apply */ #main h2.centered_header { background: #FFF url(../images/centered_header_bg.jpg) repeat-x left 9px; text-align: center; margin: 0 0 4px 0; } #main h2.centered_header span { background: #FFF; padding: 0 8px; } #main .deadlines_callout, #main .early_decision_callout { border-top: solid 1px #E2E0E0; } #main .deadlines_callout { margin: 9px 0 0 0; } #main .early_decision_callout { border: solid 1px #E2E0E0; border-width: 1px 0 1px 0; } #main .early_decision_callout p { margin: 0 12px 0 12px; padding: 0 0 8px 0; } #main .deadlines_callout h2 { background: url(../images/apply/deadline_callout_bg.jpg) no-repeat; padding: 30px 0 19px 85px; } #main .early_decision_callout h2 { background: url(../images/apply/early_decision_callout_bg.jpg) no-repeat; padding: 18px 0 30px 85px; } #main ul.deadlines { border: 0; list-style-image: none; margin: 0 0 10px 0; padding: 0; } #main ul.deadlines li { border-bottom: solid 1px #ECECEC; font-size: 12px; height: 55px; margin: 0; padding: 0; font-style: normal; } #main p.deadline_date { border-right: solid 1px #E5E5E5; float: left; font-family: "Lucida Grande", sans-serif; margin: 7px 0; padding: 0; text-align: center; text-transform: uppercase; width: 49px; } #main p.deadline_date span { color: #D3232D; font-size: 18px; font-weight: bold; } #main p.deadline_title { float: left; padding: 20px 10px 0 10px; } /* News - Recent News Releases */ #news_scroller_container { background: url(../images/gray_gradient.png) repeat-x left 2px; } #main ul#yeartabs { border-color: #CCC; height: 25px; margin: 0; } #main ul#yeartabs li { color: #6E5959; display: block; float: left; font-size: 12px; list-style: none; list-style-image: none; margin: 0; padding: 0; } #main ul#yeartabs li.yeartab_label { border-right: solid 1px #CCC; padding: 0 12px 0 24px; } #main ul#yeartabs li a { color: #999; font-size: 14px; font-style: normal; margin: 0 14px; text-decoration: none; } #main ul#yeartabs li a.active { color: #D2222C; } #main #news_scroller_wrapper div.year { padding: 0 16px; } #main #news_scroller_wrapper div.month { padding: 10px 0 0 0; } #main #news_scroller_wrapper div.month ul li { padding: 7px 0; } #main #news_scroller_wrapper div.month ul li span.news_item_date { color: #666;} #main #news_scroller_wrapper div.month ul li a { text-decoration: none; } #news_scroller_wrapper { width: 689px; overflow: hidden; } #news_scroller { width: 10000px; } #news_scroller .year { float: left; width: 650px; } #news_scroller .news_item { margin-top: 8px; margin-bottom: 15px; background: url(../images/gray_gradient_bg_640.jpg); background-repeat: no-repeat; float: left; padding-top: 10px; } /* News - Generic News Item */ #main p.news_release_date { color: #000; padding: 0 0 8px 0; } #main p.news_release_date span { color: #B21D21; font-style: italic; } /* Content Area - No Grey Gradient (admissions, etc.) */ #content.no_bg { background: none; padding: 15px 16px; } #content.no_bg #content_nav { padding: 10px 0 0 15px; } #content.no_bg #breadcrumbs { padding: 5px 0 0 0; } #content.no_bg #main { margin: 0; width: 716px; } /* Gateways */ .gateway_form {background: #fff url(../images/gray_gradient.png) repeat-x left 1px; border: 1px solid #D9D9D9; margin: 0 0 25px 0; padding: 5px 10px 0 10px; width: 200px; } #main .gateway_form ul { border: none; padding: 0; text-align: center; list-style-image: none; } #main .gateway_form ul li { font-family: "Lucida Grande", sans-serif; font-size: 11px; font-style: normal; list-style-image: none; margin: 0; padding: 0 0 2px 0;} #main .gateway_form ul li a { text-decoration: none !important; } .gateway_form label, .callout_form label { float: left; } .gateway_form label { color: #333; font-size: 15px; } input.email_login { float: right; border: solid 1px #D9D9D9; width: 126px; margin: 0 0 12px 0; padding: 2px; } #main p.center { text-align: center; padding: 0; } /* News & Events Landing */ #main .news_events dl.image_and_text_list { margin: 0 0 10px 0; width: 440px; } #main dl em { color: #5E4C4B; font-size: 12px; font-style: italic; display: block; padding: 0 0 5px 0; } #main dl p em { display: inline; } #main .news_events dl.image_and_text_list h4 { padding: 0 0 2px 0; } #main .news_events dl.image_and_text_list dd { padding: 13px 0 0 0; } #main .news_events dl.image_and_text_list dd .block_left { padding: 0 0 10px 0; } #main .news_events dl.image_and_text_list dd p { } .news_events_calendar { height: 225px; width: 200px; } .double_header { border-bottom: solid 1px #CCC; height: 28px; margin: 50px 0 0 0; } .double_header h3 { color: #020202; font-size: 18px; padding: 0 0 5px 0; } .double_header .left_side { float: left; } .double_header .right_side { float: right; width: 200px; } .thin_list, .thin_list_no_border { border-left: solid 1px #CCC; margin: 8px 0 0 0px; padding: 5px 0 0 10px; width: 200px; } .thin_list dt, .thin_list_no_border dt { color: #020202; font-size: 18px; padding: 0 0 5px 0; } .thin_list_no_border { border: 0; padding: 0 0 0 0; } .thin_list dd p, .thin_list_no_border dd p { font-size: 12px; padding: 0 0 10px 0; } .thin_list dd h4, .thin_list_no_border dd h4 { padding: 0 0 2px 0; } .thin_list_no_border { padding: 15px 0 0 0; } .thin_list_no_border dd { padding: 10px 0 0 0; } .three_column { height: 100%; padding: 10px 0 0 0; } .three_column .column { float: left; width: 200px; } .three_column .center_column { border: solid 1px #ECECEC; border-width: 0 1px; float: left; margin: 0 10px 0 10px; padding: 0 5px 20px 12px; width: 228px; } .center_column dd p { font-size: 13px; padding: 5px 0 0 0; margin: 0; width: 210px; } .center_column dd ul { border-bottom: 0; margin: 0 0 10px 0; width: 210px; } /* Calendar */ #calendar { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; margin: 10px 0 0 0; overflow: hidden; padding: 10px 10px 0px 0; } #calendar a { text-decoration: none; } #calendar .ui-datepicker-header { color: #D3232D; font-size: 16px; font-family: Georgia, 'Times New Roman', serif; height: 35px; line-height: 25px; position: relative; text-align: center; width: 195px; } #calendar .ui-datepicker-inline { display: block; float: left; } #calendar .ui-datepicker-prev, #calendar .ui-datepicker-next { color: #fff; font-size: 1.8em; font-weight: bold; height: 25px; position: absolute; text-align: center; text-indent: -9999em; top: 0;} #calendar .ui-datepicker-prev { left: 5px;} #calendar .ui-datepicker-next { right: 5px;} #calendar .ui-datepicker-next, #calendar .ui-datepicker-prev { cursor: pointer; display: block; height: 19px; margin: 3px 0 0 0; width: 8px; } #calendar .ui-datepicker-next { background: url(../images/date_picker_arrows.gif) no-repeat bottom center; } #calendar .ui-datepicker-prev { background: url(../images/date_picker_arrows.gif) no-repeat top center; } #calendar table { border: 0; } #calendar td { border: 1px solid #fff; padding: 0; } #calendar td.ui-state-disabled { background-color: #EBEBEB; color: #AEAEAE; padding: 0; } #calendar td .ui-state-default { background-color: #D1D1D1; color: #666; cursor: pointer; display: block; font-size: 10px; height: 27px; line-height: 27px; text-align: center; width: 27px; } #calendar td .ui-state-hover, #calendar td .ui-state-active { background-color: #fff; color: #D3232D; } #calendar td a:active { background-color: #fff; color: #222; text-decoration: none; } #calendar thead th { border: 0; color: #202002; font-size: 9px; padding: 5px 0; text-align: center; text-transform: uppercase; } #calendar thead th a { color: #222; text-decoration: none; } .news_events_loading { float: left; left: 210px; position: relative; top: 120px; width: 0; z-index: 10; } .news_events_loading img { display: none; } p.calendar_caption { background: url('../images/news_events_arrow.png') no-repeat; background-position: 0 3px; font-size: 11px; margin: 5px 0 0 0; padding: 0 0 0 15px; } #giving_list { border: 0; border-top: 1px solid #d9d9d9; list-style-image: none; margin: 0 0 40px 0; padding: 0; } #giving_list li { border-bottom: 1px solid #d9d9d9; font-style: normal; margin: 0; padding: 20px 0 10px 0; } #giving_list li.last { border: 0; } #giving_list li .image { float: left; display: block; height: 100%; padding: 0 20px 0 0; vertical-align: middle; } #giving_list li p { padding: 0; margin: 0 0 0 115px; } #giving_list li h3 { color: #000; font-style: normal; } #giving_list li ul { border: 0; float: left; margin: 0; padding: 0 0 5px 15px; width: 300px; } #giving_list li ul li { border: 0; font-style: italic; padding: 0; } .make_your_gift { border-top: 1px solid #d9d9d9; display: block; padding: 10px 0 0 0; } .first_in_america { margin: 10px 0 25px 0; } .first_in_america h3 { color: #000; } #sillouette_wrapper { border: 1px solid #ccc; border-width: 1px 0; height: 271px; margin: 10px 0; position: relative; width: 120px; } #sillouette_active { border-top: 1px solid #ccc; background: url('../images/give/sillouette_gradient.png') no-repeat bottom center; bottom: 0; left: 0; position: absolute; width: 120px; z-index: 10; } #sillouette_bg { background: url('../images/give/sillouette_grey.png') no-repeat bottom center; bottom: 0; height: 271px; left: 0; position: absolute; width: 120px; z-index: 9; } #sillouette_shadow { background: url('../images/give/sillouette_shadow.png') no-repeat bottom left; bottom: 0; left: 25px; position: absolute; height: 98px; width: 156px; z-index: 8; } #sillouette_wrapper .goal, #sillouette_wrapper .current, #sillouette_wrapper .start { color: #5E4C4B; font-size: 11px; font-style: italic; left: 130px; position: absolute; width: 100px; z-index: 12; } #sillouette_wrapper .goal strong, #sillouette_wrapper .current strong, #sillouette_wrapper .start strong { color: #9F1A1F; display: block; font-size: 12px; font-style: normal; padding: 0 0 3px 0; } #sillouette_wrapper .goal { top: -8px; } #sillouette_wrapper .current { bottom: -18px; } #sillouette_wrapper .start { bottom: -5px; } .fund_progress { clear: both; margin: 0 0 40px 0; } .fund_progress_content { padding: 10px 18px; } .fund_progress_content hr { border: #A5BA8C solid; border-width: 1px 0 0 0; margin: 0 0 6px 0; } .fund_progress_content p { color: #fff; font-size: 11px; padding: 0 0 8px 0; } .fund_progress_content p span { display: inline-block; width: 60px; } .philanthropy h4 { padding: 0 0 2px 0; } .philanthropy em { color: #6D5959; display: inline-block; font-size: 12px; padding: 0 0 8px 0; } /*------------------------------------------- Programming Styles -------------------------------------------*/ .do-not-show { visibility: hidden; } /*------------------------------------------- Forms --------------------------------------------*/ .content form.general div { margin: 0 0 20px 0; font-size: 13px; } .content form.general div label { display: block; color: #020202; font-size: 14px; margin: 0 0 4px 0; } .content form.general div.radio label, .content form div.check label { display: inline; margin: 0px 3px 0px 0px; } .content form.general div input { border: 1px solid #ccc; padding: 4px; } .content form.general div.radio input, .content form div.check input { border: 0; padding: 4px; } .content form.general input.submit { background-color: #941D20; border: 1px solid #B72226; color: #FFFFFF; font-size: 14px; padding: 8px 40px; } .content form.general div textarea { border: 1px solid #ccc; padding: 4px; } /*------------------------------------------- Font tag killer --------------------------------------------*/ font { color: inherit !important; margin: inherit !important; padding: inherit !important; font: inherit !important; text-decoration: inherit !important; border: inherit !important; background: inherit !important; bottom: inherit !important; top: inherit !important; left: inherit !important; right: inherit !important; position: inherit !important; clear: inherit !important; float: inherit !important; height: inherit !important; width: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; outline: inherit !important; overflow: inherit !important; display: inherit !important; visibility: inherit !important; text-indent: inherit !important; white-space: inherit !important; word-spacing: inherit !important; z-index: inherit !important; text-align: inherit !important; max-height: inherit !important; max-width: inherit !important; min-height: inherit !important; min-width: inherit !important; cursor: inherit !important; } /*----------------------------------------- HomePage Callouts -----------------------------------------*/ #limestone { display: block; width: 228px; height: 101px; background: url(../images/callouts/life_beyond.png) no-repeat 0 0; margin: 5px; } #limestone:hover { background-position: 0 -101px; } #limestone span { display: none; } #orientation { display: block; width: 228px; height: 101px; background: url(../images/callouts/class_2014.png) no-repeat 0 0; margin: 5px; } #orientation:hover { background-position: 0 -101px; } #orientation span { display: none; } #virtual_tour { display: block; width: 228px; height: 101px; background: url(../images/callouts/virtual_tour2.png) no-repeat 0 0; margin: 5px; } #virtual_tour:hover { background-position: 0 -101px; } #virtual_tour span { display: none; } #commencement { display: block; width: 228px; height: 101px; background: url(../images/callouts/commencement.png) no-repeat 0 0; margin: 5px; } #commencement:hover { background-position: 0 -101px; } #commencement span { display: none; } #alumni_weekend { display: block; width: 228px; height: 101px; background: url(../images/callouts/alumni_weekend2.png) no-repeat 0 0; margin: 5px; } #alumni_weekend:hover { background-position: 0 -101px; } #alumni_weekend span { display: none; } #homecoming_weekend { display: block; width: 228px; height: 101px; background: url(../images/callouts/homecoming_family_weekend2.png) no-repeat 0 0; margin: 5px; } #homecoming_weekend:hover { background-position: 0 -101px; } #homecoming_weekend span { display: none; } #advancement { display: block; width: 228px; height: 101px; background: url(../images/callouts/make_gift.png) no-repeat 0 0; margin: 5px; } #advancement:hover { background-position: 0 -101px; } #advancement span { display: none; } #studentBlogs { display: block; width: 228px; height: 101px; background: url(../images/callouts/studentBlogs_callout.png) no-repeat 0 0; margin: 5px; } #studentBlogs:hover { background-position: 0 -101px; } #studentBlogs span { display: none; } #liberalarts { display: block; width: 228px; height: 101px; background: url(../images/callouts/liberal_arts.png) no-repeat 0 0; margin: 5px; } #liberalarts:hover { background-position: 0 -101px; } #liberalarts span { display: none; } div.thumbimage { width:160px; height:130px; overflow:hidden; text-align: center; margin: 0px; padding: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } div.PageSection { clear: both; margin-top: 10px; margin-left: 10px; } /*--------------------------- JQuery Cycle styles ---------------------------*/ .slideshow { height: 120px; width: 685px; margin: auto; overflow:hidden} .slideshow img { padding: 0px; /*border: 1px solid #ccc; background-color: #eee;*/ } code.mix {display:none;} #NewsNavTease div.slide { width: 250px; margin-right: 5px; padding-right: 10px; } #NewsNavTease div.slideNewsItem { height: 125px; margin-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; } #NewsNavTease img.slideNewsThumb { float: left; margin-right: 10px; margin-left: 0; clear: right; padding-top: 5px; } #NewsNavTease a.title { color: #000; text-decoration: none; } #newsnav { background-color: #FFF; margin-bottom: 10px; padding-bottom: 5px; float: right; margin-top: -25px; } #newsnav a { background: url(../images/calendar_tab_bg.gif) no-repeat left top; color: #B61D23; display: block; float: left; font-family: "Lucida Grande", sans-serif; font-size: 10px; font-style: normal; height: 14px; margin: 0 4px 0 0; padding: 1px 0 0 0; text-align: center; text-decoration: none; width: 15px; /*text-decoration: none; margin: 0 5px; padding: 3px 5px; color: #666; font-family: Arial, Helvetica, sans-serif; font-style: italic;*/ } #newsnav a.activeSlide {background-position: left bottom; color: #FFF; /*background: #CCC; color: #333; */ } #newsnav a:focus { outline: none; } /*--------------------------- New Template Changes ---------------------------*/ #masterPageNav { background-color: #999; padding: 5px 0px 0px; height: 35px; width: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #pageHead{ width: 976px; margin-right: auto; margin-left: auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #333; } /* Search box2 */ #search2 { overflow: hidden; padding: 0px 10px 2px 20px; float: right; } #search2 input { float: left; margin: 0; } #search2 input.text { background-color: #FFF; color: #666; border: 0; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; padding: 5px; width: 160px; } .staffBlock { border-top-width: 1px; border-top-style: solid; border-top-color: #ECECEC; margin-top: 10px; margin-bottom: 10px; clear: right; width: 100%; padding: 10px; display: block; } .staffphoto { margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 10px; display: inline; clear: right; float: right; } @charset "utf-8"; /* CSS Document */ /*----------------------------------------- Admission -----------------------------------*/ div.yieldcontent { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ display: none; float: left; width: 700px; margin-top:0px; } div.yieldcontent a, div.yieldnavigation a { text-decoration: none; color: #777; } div.yieldcontent a:focus, div.yieldcontent a:hover, div.yieldcontent a:active { text-decoration: underline; } div.gallerycontrols { border-top: 1px solid #CCC; margin-top: 15px; height: 23px; } div.gallerycontrols a { padding: 5px; color:#9e191c; } div.ss-controls { float: left; } div.nav-controls { float: right; } div.slideshow-container { position: relative; clear: both; margin-top:5px; width: 700px; height: 319px; /* This should be set to be at least the height of the largest image in the slideshow */ } div.loader { position: absolute; top: 0; left: 0; background-image: url('../images/admissions/loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ } div.slideshowb { } div.slideshowb span.image-wrapper { display: block; position: absolute; top: 0; left: 0; } div.slideshowb a.advance-link { display: block; width: 490px; height: 325px; /* This should be set to be at least the height of the largest image in the slideshow */ line-height: 325px; /* This should be set to be at least the height of the largest image in the slideshow */ text-align: center; } div.slideshowb a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; } div.slideshowb img { vertical-align: middle; border: 1px solid #ccc; } div.download { float: right; } div.caption-container { position: relative; float:right; width:100px; height: 350px; } span.image-caption { display: block; position: absolute; width: 230px; top: 15px; left: -110px; } div.yieldcaption { padding: 12px; } div.yield-image-title { color:#D3232D; font-size: 16px; font-weight:bold; } div.yield-image-desc { line-height: 1.3em; padding-top: 12px; } div.yieldnavigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ } ul.yieldthumbs { clear: both; margin: 0; padding: 0; } ul.yieldthumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; height:115px; } a.yieldthumb { padding: 2px; display: block; border: 1px solid #ccc; } ul.yieldthumbs li.selected a.yieldthumb { background: #000; } a.yieldthumb:focus { outline: none; } ul.yieldthumbs img { border: none; display: block; } div.pagination { clear: both; } div.yieldnavigation div.top { margin-bottom: 12px; height: 11px; } div.yieldnavigation div.bottom { margin-top: 12px; } div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; } div.pagination a:hover { background-color: #eee; text-decoration: none; } div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; } div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; } .enrollbutton { width:570px; height:64px; display:block; background-image:url(../images/admissions/enrollbutton.png); background-position: top; } .enrollbutton:hover{ width:570px; background-position: bottom; height:64px; background-image:url(../images/admissions/enrollbutton.png) no repeat; } /** basic.css imported pieces **/ div#ads { clear: both; padding: 12px 0 12px 66px; } div#yieldfooter { width:570px; clear: both; color: #777; margin: 50px auto; text-align: center; } .facebook_list, .twitter_list, .flickr_list, .youtube_list { display:none; }