/* Middlebury College Styles */ /* by White Whale Web Services */ /* Reset defaults */ html { font-size:100%; } body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,img,form,label,iframe { margin:0; padding:0; font-size:1em; line-height:inherit; font-weight:inherit; color:inherit; border:none; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } input,select,textarea,button { font-size:1em; line-height:inherit; font-family:inherit; margin:0; } input[type=button],input[type=submit],button { overflow:visible; } input[disabled],select[disabled],textarea[disabled],button[disabled] { opacity:0.75; } .skiplink { position:absolute; top:0; left:-9999px; width:9em; padding:5px; color:#00f; background-color:#ff9; border:1px solid #993; text-align:center; z-index:9999; } .skiplink:focus { left:0; } .clear { height:0; clear:both; } /* Basic elements and type */ body { background:#071427 url(/images/design/bluegradient.jpg) no-repeat center top; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; color:#210; font-size:0.875em; line-height:1.4; } a { color:#272c6f; text-decoration:none; border-bottom:1px dotted #147; padding:0.07em; } a:hover { color:#036; border-bottom:1px solid #036; background-color: #efc;} a.noborder,a.noborder:hover { border:none; background-color:transparent !important; padding:0; } p { margin-bottom:1em; } ul,ol { margin-left:1.5em; margin-bottom:0.8em; } li { margin:0.4em 0; } h1 { font-size:1.6em; font-weight:bold; color:#012; } h2 { font-size:1.6em; color:#084b71; } h3 { font-size:1.4em; color:#4f3e1e; } h3 a { border-bottom:1px dotted #147; padding:1px; } h3 a:hover { color:#036; border-bottom:1px solid #036; background-color: #eeffcc; } h4 { font-weight:bold; font-size:1.2em; color:#666; } h5 { font-size:1.1em; color:#666; font-weight: bold; } h6 { font-weight:bold; color:#666; } h1, h2, h3, h4, h5, h6 {margin-bottom:6px;} pre {font-size:1.1em;} blockquote { border-left:1px solid #d4d6c8; padding:10px 18px; margin:10px 10px 18px 10px; font-family:Georgia, serif; font-size:1.2em; color:#996; } .image_left { float:left; width:204px; margin:6px 18px 6px 0; } .image_right { float:right; width:204px; margin:6px 0 6px 18px; } .caption { font-style: italic; font-size:0.929em; color:#888; line-height:1.25; margin:3px; } .opening { font-family:Georgia, serif; font-size:1.5em; color:#330;} .verybig { font-size:2em; line-height:1.25em;} .big { font-size:1.6em; line-height:1.25em;} .small { font-size:0.929em; line-height:1.25em;} .fineprint { font-size:0.857em; color:#663; letter-spacing:1px;} .date { font-size:0.857em; color:#663; margin-bottom:6px; line-height: 1.4em;} .showall { margin:1em 0; font-size:1.25em; font-weight:bold; } .more_link { text-align:right; font-weight:bold; } .headline { font-family: Georgia, serif; font-weight:normal; font-size:1.2em; } .summary { font-size:0.929em; line-height:1.3em; } .tags { font-size: 0.929em; color:#999966; } .tags a { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color:#f4f4ea; border:1px solid #ccc; cursor:default; display:inline-block; margin:2px 0.2em; padding:0.1em 0.2em; } .tags a:hover { text-decoration:none; background-color:#e9e9c9; } ul.toplinks { list-style-type:none; margin:0; padding:0;} ul.toplinks > li > a {font-size:1.25em;line-height:1.25em; font-weight:bold;} ul.toplinks .small { display:block; font-weight:normal; color:#210; margin:.5em 0 .5em .5em;} /* Tables */ table {margin-bottom:1em;} th {font-family:sans-serif; font-size:0.929em; line-height:1.1em; color:#404040; font-weight:normal; padding:8px; background-color:#efefea; border-bottom: 1px solid #cc9; border-top: 3px solid #663;} td {font-size:0.929em; color:#404040; font-weight:normal; padding:8px;background:#fff; border-top: 1px solid transparent;border-bottom: 1px solid #cc9;} td:hover {background: #efeee9; color: #404040;} table.layout td {font-size:1em; color:inherit; padding:0 20px 20px 0; background:none; border:none; vertical-align:top;} table.layout tr:hover td {background: none; color: inherit;} /* Forms */ form { margin-bottom:1em; } fieldset { margin-bottom:1em; } textarea {padding:10px;} input.radio, input.checkbox {margin-right:10px;} input {padding:2px;} /* In left column: */ #left h3 { font-size:1em; font-weight:bold; color:#ccc; } /* FAQs .question { padding-top:20px; font-size:1.2em; color:#336600; font-weight:bold; } .answer { padding-left:20px; border-left:1px solid #dadada; } /* Page structure */ .container { width:960px; margin:0 auto; position:relative; clear:both; } #search { position:absolute; top:18px; right:0; } #search label { display:none; } #search_query { background-color:#1F2630; border:1px solid #365783; font-size:0.929em; color:#d2d4d6; padding:2px 4px; width:10em; } #search_submit { border:none; background-color:transparent; font-weight:bold; font-size:0.857em; color:#d2d4d6; padding:0; height:16px; margin-right:-8px; } #search_submit.ir { text-indent:-999em; overflow:hidden; background:url(/images/design/arrow_go.gif) no-repeat center center; width:8px; padding:0 4px; margin-right:-4px; } #navigation { width:936px; padding:0 12px; height:2.57em; font-size:1.5em; line-height:24px; font-family:Garamond,"Times New Roman",serif; margin:0; } #navigation li { list-style-type:none; float:left; margin:0; text-align:center; } #navigation li a { text-decoration:none; border:none; padding:0; display:block; } #navigation li a:hover { background-color:transparent; } #navigation.ir li a { position:relative; overflow:hidden; text-indent:-999em; height:24px; } #navigation.ir li a span { position:absolute; top:0; right:0; width:100%; height:100%; } #navigation li.top { margin:0 21px 6px 0; } #navigation li.top a { color:#fff; } #navigation li.top a:hover { color:#cc9; } #navigation li.top a span { background-image:url(/images/design/nav_top.gif); } #navigation li.bottom { margin-right:17px; } #navigation li.bottom a { color:#73a2e6; } #navigation li.bottom a:hover { color:#fff; } #navigation li.bottom a span { background-image:url(/images/design/nav_bottom.gif); } li#nav_admissions { width:116px; } li#nav_admissions a span { background-position:0 0; } li#nav_admissions a:hover span { background-position:0 -24px; } li#nav_admissions.active a span { background-position:0 -48px; } li#nav_admissions.active a:hover span { background-position:0 -72px; } li#nav_academics { width:109px; } li#nav_academics a span { background-position:-137px 0; } li#nav_academics a:hover span { background-position:-137px -24px; } li#nav_academics.active a span { background-position:-137px -48px; } li#nav_academics.active a:hover span { background-position:-137px -72px; } li#nav_studentlife { width:118px; } li#nav_studentlife a span { background-position:-268px 0; } li#nav_studentlife a:hover span { background-position:-268px -24px; } li#nav_studentlife.active a span { background-position:-268px -48px; } li#nav_studentlife.active a:hover span { background-position:-268px -72px; } li#nav_athletics { width:91px; } li#nav_athletics a span { background-position:-407px 0; } li#nav_athletics a:hover span { background-position:-407px -24px; } li#nav_athletics.active a span { background-position:-407px -48px; } li#nav_athletics.active a:hover span { background-position:-407px -72px; } li#nav_arts { width:48px; } li#nav_arts a span { background-position:-519px 0; } li#nav_arts a:hover span { background-position:-519px -24px; } li#nav_arts.active a span { background-position:-519px -48px; } li#nav_arts.active a:hover span { background-position:-519px -72px; } li#nav_international { width:236px; } li#nav_international a span { background-position:-589px 0; } li#nav_international a:hover span { background-position:-589px -24px; } li#nav_international.active a span { background-position:-589px -48px; } li#nav_international.active a:hover span { background-position:-589px -72px; } li#nav_middlab { width:90px; margin-right:0 !important; float:right; } li#nav_middlab a span { background-position:-847px 0; } li#nav_middlab a:hover span { background-position:-847px -24px; } li#nav_middlab.active a span { background-position:-847px -48px; } li#nav_middlab.active a:hover span { background-position:-847px -72px; } li#nav_about { width:173px; } li#nav_about a span { background-position:0 0; } li#nav_about a:hover span { background-position:0 -24px; } li#nav_about.active a span { background-position:0 -48px; } li#nav_about.active a:hover span { background-position:0 -72px; } li#nav_sustainability { width:138px; } li#nav_sustainability a span { background-position:-194px 0; } li#nav_sustainability a:hover span { background-position:-194px -24px; } li#nav_sustainability.active a span { background-position:-194px -48px; } li#nav_sustainability.active a:hover span { background-position:-194px -72px; } li#nav_giving { width:73px; } li#nav_giving a span { background-position:-353px 0; } li#nav_giving a:hover span { background-position:-353px -24px; } li#nav_giving.active a span { background-position:-353px -48px; } li#nav_giving.active a:hover span { background-position:-353px -72px; } li#nav_news { width:115px; } li#nav_news a span { background-position:-447px 0; } li#nav_news a:hover span { background-position:-447px -24px; } li#nav_news.active a span { background-position:-447px -48px; } li#nav_news.active a:hover span { background-position:-447px -72px; } li#nav_events { width:181px; } li#nav_events a span { background-position:-584px 0; } li#nav_events a:hover span { background-position:-584px -24px; } li#nav_events.active a span { background-position:-584px -48px; } li#nav_events.active a:hover span { background-position:-584px -72px; } li#nav_offices { width:171px; margin-right:0 !important; float:right; } li#nav_offices a span { background-position:-787px 0; } li#nav_offices a:hover span { background-position:-787px -24px; } li#nav_offices.active a span { background-position:-787px -48px; } li#nav_offices.active a:hover span { background-position:-787px -72px; } #wordmark { font-family:Garamond,"Times New Roman",serif; margin:0 auto; width:206px; padding:24px 0 18px; font-size:3.2em; line-height:1; color:#fff; } #wordmark a { font-weight:normal; background-color:transparent; border:none; padding:0; color:#fff; } /* Waveform and Carousel */ #waveform,#carousel { color:#fff; height:240px; margin:18px 0; position:relative; overflow:hidden; } .slider { position:absolute; left:0; top:0; height:100%; margin-right:-12000px; } #stories { list-style-type:none; margin:0; height:100%; padding:0 8px; float:left; } .bar { height:100%; width:14px; padding:0 8px; overflow:hidden; position:relative; margin:0; float:left; } .bar_contents { position:absolute; left:8px; right:8px; } .bar_title { font-weight:bold; font-size:1em; padding-bottom:2px; overflow:hidden; position:relative; } .bar_target { margin:-8px; padding:8px; cursor:pointer; z-index:100; position:relative; } .bar_color { background-color:#73a2e6; position:relative; overflow:hidden; width:100%; } .bar_color .bar_image_bw,.bar_color .bar_image { position:absolute; top:50%; left:0; } .bar_color .bar_image a { position:absolute; top:0; left:0; width:100%; height:100%; border:none; background:none; } .bar_text { font-size:0.929em; line-height:1.3; padding:2px 0; overflow:hidden; position:relative; } .bar_text div { position:relative; top:-30px; } .bar_text a { color:#9cc7e6; } .bar_text a:hover { text-decoration:underline; color:#333; } .disabled .bar_target { cursor:default; } .disabled .bar_color { background-color:#37424f; } .submit .bar_color { background-color:transparent !important; border:1px dashed #fff; } #header { width:auto; margin-right:-16px; } #header h1 { position:absolute; top:40px; left:0; width:100%; color:#fff; font-family:Garamond,"Times New Roman",serif; font-size:14em; line-height:1; text-align:center; } #header h1 img { float:none; } #header img { margin:0 16px 0 0; float:left; } #waveform.nojs .slider { width:1410px; left:50%; margin-left:-713px; } #stories.nojs { display:block; background:url(/images/design/waveform_nojs.png) no-repeat top center; width:1410px; } #stories.nojs .bar { position:absolute; top:0; left:690px; width:360px; } #stories.nojs .bar .bar_title,#stories.nojs .bar .bar_text { width:360px; } #stories.nojs .bar_color { height:220px; } #stories.nojs .bar_text { top:0; } #bar_pointer { color:#036; background-color:#c3e2f5; border:1px solid #fff; line-height:24px; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; position:fixed; display:none; z-index:1200; padding:0 5px; font-weight:bold; white-space:nowrap; font-size:0.929em; } #bar_pointer_arrow { width:43px; height:12px; position:absolute; left:-5px; top:0; background-image:url(/images/design/bar_pointer_arrow.png); z-index:1210; } #carousel { color:#fff;} #carousel_features { border:dashed #fff; border-width:1px 1px 1px 0; list-style-type:none; height:238px; margin:0; } #carousel_features li { border-left:1px dashed #fff; height:180px; padding:30px; margin:0; float:left; min-width:200px; max-width:500px;} #carousel_features a { color:#cf6; text-decoration:none; border:none; padding:0; } #carousel_features a:hover { color:#a9d4ff; text-decoration:underline; border:none; background-color:transparent; } #carousel_features h2, #carousel_features h3, #carousel_features h4, #carousel_features h5, #carousel_features h6 { color:#83B2F9 !important; } #carousel_arrow { position:absolute; left:258px; bottom:-43px; width:49px; height:43px; background-image:url(/images/design/carousel_arrow.png); } /* Video overlays */ .blackout { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#071427; z-index:1000; } .video_overlay { position:absolute; left:50%; margin-left:-280px; width:560px; height:320px; z-index:1100; background-color:#000; color:#fff; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; } object,embed { outline:none; } .submit_overlay { position:absolute; left:50%; margin-left:-214px; width:400px; padding:14px; z-index:1100; border:1px solid #fff; background-color:#C3E2F5; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; } .submit_overlay form { margin:0; } .submit_overlay label { display:block; font-weight:bold; clear:both; margin-top:4px; } #submit_name,#submit_email { width:180px; border:none; padding:2px;} #submit_story { border:none; width:396px; height:100px; padding:2px; } #submit_tags { width:396px; border:none; padding:2px; } #submit_submit { font-weight:bold; margin-top:10px; } .close_overlay { position:absolute; top:-10px; right:-10px; -moz-border-radius:20px; -webkit-border-radius:20px; width:20px; height:20px; font-size:18px; line-height:15px; text-align:center; background-color:#e33; border:3px solid #999; font-weight:bold; color:#fff; } .close_overlay:hover { background-color:#b22; color:#eee; border-color:#777; cursor:pointer; } #content { position:relative; margin-top:18px; background:url(/images/design/background_content.gif) repeat-y left top;} #taskbar { position:relative; padding:0 18px; height:40px; line-height:40px; background-color:#eed; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size:0.929em; z-index:400; } #taskbar_back { color:#210; border:none; padding:none; display:block; height:34px; line-height:34px; padding:0 6px 0 37px; position:absolute; top:3px; left:3px; background:url(/images/design/taskbar_back.gif) no-repeat left top; } #taskbar_back strong { color:#036; } #taskbar_back:hover { background-color:#ddd; background-position:left bottom; } #taskbar_go { background-color:#cc9; position:absolute; left:3px; top:3px; height:32px; padding:0 6px; } #taskbar_go label { font-size:1.8em; font-style:italic; margin-right:0.1em; font-family:Georgia,serif; color:#036; line-height:26px; position:relative; z-index:100; } #taskbar_go #go_query { padding:3px 5px; border:none; line-height:1em; margin-left:-4px; } #taskbar_go #go_submit { border:none; background-color:transparent; font-weight:bold; font-size:0.929em; color:#222; padding:0; } #taskbar_dropdowns { position:absolute; top:0; right:0; z-index:400; } .dropdown_label { float:left; } .dropdown { position:relative; float:left; margin:3px; } .dropdown h3 { font-family:Verdana,"Lucida Grande",Lucida,sans-serif; font-size:0.846em; text-transform:uppercase; letter-spacing:0.1em; cursor:pointer; color:#222; line-height:28px; padding:3px 30px 3px 6px; background:#83B2F9 url(/images/design/dropdown_pointer.png) no-repeat right top; } .dropdown .contents { background:#0d1e29; color:#fff; line-height:1.4; display:none; position:absolute; top:33px; left:0; z-index:500; min-width:100%; } .dropdown .contents a { color:#ccc; padding:0; border:none; background-color:transparent; } .dropdown .contents a:hover { color:#ffa; } .dropdown .contents ul { list-style-type:none; margin:0; padding:12px; } .dropdown .contents ul li { margin:0 0 0.4em; } .dropdown.last .contents { right:0; left:auto; } .dropdown.active h3 { background-color:#036; color:#fff; background-position:right bottom; } .dropdown.active .contents { display:block; } .dropdown.dark h3 { color:#fff; background-color:#036; background-position:right bottom; } .dark.active h3 { background-color:#83B2F9; color:#222; } .dropdown.red h3 { color:#fff; background-color:#790E39; background-position:right bottom; } .red.active h3 { background-color:#FF7171; color:#222; } .dropdown.silver h3 { background-color:#767b91; color:#fff; background-position:right bottom; } .silver.active h3 { background-color:#767b91; color:#222; } .dropdown.gray h3 { background-color:#8c8c8c; color:#fff; background-position:right bottom; } .gray.active h3 { background-color:#8c8c8c; color:#222; } #heading { position:relative; } #heading a { padding:0; border:none; } #heading a img { display:block; } #juicebar { position:relative; background-color:#c9d1e6; margin:0 -12px; } #tabs { position:absolute; top:-30px; right:18px; list-style-type:none; } #tabs li { margin:0 0 0 6px; background-image:url(/images/design/white_60trans.png); float:left; } #tabs li a { font-weight:bold; color:#222; display:block; padding:6px 12px; height:18px; border:0; outline:none; } #tabs li a:hover { color:#600; background-color:transparent; } #tabs li.active a { background-color:#C9D1E6; color:#333; } #juicebar .tab { padding:18px 30px; } #left { float:left; width:204px; padding:18px 18px 15em; color:#fff; font-size:0.929em; } #left a { color:#cf6; border-bottom-color:#cf6; } #left a:hover { background-color:#003466; } #subnavigation { margin:12px -18px; list-style-type:none; border-top:1px solid #323f3f; } #subnavigation li { background-color:#0d1e29; border-bottom:1px solid #323f3f; margin:0; } #subnavigation li a { font-weight:bold; color:#fff; border:none; display:block; padding:4px 18px; } #subnavigation li a:hover { color:#cf6; text-decoration:underline; background-color:transparent; } #subnavigation li ul { display:none; } #subnavigation li.active { } #subnavigation li.active a { color:#cf6; } #subnavigation li.active ul { margin:0 18px 0 30px; list-style-type:none; display:block; } #subnavigation li.active ul li { border:none; margin-bottom:4px; } #subnavigation li.active ul li a { padding:0; color:#eee; display:inline; font-weight:normal; } #subnavigation li.active ul li a:hover { color:#fff; } #subnavigation li.current a,#subnavigation li.active ul li.current a { color:#cc9; font-weight:bold; } #subnavigation li.current a,#subnavigation li.active ul li.current a:hover { text-decoration:none; } #page { float:left; width:720px; background-color:#fff; border-top:4px solid #cc9; } #body { float:left; padding:18px; } #breadcrumb { color:#666; font-size:0.857em; margin-bottom:18px; } #breadcrumb a { padding-bottom:0; } #breadcrumb a:hover { border-bottom:1px solid #999; background-color:#eee; color:#333; } #sidebar { float:right; width:204px; padding:18px 0 18px 18px; } #sidebar img { border:none; text-decoration: none; margin-bottom:10px; } #sidebar a img { border:none; text-decoration: none; } #sidebar a:hover img { border: none; text-decoration:none; } #address { position:absolute; bottom:0; left:0; padding:18px; color:#fff; width:204px; } #address a { color:#cf6; border-bottom-color:#cf6; } #address a:hover { background-color:#003466; } #footer { background-color:#036; line-height:30px; margin-top:30px; font-size:1.1em; font-family:Garamond,"Times New Roman",serif; color:#fff; position:relative; } #footer a { color:#fff; border-color:#ccc; padding:0; outline:none; } #footer a:hover { border:none; color:#036; background-color:#83B2F9; } #footer ul { list-style-type:none; margin:0; } #footer ul li { float:left; margin:0 6px; height:30px; } #footer ul li a { color:#fff; border:none; display:block; height:30px; padding:0 6px; overflow:hidden; position:relative; text-align:center; } #footer ul li a span { height:100%; position:absolute; top:0; left:0; width:100%; background-image:url(/images/design/nav_footer.gif); } #footer ul li a:hover { background-color:transparent; } li#gateways_students { width:126px; } #gateways_students a span { background-position:0 0; } #gateways_students a:hover span { background-position:0 -30px; } #gateways_students.active a span { background-position:0 -60px; } #gateways_students.active a:hover span { background-position:0 -90px; } li#gateways_parents { width:63px; } #gateways_parents a span { background-position:-144px 0; } #gateways_parents a:hover span { background-position:-144px -30px; } #gateways_parents.active a span { background-position:-144px -60px; } #gateways_parents.active a:hover span { background-position:-144px -90px; } li#gateways_staff { width:111px; } #gateways_staff a span { background-position:-225px 0; } #gateways_staff a:hover span { background-position:-225px -30px; } #gateways_staff.active a span { background-position:-225px -60px; } #gateways_staff.active a:hover span { background-position:-225px -90px; } li#gateways_alumni { width:61px; } #gateways_alumni a span { background-position:-354px 0; } #gateways_alumni a:hover span { background-position:-354px -30px; } #gateways_alumni.active a span { background-position:-354px -60px; } #gateways_alumni.active a:hover span { background-position:-354px -90px; } li#quick_go { width:92px; } #quick_go a span { background-position:-433px 0; } #quick_go a:hover span { background-position:-433px -30px; } #quick_go.active a span { background-position:-433px -60px; } #quick_go.active a:hover span { background-position:-433px -90px; } li#quick_contact { width:236px; } #quick_contact a span { background-position:-542px 0; } #quick_contact a:hover span { background-position:-542px -30px; } #quick_contact.active a span { background-position:-542px -60px; } #quick_contact.active a:hover span { background-position:-542px -90px; } #quick { float:right; } #quick li { position:relative; } #quick li a { outline:none; } #quick li .contents { display:none; position:absolute; top:30px; left:0; padding:12px; background:url(/images/design/dkblue_95trans.png); width:240px; color:#fff; } #quick li.active .contents { display:block; } #quick li .contents { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size:0.929em; line-height:1.4; } #quick li .contents a { display:inline; width:auto; color:#FFE371; padding:0; } #quick li .contents a:hover { color:#ffa; } #quick li .contents ul { width:50%; float:left; } #quick li .contents ul li { display:block; float:none; margin:0 0 0.4em 0; } #footer_panel { height:300px; background:#527546 url(/images/design/footer_campusaerial.jpg) no-repeat center top; display:none; } /* Reuseable content blocks */ .titlecard { background-color:#efeee9; border:1px solid #d4d6c8; padding:16px 16px 8px 16px; margin:0px; line-height:1.5em; font-size:0.88em; } /* Sidebar/"feature" elements */ .feature { margin-bottom:18px; } #left .feature { margin:60px 0; } #left .feature p {font-size:1.2em;} .feature img { display:block; margin-left:auto; margin-right:auto; } .box { padding:11px; border:1px dashed #996; margin-bottom:18px; position:relative; } .pointer,.pointer_bottom { margin-bottom:18px; } .pointer h3,.pointer_bottom h3 { background-color:#666; color:#fff !important; font-size:1.2em;padding:8px 12px; margin:0; font-family:Garamond,"Times New Roman",serif; text-align:center; } .pointer .arrow,.pointer_bottom .arrow { height:32px; width:34px; margin:0 auto -21px; background:#666 url(/images/design/arrow.png); position:relative; z-index:100; } .pointer .box { padding:17px 11px 11px; margin:0; } .pointer_bottom { position:relative; padding-bottom:51px; } .pointer_bottom h3 { position:absolute; bottom:0; height:24px; overflow:hidden; width:180px; text-align:center; } .pointer_bottom .arrow { background-image:url(/images/design/arrow_up.png); position:absolute; bottom:40px; left:50%; margin:0 0 0 -17px; } .pointer_bottom .box { padding:11px 11px 17px; margin:0; } /* Social networking lists */ ul.social { list-style-type:none; margin:1.5em 0 1.5em 6px; } ul.social li { position:relative; padding:3px 0 6px 30px; } ul.social li img { position:absolute; top:0; left:0; } /* News items */ .newslist { list-style-type:none; margin:0; } .newslist li { clear:left; margin-bottom:1em; } .headline { font-size:1.2em; font-family:Garamond,"Times New Roman",serif; margin-bottom:1em; } .newslist li.has_image { padding-left:138px; } .newslist li.has_image .date { margin-left:-138px; } .newslist li.has_image img { float:left; margin:0 0 18px -138px; border:1px solid #600; } /* Columns */ .columns { } .columns .column { float:left; margin:0 18px; min-height:1px; } .columns .column.first { margin-left:0; } .columns .column.last { margin-right:0; } .columns.two { } .fullwidth .columns.two .column { width:444px; } .columns.three { } .fullwidth .columns.three .column { width:284px; } .column.gray { background-color:#ededed; } /* Quickaccess */ #qa_results { border:1px solid #ccc; width:14em; background-color:#fff; z-index:200; position:absolute; left:30px; top:26px; } #qa_results_list { list-style-type:none; padding:0; margin:0; line-height:1.2; } #qa_results_list li { margin:0; } #qa_results_list li a { color:#222; display:block; padding:2px 0.5em 4px; border:none; } #qa_results_list li a:hover { background-color:#83B2F9; } .qa_highlight { background-color:#ffc; border:solid #ee0; border-width:1px 0; } .qa_selected { background-color:#eed; } .qa_blur,.qa_noquery,.qa_nonefound { display:none; } .qa_toomany li { padding:2px 0.5em; } /* Homepage-specific */ #homepage #wordmark { padding:42px 0 0; } #homepage #waveform { height:300px; } #affiliates { text-align:center; font-family:Garamond,"Times New Roman",serif; font-style:italic; color:#fff; width:930px; margin:0 auto; margin-top:40px; clear:both; line-height:20px; } #affiliates h2 { font-size:1.2em; color:#fff; font-variant:small-caps; margin:0; } #nav_affiliates { list-style-type:none; width:890px; margin:0 auto; font-size:1.2em; } #nav_affiliates li { margin:0; padding:0 25px; float:left; } #nav_affiliates li a { color:#c7dbd7; background-color:transparent; border:none; display:block; padding:0; position:relative; } #nav_affiliates li a:hover { color:#fff; } #affiliates.ir #nav_affiliates li a,#affiliates.ir h2 { position:relative; overflow:hidden; text-indent:-999em; height:25px; } #affiliates.ir #nav_affiliates li a span,#affiliates.ir h2 span { position:absolute; top:0; right:0; width:100%; height:100%; background-image:url(/images/design/nav_affiliates.gif); } #affiliates h2 span { background-position:center 0; } li#nav_affiliates_languageschools { width:204px; padding-bottom:5px; } li#nav_affiliates_languageschools a span { background-position:0 -25px; } li#nav_affiliates_languageschools a:hover span { background-position:0 -50px; } li#nav_affiliates_schoolsabroad { width:189px; } li#nav_affiliates_schoolsabroad a span { background-position:-220px -25px; } li#nav_affiliates_schoolsabroad a:hover span { background-position:-220px -50px; } li#nav_affiliates_breadloaf { width:347px; } li#nav_affiliates_breadloaf a span { background-position:-424px -25px; } li#nav_affiliates_breadloaf a:hover span { background-position:-424px -50px; } li#nav_affiliates_mmla { clear:left; margin-left:67px; width:292px; } li#nav_affiliates_mmla a span { background-position:-786px -25px; } li#nav_affiliates_mmla a:hover span { background-position:-786px -50px; } li#nav_affiliates_miis { width:291px; } li#nav_affiliates_miis a span { background-position:-1094px -25px; } li#nav_affiliates_miis a:hover span { background-position:-1094px -50px; } /* Templates */ body.department #content { background-color:#fff; } body.department #left,body.department #address { color:#210; } body.department #left a,body.department #address a { color:#272C6F; border-bottom-color:#147; } body.department #left a:hover,body.department #address a:hover { background-color:#efc; color:#330; } body.department #subnavigation { border-color:#ccc; margin-left:0; } body.department #subnavigation li { background-color:transparent; border-color:#ccc; } body.department #subnavigation li a { color:#272C6F; padding-left:6px; } body.department #subnavigation li a:hover { color:#330; background-color:transparent; } body.department #subnavigation li.active a { color:#330; } body.department #subnavigation li.active ul { margin-left:18px; } body.department #subnavigation li.active ul li a { color:#272C6F; } body.department #subnavigation li.current a,body.department #subnavigation li.active ul li.current a { color:#600; } body.department #page { border-top:0; } body.fullwidth #content { background-color:#fff; } body.fullwidth #left { display:none; } body.fullwidth #page { width:auto; float:none; border:none; } body.narrow #body { width:462px; } body.narrow #sidebar { margin-right:-222px; } body.gateway #taskbar { width:940px; left:-8px;} body.admin #taskbar { background-color:#fff; border-bottom:1px solid #b7c9da;} body.admin #tabs li {background-image:none; background-color:#fff;} body.disambiguation { background-image:url(/images/design/background_breadloaf.jpg); } body.disambiguation #search { opacity:0.6; } body.disambiguation #content { margin-top:200px; } body.disambiguation h1 { background-color:#eed; border:1px solid #ccc;margin:-54px -30px 18px; padding:12px; line-height:1em; text-align:center; font-family:Garamond,"Times New Roman",serif; font-weight:normal; font-size:2.2em; color:#330; } body.disambiguation .column .box { min-height:20em; } body.disambiguation h2 { font-family:Garamond,"Times New Roman",serif; font-size:1.8em; text-align:center; margin-bottom:18px; } body.disambiguation h2 a { padding:0; border:none; } body.disambiguation h3 { font-weight:bold; font-size:1.3em; } /* Profile Page elements */ #profile_extras p { margin:10px 15px; font-size: 0.929em; } #profile_extras h4 { background-color:#e6eaee; color:#333300; padding:6px 6px 4px 6px; font-size:1em; font-weight:bold; font-family:sans-serif; margin-top:8px; border:1px solid #b9c3ce; } #profile_extras h6 { margin-left:5px; } #profile_extras ul { list-style-type:none; margin: 0 1.0em 0 0.8em; } #profile_extras li a { border-bottom: 1px dotted #003366; } #profile_extras li a:hover { color:#003366; border-bottom:1px solid #003366; background-color: #eeffcc; } /* Color schemes: Leaf, Apple, Sun, Lake, Grape, Basic */ /* Set default (unthemed) styles */ h1, .opening { color:#03466C; } h2 { color:#333366; } h3 { color:#660000; } h4 { color:#084B71; } h5 { color:#084B71; } h6 { color:#660000; } blockquote { border-color:#3A76A8; color:#084B71; } .pointer h3, .pointer_bottom h3, .pointer .arrow, .pointer_bottom .arrow { background-color:#1158a0; } .bar_color1 { background-color:#84C2FF;} .bar_color2 { background-color:#4485BD;} .bar_color3 { background-color:#3A76A8;} #left .feature a, #address a, #carousel_features a { color: #cf3; } /* Theme: Leaf */ .leaf h1 { color:#063; } .leaf .opening { color:#527546; } .leaf h2 { color:#7FC177; } .leaf h3 { color:#7F9F65; } .leaf h4 { color:#549959; } .leaf h5 { color:#4EAE34; } .leaf h6 { color:#7F9F65; } .leaf blockquote { border-color:#527546; color:#4EAE34; } .leaf .pointer h3, .leaf .pointer_bottom h3, .leaf .pointer .arrow, .leaf .pointer_bottom .arrow { background-color:#527546; } .leaf .bar_color1 { background-color:#7ED7B9;} .leaf .bar_color2 { background-color:#81BD44;} .leaf .bar_color3 { background-color:#AAC514;} .leaf #left .feature a, .leaf #address a, .leaf #carousel_features a { color: #76DB5B; } /* Theme: Apple */ .apple h1 { color:#603; } .apple .opening { color:#790E39; } .apple h2 { color:#6C492D; } .apple h3 { color:#A0BC0B; } .apple h4 { color:#C43737; } .apple h5 { color:#B32629; } .apple h6 { color:#4A972E; } .apple blockquote { border-color:#790E39; color:#B32629; } .apple .pointer h3, .apple .pointer_bottom h3, .apple .pointer .arrow, .apple .pointer_bottom .arrow { background-color:#790E39; } .apple .bar_color1 { background-color:#C32626;} .apple .bar_color2 { background-color:#FF7171;} .apple .bar_color3 { background-color:#B34109;} .apple #left .feature a, .apple #address a, .apple #carousel_features a { color: #FF9B9B; } /* Theme: Sun */ .sun h1 { color:#630; } .sun .opening { color:#E69226; } .sun h2 { color:#DD9E27; } .sun h3 { color:#D9C621; } .sun h4 { color:#AAA448; } .sun h5 { color:#D9A900; } .sun h6 { color:#DD9E27; } .sun blockquote { border-color:#CD9C18; color:#AAA448; } .sun .pointer h3, .sun .pointer_bottom h3, .sun .pointer .arrow, .sun .pointer_bottom .arrow { background-color:#CD9C18; } .sun .bar_color1 { background-color:#AAC514;} .sun .bar_color2 { background-color:#FFE371;} .sun .bar_color3 { background-color:#E9BA00;} .sun #left .feature a, .sun #address a, .sun #carousel_features a { color: #FFD231; } /* Theme: Lake */ .lake h1 { color:#066; } .lake .opening { color:#117D81; } .lake h2 { color:#107F95; } .lake h3 { color:#5CBEA7; } .lake h4 { color:#3A76A8; } .lake h5 { color:#409792; } .lake h6 { color:#74AF44; } .lake blockquote { border-color:#117D81; color:#409792; } .lake .pointer h3, .lake .pointer_bottom h3, .lake .pointer .arrow, .lake .pointer_bottom .arrow { background-color: #0e6f4f; } .lake .bar_color1 { background-color:#82C96F;} .lake .bar_color2 { background-color:#44882F;} .lake .bar_color3 { background-color:#409792;} .lake #left .feature a, .lake #address a, .lake #carousel_features a { color: #6CE8E3; } /* Theme: Grape */ .grape h1 { color:#606; } .grape .opening { color:#790E39; } .grape h2 { color:#A0011C; } .grape h3 { color:#853533; } .grape h4 { color: #5b1c79; } .grape h5 { color: #785b8b; } .grape h6 { color:#6026B3; } .grape blockquote { border-color:#790E39; color: #8140b5; } .grape .pointer h3, .grape .pointer_bottom h3, .grape .pointer .arrow, .grape .pointer_bottom .arrow { background-color:#790E39; } .grape .bar_color1 { background-color:#AF71FF;} .grape .bar_color2 { background-color:#6026B3;} .grape .bar_color3 { background-color:#6A26C3;} .grape #left .feature a, .grape #address a, .grape #carousel_features a { color: #D1AEFF; } /* Theme: Maple */ .maple h1 { color:#630; } .maple .opening { color:#AF760A; } .maple h2 { color:#95613A; } .maple h3 { color:#AC8602; } .maple h4 { color:#944d00; } .maple h5 { color:#5f3f1d; } .maple h6 { color:#461E18; } .maple blockquote { border-color:#790E39; color: #a96f1f; } .maple .pointer h3, .maple .pointer_bottom h3, .maple .pointer .arrow, .maple .pointer_bottom .arrow { background-color:#9d7932; } .maple .bar_color1 { background-color:#9d7932;} .maple .bar_color2 {background-color: #d08e1c;} .maple .bar_color3 {background-color: #683d20;} .maple #left .feature a, .maple #address a, .maple #carousel_features a { color: #F8C36B; }