/* ---------------------- HTML tag styles ---------------------- */
*{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#hd .hidden{display:none;}
#hd h1{font-size:32px; margin:0px 0px 15px 0px;} /* 32px */
#hd .h1{margin:0px 0px 15px 0px;}
#hd h2{color:#333; font-size:123.1%; font-weight:normal; text-transform:uppercase; font-family:Arial, Tahoma,Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 10px 0px;} /* 23px */
#hd .h2{ margin:0px 0px 10px 0px;}
#hd h3{color:#a91d34; font-size:108%; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:0px 0px 5px 0px; } /* 14px */
#hd h3.geor{color:#000; font-size:100%;} /* 12px */
#hd h4{color:#666; font-size:85%; margin:0px 0px 5px 0px;} /* 10px */
#hd h5{color:#666; font-size:77%; margin:0px 0px 5px 0px;} /* 10px */
#hd p, fieldset,table, dd ,hr, blockquote{margin: 0px 0px 10px 0px;}
#hd .ie p, .iefieldset, .ietable, .iedd ,.iehr, .ie blockquote{margin: 0px 0px 5px 0px;}
#hd a{color:#ac1831; text-decoration:none;font-weight:normal}
#hd a:hover{text-decoration:underline;}
#hd a img{border:0px; margin:0px 0px; padding:0px 0px;}
#hd pre{font-family:Arial,Helvetica,sans-serif;}
#hd em {}
#hd strong,b{font-weight:bold;}
#hd hr{background-color:#eaeaea;height:1px;color:#eaeaea;border:0px;margin:15px 0px;}
#hd abbr,acronym {cursor:help;}
#hd fieldset{}
#hd legend{}
/* ==== Ol For mainCol ==== */
#hd ol{padding:0px 0px; margin:10px 0px 20px 25px;}
#hd ol li{list-style:decimal; list-style-position:inside;}
#hd ol li li{margin:0px 0px 0px 35px; list-style:lower-latin;}
#hd ol li li li {margin:0px 0px 0px 15px; list-style:lower-roman;}
#hd ol li li li li{margin:0px 0px 0px 20px; list-style:decimal;}
#hd ol li ol{margin:10px 0px;}
#hd .ie7 ol li li, .ie6 ol li li{padding:0px 0px 0px 3px; margin:0px 0px 0px 13px;}
/* ==== UL For mainCol ==== */
#hd ul{padding:0px 0px; margin:10px 0px 20px 25px;}
#hd ul li{list-style:disc; list-style-position:inside;}
#hd ul li li{margin:0px 0px 0px 15px; padding:0px 0px 0px 15px; list-style:none; background:url(http://new.oberlin.edu/global2/images/template/bg_li_level2.gif) 0px 6px no-repeat; }
#hd ul li li li {margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; list-style:none; background:url(http://new.oberlin.edu/global2/images/template/bg_li_level3.gif) 0px 6px no-repeat; }
#hd ul li li li li{margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; list-style:none; background:url(http://new.oberlin.edu/global2/images/template/bg_li_level4.gif) 0px 6px no-repeat; }
#hd ul li ul{margin:10px 0px;}
#hd .ie7 ul li li, .ie6 ul li li{padding:0px 0px 0px 3px; margin:0px 0px 0px 13px;}
#hd dt{}
#hd pre,code,kbd,samp,tt{}
#hd .clear{content:".";display:block;height:0;clear:both;line-height:0px;}
#hd .hidden{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#hd .capitalized{text-transform:capitalize;}
/* MENUS */
/* ================================== Alert Box =============================== */
#hd .alertArea{position:absolute; top:70px; right:1px; z-index:100;}
#hd .ie6 .alertArea , .ie7 .alertArea{top:81px;}
/* ==================================== TOP Navigation ========================================= */
#hd #topNav{height:35px; font-size:0px; line-height:0px;}
#hd .ie6 .home #topNav{margin:0px 0px -5px 0px;}
#hd #topNav a, #topNav a, #topNav a:hover, #topNav a:active, #topNav li{display:block; float:left; height:35px; width:162px; margin:1px 0px 0px 0px; text-indent:-999em; cursor:hand; cursor:pointer;}
#hd #topNav ul{margin:0px; padding:0px; overflow:visible;}
#hd #topNav ul li{margin:0px; padding:0px; list-style:none; float:left; position:relative;}
#hd #topNavButtons {background-color:#fff}
/* ---- Current ---- */
#hd #topNav #green .current{background:url(http://new.oberlin.edu/global2/images/template/navigation/on_art_science.gif);}
#hd #topNav #orange .current{background:url(http://new.oberlin.edu/global2/images/template/navigation/on_conservatory.gif); }
#hd #topNav #purple .current{background:url(http://new.oberlin.edu/global2/images/template/navigation/on_student_life.gif); }
#hd #topNav #teal .current{background:url(http://new.oberlin.edu/global2/images/template/navigation/on_event_act.gif); }
#hd #topNav #red .current{background:url(http://new.oberlin.edu/global2/images/template/navigation/on_applying.gif); width:325px; }
/* ---- Current Hover---- */
#hd #topNav #green .currentHover, #topNav #green .current:hover{background:url(http://new.oberlin.edu/global2/images/template/navigation/on_art_science.gif); }
#hd #topNav #orange .currentHover, #topNav #orange .current:hover{background:url(http://new.oberlin.edu/global2/images/template/navigation/on_conservatory.gif); }
#hd #topNav #purple .currentHover, #topNav #purple .current:hover{background:url(http://new.oberlin.edu/global2/images/template/navigation/on_student_life.gif); }
#hd #topNav #teal .currentHover, #topNav #teal .current:hover{background:url(http://new.oberlin.edu/global2/images/template/navigation/on_event_act.gif); }
#hd #topNav #red .currentHover, #topNav #red .current:hover{background:url(http://new.oberlin.edu/global2/images/template/navigation/on_applying.gif); width:325px; }
/* ---- Current Gray (when another section gets hovered) ---- */
#hd #topNav #green .currentGray{background:url(http://new.oberlin.edu/global2/images/template/navigation/gray_art_science.gif); }
#hd #topNav #orange .currentGray{background:url(http://new.oberlin.edu/global2/images/template/navigation/gray_conservatory.gif); }
#hd #topNav #purple .currentGray{background:url(http://new.oberlin.edu/global2/images/template/navigation/gray_student_life.gif); }
#hd #topNav #teal .currentGray{background:url(http://new.oberlin.edu/global2/images/template/navigation/gray_event_act.gif); }
#hd #topNav #red .currentGray{background:url(http://new.oberlin.edu/global2/images/template/navigation/gray_applying.gif); width:325px; }
/* ---- Unactive ---- */
#hd #topNav #green .unactive{background:url(http://new.oberlin.edu/global2/images/template/navigation/2off_art_science.gif);}
#hd #topNav #orange .unactive{background:url(http://new.oberlin.edu/global2/images/template/navigation/2off_conservatory.gif); }
#hd #topNav #purple .unactive{background:url(http://new.oberlin.edu/global2/images/template/navigation/2off_student_life.gif); }
#hd #topNav #teal .unactive{background:url(http://new.oberlin.edu/global2/images/template/navigation/2off_event_act.gif); }
#hd #topNav #red .unactive{background:url(http://new.oberlin.edu/global2/images/template/navigation/2off_applying.gif); width:325px; }
/* ---- Unactive Hover ---- */
#hd #topNav #green .unactiveHover, #topNav #green .unactive:hover{background:url(http://new.oberlin.edu/global2/images/template/navigation/hover_art_science.gif); }
#hd #topNav #orange .unactiveHover, #topNav #orange .unactive:hover{background:url(http://new.oberlin.edu/global2/images/template/navigation/hover_conservatory.gif); }
#hd #topNav #purple .unactiveHover, #topNav #purple .unactive:hover{background:url(http://new.oberlin.edu/global2/images/template/navigation/hover_student_life.gif); }
#hd #topNav #teal .unactiveHover, #topNav #teal .unactive:hover{background:url(http://new.oberlin.edu/global2/images/template/navigation/hover_event_act.gif); }
#hd #topNav #red .unactiveHover, #topNav #red .unactive:hover{background:url(http://new.oberlin.edu/global2/images/template/navigation/hover_applying.gif); width:325px; }
/* ============================= Quick Links ========================================== */
/* ------ links and buttons ---------- */
#hd .quickLinks{width:973px; height:53px; padding:15px 0px; margin:2px 0px 0px 0px;}
#hd .ie6 .quickLinks{margin:1px 0px 0px 0px;}
#hd .home .quickLinks{margin-top:-2px; height:52px;}
#hd .ie6 .quickLinks{margin-bottom:-10px;}
#hd .ie6 .home .quickLinks{margin-top:-2px;}
#hd .quickLinks .item{float:left; border:0px; font-size:93%; width:131px; padding:0px 15px; height:50px;}
#hd .ie6 .quickLinks .item{padding:0px 14px; width:132px;}
#hd * .quickLinks a, * .quickLinks a:link, * .quickLinks a:hover, * .quickLinks a:visited{color:#fff; text-decoration:none; display:block; margin:-5px 0px 3px 0px;}
#hd .quickLinks a:hover{text-decoration:underline;}
#hd .quickLinks a.firstline{padding-top:5px;}
#hd .quickLinks .button, .quickLinks .button:hover;{margin:-3px 0px 0px 10px; font-weight:normal;}
/* ----- quick links items ( Applying to Oberlin) ------- */
#hd #quick_red .item{width:287px; line-height:100%; height:57px;}
#hd .ie6 #quick_red{height:63px;}
#hd #quick_red .one, #quick_red .two, #quick_red .three{padding:5px 0px 0px 0px;}
#hd #quick_red .one{margin:0px 0px 0px 190px; width:110px;}
#hd #quick_red .two{margin:0px 0px 0px 180px; width:115px;}
#hd #quick_red .three{margin:0px 0px 0px 200px; width:110px;}
#hd .ie6 #quick_red .three{margin:0px 0px 0px 180px;}
#hd #quick_red .one a{color:#35a30e; text-decoration:none;}
#hd #quick_red .two a{color:#e97500; text-decoration:none;}
#hd #quick_red .three a{color:#000; text-decoration:none;}
/* ---- quickLink backgrounds -- */
#hd #quick_green{ background:url('http://new.oberlin.edu/global2/images/template/navigation/quick_art_science.gif') no-repeat top left;}
#hd #quick_orange{background:url('http://new.oberlin.edu/global2/images/template/navigation/quick_conservatory.gif') no-repeat top left;}
#hd #quick_purple{background:url('http://new.oberlin.edu/global2/images/template/navigation/quick_student_life.gif') no-repeat top left;}
#hd #quick_teal{background:url('http://new.oberlin.edu/global2/images/template/navigation/quick_event_act.gif') no-repeat top left;}
#hd #quick_red{background:url('http://new.oberlin.edu/global2/images/template/navigation/quick_applying.gif') no-repeat top left;}
/* ------ quickLink colored borders -------- */
#hd #quick_green .item{border-right:1px solid #76cd5b;}
#hd #quick_orange .item{border-right:1px solid #f29200;}
#hd #quick_purple .item{border-right:1px solid #a675e6;}
#hd #quick_teal .item{border-right:1px solid #53b3e5;}
/* ------------- Up and Down Arrows (White) ------------------ */
#hd #topNav .arrowUp, #topNav .arrowUp:hover, #topNav .arrowUp:active{background:url(http://new.oberlin.edu/global2/images/template/navigation/icon_arrow_up.png) no-repeat 50% 50%; position:absolute; bottom:-7px; height:18px; left:0px; font-weight:normal;}
#hd #topNav .arrowDown, #topNav .arrowDown:hover, #topNav .arrowDown:active{background:url(http://new.oberlin.edu/global2/images/template/navigation/icon_arrow_down.png) no-repeat 50% 50%; position:absolute; bottom:-10px; height:18px; left:0px; font-weight:normal;}
/* ---- IE6 Hacks --- */
#hd .ie6 #topNav .arrowUp, .ie6 #topNav .arrowUp:hover, .ie6 #topNav .arrowUp:active{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://new.oberlin.edu/global2/images/template/navigation/icon_arrow_up.png', sizingMethod='crop'); cursor:hand; cursor:pointer; margin-left:25px; width:136px; }
#hd .ie6 #topNav .arrowDown, .ie6 #topNav .arrowDown:hover, ie6 #topNav .arrowDown:active{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://new.oberlin.edu/global2/images/template/navigation/icon_arrow_down.png', sizingMethod='crop'); cursor:hand; cursor:pointer; margin-left:25px; width:136px; display:none; }
/* -------------- Up and Down Arrows (Colored) --------------- */
#hd #topNav .arrowUp.shadowed{height:18px;}
#hd #topNav .arrowDown, #topNav .arrowDown:hover{display:none;}
/* -- Art & Science --- */
#hd #topNav #aU_green.arrowUp.shadowed, #topNav #aU_green.arrowUp.shadowed:hover, #topNav #aU_green.arrowUp.shadowed:active,
#hd .ie6 #topNav #aU_green.arrowUp.shadowed, .ie6 #topNav #aU_green.arrowUp.shadowed:hover, .ie6 #topNav #aU_green.arrowUp.shadowed:active
{background:url(http://new.oberlin.edu/global2/images/template/navigation/icon_arrow_up_art_science.gif) no-repeat; margin-left:0px; filter:none; width:162px;}
/* -- Conservatory -- */
#hd #topNav #aU_orange.arrowUp.shadowed, #topNav #aU_orange.arrowUp.shadowed:hover, #topNav #aU_orange.arrowUp.shadowed:active,
#hd .ie6 #topNav #aU_orange.arrowUp.shadowed, .ie6 #topNav #aU_orange.arrowUp.shadowed:hover, .ie6 #topNav #aU_orange.arrowUp.shadowed:active
{background:url(http://new.oberlin.edu/global2/images/template/navigation/icon_arrow_up_conservatory.gif) no-repeat; margin-left:0px; filter:none; width:162px;}
/* -- Student Life -- */
#hd #topNav #aU_purple.arrowUp.shadowed, #topNav #aU_purple.arrowUp.shadowed:hover, #topNav #aU_purple.arrowUp.shadowed:active,
#hd .ie6 #topNav #aU_purple.arrowUp.shadowed, .ie6 #topNav #aU_purple.arrowUp.shadowed:hover, .ie6 #topNav #aU_purple.arrowUp.shadowed:active
{background:url(http://new.oberlin.edu/global2/images/template/navigation/icon_arrow_up_student.gif) no-repeat; margin-left:0px; filter:none; width:162px; }
/* --- Event Act -- */
#hd #topNav #aU_teal.arrowUp.shadowed, #topNav #aU_teal.arrowUp.shadowed:hover, #topNav #aU_teal.arrowUp.shadowed:active,
#hd .ie6 #topNav #aU_teal.arrowUp.shadowed, .ie6 #topNav #aU_teal.arrowUp.shadowed:hover, .ie6#topNav #aU_teal.arrowUp.shadowed:active
{background:url(http://new.oberlin.edu/global2/images/template/navigation/icon_arrow_up_event_act.gif) no-repeat; margin-left:0px; filter:none; width:162px; }
/* --- Applying -- */
#hd #topNav #aU_red.arrowUp.shadowed, #topNav #aU_red.arrowUp.shadowed:hover, #topNav #aU_red.arrowUp.shadowed:active,
#hd .ie6 #topNav #aU_red.arrowUp.shadowed, .ie6 #topNav #aU_red.arrowUp.shadowed:hover, .ie6 #topNav #aU_red.arrowUp.shadowed:active
{background:url(http://new.oberlin.edu/global2/images/template/navigation/icon_arrow_up_applying.gif) repeat-x; width:325px; margin-left:0px; filter:none;}
/* ----------- */
/* ========= Column Based Styles ============ */
#hd .leftCol, .rightCol{color:#333;}
#hd .leftCol h2{font-size:146.5%;} /* 19px */
#hd .leftCol h3{color:#a91d34; font-size:93%; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; } /* 12px */
#hd .leftCol a, .leftCol a:visited{color:#333;}
#hd .leftCol a:hover{color:#ac1831;}
#hd .leftCol a.email-wrap{display:block; width:140px; word-wrap:break-word;}
#hd .rightCol{font-size:85%; line-height:123.1%;}
#hd .rightCol h2{font-size:146.5%;} /* 19px */
#hd .rightCol h3{color:#a91d34; font-size:108%; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
#hd .rightCol a, .leftCol a:visited{color:#333;}
#hd .rightCol a:hover{color:#ac1831;}
/* --------CLEAR FIX---------- */
#hd .win.ie5 .clearfix, .win.ie6 .clearfix{height: 1%;}
#hd .win.ie7 .clearfix, .mac.ie5 .clearfix{display: inline-block;}
#hd .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* === Body Styles for Grids === */
body{font:13px/1.22 Verdana, sans-serif, sans-serif;*font-size:small;*font:x-small; line-height:146.5%;}/* for grids 13pt */
#bd, #ft, #hd{font-family:Arial, Helvetica, sans-serif; font-size:100%; }
/* ======== Fonts, Links, Caps ============= */
#hd .medium{font-size:93%;}
#hd .small{font-size:85%; line-height:123.1%;}
#hd .caps{text-transform:uppercase; color:#999; font-size:77%;}
#hd .gray{color:#999999;}
#hd .links a{display:block; margin:0px 0px 8px 0px;}
#hd .imgTitle{font-size:85%; line-height:123.1%; color:#999; margin:5px 0px;}
#hd .imgCaption{font-size:85%; line-height:123.1%; color:#666; margin:5px 0px;}
/* === Wysiwyg Images === */
.wyg_imgRight{margin: 0px 0px 10px 10px;}
.wyg_imgLeft{margin: 0px 10px 10px 0px;}
.leftImg{float:left; margin:0px 10px 5px 0px;}
.rightImg{float:right; margin:0px 0px 5px 10px;}
/* === Header ==== */
#hd .header{min-height:110px; position:relative;background-color:#000}
#hd .ie6 .header{height:110px;}
#hd .header .logo{float:left; width:325px;}
#hd .siteTools{background:url(http://new.oberlin.edu/global2/images/template/bg_header.gif) repeat-y; margin:11px 0px; height:67px; padding:0px 2px;}
#hd .ie6 .home .siteTools{margin:9px 0px 8px 0px;}
#hd .header .siteTools ul{float:left; margin:0px 10px 0px 0px; padding:9px 15px 0px 15px; width:120px;}
#hd .header .siteTools ul li{list-style:none; margin:0px 0px 6px 0px; padding-left:0px; list-style-position:outside; font-size:85%; line-height:100%;}
#hd .header .siteTools a{color:#aaaa99; text-decoration:none;font-weight:normal}
#hd .header .siteTools a:hover{text-decoration:underline;}
#hd .siteTools .searchForm{width:140px; float:left; padding:10px;}
#hd .searchForm input{ color:#aaaa99; font-size:85%; background:#323232; height:11px; border:0px; width:100px; padding:2px 10px 4px 10px; float:left; margin:0px 3px 0px 0px;}
#hd .searchForm a{float:left;}
/* ==== Cols ==== */
.leftCol, .rightCol{padding:10px;}
.rightCol{padding:0px 10px 10px 10px; margin:-10px 0px 0px 0px; }
.mainCol{padding:10px 10px 0px 0px;}
.threeColsWide .rightCol{padding:0px 13px 0px 10px;}
.twoCols .mainCol{padding:10px 13px 0px 0px;}
.threeColsWTop .mainCol{padding:2px 10px 0px 0px;}
.ie7 .threeColsWide .rightCol{padding:0px 10px 0px 8px;}
.ie6 .rightCol{padding:0px 8px;}
/* ========= Section Div =========== */
#hd .sectionDiv{position:relative; right:11px; border-top:5px solid #fff; padding:0px 0px 0px 0px; height:15px; background:url(http://new.oberlin.edu/global2/images/template/bg_sectionItem.gif) top left no-repeat;}
/* ThreeCols Wide */
.threeColsWide .rightCol .sectionDiv{width:310px;}
.threeColsWide .mainCol .sectionDiv{width:475px;}
/* ThreeCols */
.threeCols .rightCol .sectionDiv, .threeColsWTop .rightCol .sectionDiv{width:150px;}
.threeCols .mainCol .sectionDiv{width:639px;}
/* IE6 */
.ie6 .threeColsWide .mainCol .sectionDiv{width:465px;}
.ie6 .threeColsWide .rightCol .sectionDiv{right:9px;}
.ie6 .threeCols .rightCol .sectionDiv, .ie6 .threeColsWTop .rightCol .sectionDiv{width:142px; right:10px;}
.ie6 .threeCols .mainCol .sectionDiv{width:632px;}
/* IE7 */
.ie7 .threeColsWide .rightCol .sectionDiv{right:10px;}
.ie7 .threeCols .rightCol .sectionDiv, .ie7 .threeColsWTop .rightCol .sectionDiv{right:12px;}
.ie7 .threeCols .mainCol .sectionDiv{width:641px;}
/* ==== Quick Links ====== */
#hd .homeNav{padding:3px 0px 8px 0px; height:79px; clear:both; background:#fff;}
#hd .off{height:80px;}
#hd .off a, .off img{margin:0px; padding:0px; float:left;}
#hd .ie7 .off img, .ie6 .off img{margin-top:0px;}
/* ======= Top Mav ======= */
#hd .topNav{position:absolute; bottom:0px;}
#hd .ie6 .topNav, .ie7 .topNav{bottom:-5px;}
#hd .ie6 #topNav{margin:-5px 0px 0px 0px}
/* ==== Footer === */
#ft{background:#fff; padding:30px 0px 0px 0px;}
.ie .home #ft{padding:15px 0px 0px 0px;}
.footer{margin:0px 0px 0px 0px; border-top:5px solid #000; color:#8a8a8a; padding:5px 0px 0px 0px;}
.footer .yui-gb .yui-u{width:304px; margin:0px 0px 0px 0px; padding:0px 10px;}
#ft .footer a, #ft .footer a:hover, #ft .footer a:visited{color:#8a8a8a;}
.footer a.halfBox{padding:5px 0px 0px 10px; color:#5a5a5a; float:left; border-top:1px solid #eaeaea;
margin:3px 0px 10px 0px; border-left:1px solid #eaeaea; text-decoration:none; float:left; display:block; width:138px; font-size:93%; font-family:Georgia, "Times New Roman", Times, serif;}
#ft .yui-gb .yui-u{padding:0px 5px 0px 0px; margin:0px 15px 0px 0px;}
/* ==== Homepage ===== */
body.home{background:url(http://new.oberlin.edu/global2/images/template/bg_home.gif) repeat-x;}
.home .banner{background:#c4c4c4; height:323px; width:973px;}
.home #bd{background:url(http://new.oberlin.edu/global2/images/template/bg_bd_home.gif) repeat-y; margin:8px 0px 0px 0px;}
.home .yui-gb .yui-u{width:304px; margin:0px 0px 0px 0px; padding:0px 10px;}
.home #yui-main .yui-u{font-size:12px; line-height:135%;}
/* ==== Buffer Pages ===== */
body.buffer{background:url(http://new.oberlin.edu/global2/images/template/bg_buffer.gif) repeat-x;}
.buffer #bd{background:url(http://new.oberlin.edu/global2/images/template/bg_bd_home.gif) repeat-y; margin:8px 0px 0px 0px;}
.buffer .yui-gb .yui-u{width:304px; margin:0px 0px 0px 0px; padding:0px 10px;}
/* ===== Body Pages ==== */
body{background:url(http://new.oberlin.edu/global2/images/template/bg_body.gif) repeat-x;}
body.second{background:url(http://new.oberlin.edu/global2/images/template/bg_bodySecond.gif) repeat-x;}
.calendarTemplate #bd{background:url(http://new.oberlin.edu/global2/images/template/bg_bd_calendar.gif) repeat-y;}
.calendarTemplateCol #bd{background:url(http://new.oberlin.edu/global2/images/template/bg_bd_calendarCol.gif) repeat-y;}
.calendarTemplateCol .mainCol{padding:0px 10px;}
.twoCols #bd{background:url(http://new.oberlin.edu/global2/images/template/bg_bd_body2.gif) repeat-y;}
.threeCols #bd{background:url(http://new.oberlin.edu/global2/images/template/bg_bd_body3.gif) repeat-y;}
.threeColsWTop #bd{background:url(http://new.oberlin.edu/global2/images/template/bg_bd_body3TW.gif) repeat-y; }
.threeColsWTop .yui-ge{background:url(http://new.oberlin.edu/global2/images/template/bg_bd_body3BW.gif) top left repeat-y;}
.threeCols .yui-ge .yui-u, .threeColsWTop .yui-ge .yui-u{width:160px;}
.threeCols .yui-ge div.first, .threeColsWTop .yui-ge div.first{width:640px;}
.threeCols .mainCol .yui-gc div.first, .threeColsWTop .mainCol .yui-gc div.first{width:320px;}
.threeColsWide #bd{background:url(http://new.oberlin.edu/global2/images/template/bg_bd_body3Wide.gif) repeat-y;}
.threeColsWide .yui-ge .yui-u{width:325px;}
.threeColsWide .yui-ge div.first{width:475px;}
/* ===== Section Titles ======= */
.sectionTitleSmall{height:72px; background:url(http://new.oberlin.edu/global2/images/template/bg_title3_tan.gif) #fff no-repeat; width:949px; color:#ac1831;
font-size:174%; font-family:Tahoma,Verdana, Arial, Helvetica; padding:20px 0px 0px 25px; border-top:3px solid #fff; margin:1px 0px 3px 0px; }
.ie6 .sectionTitleSmall{margin:0px 0px 3px 0px;}
.calendarTemplate .sectionTitleSmall, .calendarTemplateCol .sectionTitleSmall{background:url(http://new.oberlin.edu/global2/images/template/bg_title3_calendar.gif) #fff no-repeat;}
.sectionTitle{height:255px; background:url(http://new.oberlin.edu/global2/images/template/bg_title2_tan.gif) #fff 1px 0px no-repeat; width:974px; color:#ac1831;
font-size:174%; font-family:Tahoma,Verdana, Arial, Helvetica; border-top:3px solid #fff; padding:0px 0px 0px 0px; margin:1px 0px 3px -1px;}
.ie6 .sectionTitle{margin:0px 0px 7px -1px;}
/* ======= Event Listing ======= */
.date, .date:hover{background:url(http://new.oberlin.edu/global2/images/template/bg_date.gif) no-repeat; display:block;
width:37px; height:48px; padding:8px 1px 0px 0px; color:#a60014; text-decoration:none; font-weight:bold; text-align:center;}
.events .date{float:left;}
.events .item{clear:both;}
.events .item div{margin:0px 0px 0px 47px;}
.date .day{font-family:Georgia; font-size:17px; display:block; text-align:center; line-height:108%; margin:-3px 0px 0px 0px}
.ie .date .day{line-height:123.1%; margin:-8px 0px 0px 0px;}
/* ===== Event List (Body) ======= */
.eventList h3{margin:0px 0px 2px 0px; font-size:100%;}
.eventList p{margin:0px 0px 15px 0px;}
/* ====== Promo ===== */
.promoItem{margin:0px 0px 0px 0px;}
.promoItem img{margin:0px 0px 10px 0px;}
/* ========= Faculty Detail ======= */
.infoWrapper{float:left;}
.photoWrapper{margin:0px 0px 0px 10px; display:block; float:left;}
.contactInfo{background:#eeeee4; padding:10px; line-height:123.1%; margin:0px 0px 10px 15px; font-size:85%; display:inline; float:right;}
.contactInfo .photoDesc{font-size:100%;}
.contactInfo .h2{clear:both; display:block;}
.mainCol .contactInfo a{color:#000;}
.storyWrapper{background:url(http://new.oberlin.edu/global2/images/template/bg_facDetail.gif) no-repeat #eeeee3; width:779px; height:309px; padding:10px; border-top:10px solid #fff; margin:-10px 0px 0px 0px;}
.storyWrapper span{font-family:Gergia; display:block; margin:10px 0px 10px 0px; font-size:146.5%; }
.storyWrapper p{font-family:Arial; font-size:108%;}
/* ======== Image Wrapper ======== */
.imgWrapper{width:300px; float:right; margin:0px 0px 15px 15px;}
.imgWrapper img{display:block; margin:0px auto 10px auto;}
.imgWrapper h5{margin:0px 0px 0px 0px;}
/* ======== Flickr Images ======== */
#flickr img {background:#555555 none repeat scroll 0 0; float:left; margin:0 6px 6px 0; padding:1px;}
/* ======================= Side Navigation ======================= */
.sideNav{padding:0px 10px; margin:15px 0px 20px 0px;}
.ie7 .sideNav .sectionDiv{margin-top:-10px; left:-12px;} /* rightCol navigation */
.sideNav ul{margin:0px; padding:0px;}
.sideNav ul li{list-style:none; list-style-position:outside; background:none; margin:5px 0px; line-height:116%;}
/* ---- First Level ---- */
.sideNav ul li a{display:block; padding:1px; color:#333;}
.sideNav ul li.current{background:#fcd9e0; padding:0px 0px 0px 0px; margin:2px 0px;}
.sideNav ul li.current a{margin:0px 10px; font-weight:bold; padding:4px 0px;}
.sideNav ul li.active {background:#f6f6f2; font-weight:bold;}
.sideNav ul li.active a{margin:0px 10px; padding:3px 0px;}
/* ---- Second Level ---- */
.sideNav ul li ul{background:#f6f6f2; padding:0px 0px 5px 0px;}
.sideNav ul li li{margin:0px 0px; padding:0px 0px; background:#f6f6f2;}
.sideNav ul li.current li a, .sideNav ul li.active li a{display:block;margin:0px 10px;font-weight:normal; padding:2px 0px;}
.sideNav ul li li.active a{padding:2px 0px;}
/* ---- Third Level ---- */
.sideNav ul li.current li li a, .sideNav ul li.active li li a{margin:3px 17px;font-weight:normal; font-size:93%; line-height:123.1%; padding:2px 0px; color:#7b7b7a;}
.sideNav ul li.current li li a:hover, .sideNav ul li.active li li a:hover{color:#A91D34;}
.sideNav ul li li ul{padding:0px 0px 2px 0px;}
.ie6 .sideNav ul li, .ie6 .sideNav ul li li, .ie6 .sideNav ul li li li{height:20px;}
.sideNav li.borderLi{height:2px; line-height:0%; margin-top:0px; margin-bottom:0px; padding:0px 0px; background:url(http://new.oberlin.edu/global2/images/template/li_border.gif) top left no-repeat;}
.ie6 .sideNav li.borderLi, .ie7 .sideNav li.borderLi{margin-bottom:-8px; margin-top:-6px; height:2px; }
/* =========================== Colored Sections ================================= */
/* ======= Green Section ============ */
#hd .green .rightCol a, .green .leftCol a{color:#000;}
#hd .green .rightCol a:hover, .green .leftCol a:hover{color:#38b63a;}
#hd .green h3{color:#38b63a;}
#hd .green a{color:#38b63a;}
#hd .green .sideNav li.current{background:#bce982;}
#hd .green .sideNav li.current li li a:hover, .green .sideNav li.active li li a:hover{color:#38b63a;}
#hd .green .sectionTitle{background:url(http://new.oberlin.edu/global2/images/template/bg_title2_green.gif) 2px 0px no-repeat; color:#FFF;}
#hd .green .sectionTitleSmall{background:url(http://new.oberlin.edu/global2/images/template/bg_title3_green.gif) no-repeat; color:#FFF;}
/* ======= Orange Section ============ */
#hd .orange .rightCol a, .orange .leftCol a{color:#000;}
#hd .orange .rightCol a:hover, .orange .leftCol a:hover{color:#eb7500;}
#hd .orange h3{color:#eb7500;}
#hd .orange a{color:#eb7500;}
#hd .orange .sideNav li.current{background:#ffda6d;}
#hd .orange .sideNav li.current li li a:hover, .orange .sideNav li.active li li a:hover{color:#eb7500;}
#hd .orange .sectionTitle{background:url(http://new.oberlin.edu/global2/images/template/bg_title2_orange.gif) 2px 0px no-repeat; color:#FFF;}
#hd .orange .sectionTitleSmall{background:url(http://new.oberlin.edu/global2/images/template/bg_title3_orange.gif) no-repeat; color:#FFF;}
/* ======= Purple Section ============ */
#hd .purple .rightCol a, .purple .leftCol a{color:#000;}
#hd .purple .rightCol a:hover, .purple .leftCol a:hover{color:#7339c1;}
#hd .purple h3{color:#7339c1;}
#hd .purple a{color:#7339c1;}
#hd .purple .sideNav li.current{background:#e4cefe;}
#hd .purple .sideNav li.current li li a:hover, .purple .sideNav li.active li li a:hover{color:#7339c1;}
#hd .purple .sectionTitle{background:url(http://new.oberlin.edu/global2/images/template/bg_title2_purple.gif) 2px 0px no-repeat; color:#FFF;}
#hd .purple .sectionTitleSmall{background:url(http://new.oberlin.edu/global2/images/template/bg_title3_purple.gif) no-repeat; color:#FFF;}
/* ======= Teal Section ============ */
#hd .teal .rightCol a, .teal .leftCol a{color:#000;}
#hd .teal .rightCol a:hover, .teal .leftCol a:hover{color:#047cbf;}
#hd .teal h3{color:#047cbf;}
#hd .teal a{color:#047cbf;}
#hd .teal .sideNav li.current{background:#b1e3ff;}
#hd .teal .sideNav li.current li li a:hover, .teal .sideNav li.active li li a:hover{color:#047cbf;}
#hd .teal .sectionTitle{background:url(http://new.oberlin.edu/global2/images/template/bg_title2_teal.gif) 2px 0px no-repeat; color:#FFF;}
#hd .teal .sectionTitleSmall{background:url(http://new.oberlin.edu/global2/images/template/bg_title3_teal.gif) no-repeat; color:#FFF;}
/* ======= Red Section ============ */
#hd .red .rightCol a, .red .leftCol a{color:#000;}
#hd .red .rightCol a:hover, .red .leftCol a:hover{color:#a91d34;}
#hd .red h3{color:#a91d34;}
#hd .red a{color:#a91d34;}
#hd .red .sideNav li.current{background:#fbd9df;}
#hd .red .sideNav li.current li li a:hover, .red .sideNav li.active li li a:hover{color:#a91d34;}
#hd .red .sectionTitle{background:url(http://new.oberlin.edu/global2/images/template/bg_title2_red.gif) 2px 0px no-repeat; color:#FFF;}
#hd .red .sectionTitleSmall{background:url(http://new.oberlin.edu/global2/images/template/bg_title3_red.gif) no-repeat; color:#FFF;}
#hd a.black{color:#000;}
/* ====== Forms ======= */
.form fieldset{background:#f6f5f1; padding:15px; margin:20px 0px;}
.form legend{display:none;}
.form input.text{border:1px solid #000; padding:3px 2px;}
.form label{}
.form .btnSearch{width:138px; height:35px; display:block; background:url(http://new.oberlin.edu/global2/images/template/btnSearchBig.gif) no-repeat;}
.btnReset{width:138px; height:35px; display:block; background:url(http://new.oberlin.edu/global2/images/template/btnReset.gif) no-repeat;}
input.combo{border:1px solid #ccc; padding:3px 25px 3px 2px; width:255px; background:url(http://new.oberlin.edu/global2/images/template/bg_select.gif) #FFF no-repeat top right;}
.scrollbox{ width: 280px; height: 150px; background-color:#FFFFFF; border:1px solid #e2e1dd;}
/* ====== Default Forms ======= */
#messagesMessages, #errorMessages{color:#970000; font-weight:bold; margin:15px 0px;}
.defaultForm fieldset{background:#f6f5f1; padding:15px; margin:20px 0px;}
.defaultForm legend{display:none;}
.defaultForm input.text{border:1px solid #000; padding:3px 2px; width:200px;}
.defaultForm label{}
.defaultForm .btnSubmit{width:138px; height:35px; display:block; background:url(http://new.oberlin.edu/global2/images/template/btnSubmit.gif) no-repeat;}
.defaultForm dt{float:left; clear:both; width:30%; padding:0px; margin:0px; }
.defaultForm dd{float:left; width:69%;}
.defaultForm dt, form dd{margin:8px 0px;}
.defaultForm dt img{float:right;padding:5px;}
.defaultForm dt.wide img{float:none;padding:2px;}
.defaultForm dt.wide{width:99%; float:none;}
.defaultForm dd.wide{width:99%; float:none;}
.defaultForm textarea{border:1px solid #000; height:80px; padding:3px 2px;}
.defaultForm input.checkbox{padding:3px 0px;}
.defaultForm input.radio{padding:3px 0px;}
.btnWrap{margin-left:40%;}
.btnReset{width:138px; height:35px; display:block; background:url(http://new.oberlin.edu/global2/images/template/btnReset.gif) no-repeat;}
input.combo{border:1px solid #ccc; padding:3px 25px 3px 2px; width:255px; background:url(http://new.oberlin.edu/global2/images/template/bg_select.gif) #FFF no-repeat top right;}
.scrollbox{ width: 280px; height: 150px; background-color:#FFFFFF; border: 1px solid black;}
/* =========== Custom Radio Buttoms ============== */
.RadioboxBigOrb, .RadioboxCheckedBigOrb {display:block;width:18px;height:17px;}
.RadioboxBigOrb {background:url('http://new.oberlin.edu/global2/images/template/bg_radio.gif') no-repeat center center;}
.RadioboxCheckedBigOrb {background:url('http://new.oberlin.edu/global2/images/template/bg_radioChecked.gif') no-repeat center center;}
.InputHidden {display:none;}
/* ====== Course Search Form ===== */
#courseSearch fieldset{padding:15px 100px;}
#courseSearch label{display:block; float:left; }
#courseSearch .text{float:left; margin:0px 10px 0px 0px; width:230px;}
#courseSearch .btnSearch{float:left; margin:-5px 0px 0px 15px;}
/* ====== Search Directory Form ===== */
#directoryForm .btnSearch, #directoryForm .btnReset{margin:10px 15px;}
#directoryForm select{border:1px solid #c1c1c1; width:280px;}
#directoryForm .text{width:140px;}
/* ========== Listing ============ */
.item{border-bottom:1px solid #eaeaea; margin:0px 0px 10px 0px; padding:0px 0px 5px 0px;}
.mainCol .item{padding:10px 0px; margin:0px 0px 0px 0px;}
.item ul{margin:0px 0px 15px 0px;}
.listing .leftDiv{float:left; width:125px; }
.listing .rightDiv{margin-left:135px;}
.item2{margin:0px 0px 10px 0px; padding:0px 0px 5px 0px;}
.listing .small{line-height:138.5%;}
/* ============ Buttons ============= */
#hd a.btn {background: transparent url(/global2/images/template/btn_button.gif) no-repeat scroll top right;color:#696969;display: block;float: left;height:32px;margin-right: 15px;
padding-right: 15px; /* sliding doors padding */text-decoration: none; text-transform:uppercase;font-weight:bold;}
#hd a.btn span{cursor:hand; cursor:pointer; background: transparent url(/global2/images/template/btn_span.gif) no-repeat;display: block;line-height: 14px; height:32px; margin:0px 0px 0px 0px; padding: 6px 0px 0px 15px; float:left;}
#hd a.btn:active{outline: none; /* hide dotted outline in Firefox */}
#hd a.btn:active span{padding: 7px 0px 0px 15px;}
#hd a.btn img{float:left; width:auto;}
/* =============== Housing List =================== */
.housingOptionList_left {width:46%;float:left; padding-right:6%;}
.housingOptionList_right {width:46%;float:left;}
/* ================== Tabular Data ============== */
.tabular{background:#fff; font-size:93%; border-collapse:separate; border-spacing:1px;}
.tabular th{background:#000; color:#fff; font-weight:bold; padding:2px 7px;border-bottom:2px solid #fff;}
.tabular td{padding:3px 7px; background:#f5f5f0; border-bottom:2px solid #fff;vertical-align:top;}
.tabular th a{color:#fff;}
.sortUp{display:block; background:url(http://new.oberlin.edu/global2/images/template/icon_sortUp.gif) no-repeat top right;}
.sortDown{display:block; background:url(http://new.oberlin.edu/global2/images/template/icon_sortD.gif) no-repeat top right;}
.popUp{background:#fff; width:500px; z-index:100; padding:10px; border:1px solid #ccc; position:absolute;}
/* ---- News & Media - Search Archives (form)---- */
.newsButtons{float:right; margin:5px 0px 0px 0px;}
.ie .newsButtons{float:right; margin:5px 0px -5px 0px;}
.ie #searchHeadline .scrollbox{margin:23px 0px 0px 0px;}
.threeCols .rssWrapper{position:absolute; margin:-45px 0px 0px 0px; right:315px;}
.threeCols .rssWrapperEdit{position:absolute; margin:-85px 0px 0px 0px; right:200px;}
/* ----------- Headlines ------- */
#searchHeadline{background:#F5F5F0; padding:15px 15px 5px 15px; margin:0px 0px 10px 0px;}
.ie #searchHeadline{padding:15px 15px 15px 15px;}
#searchHeadline input, #searchHeadline a{float:left; margin:0px 10px 0px 0px;}
#searchHeadline .comboWrapper{float:left; margin:0px 0px 0px 40px; padding:0px 20px; border-left:1px solid #e2e1dd;}
#searchHeadline label{float:left; font-weight:bold;}
#searchHeadline .combo{width:100px; float:left; margin:0px 0px 0px 10px;}
#searchHeadline .scrollbox{width:127px; font-weight:normal; border:1px solid #e2e1dd; margin:23px 0px 0px 99px;}
/* ----------- Press Headline ------- */
#pressHeadline{background:#F5F5F0; padding:15px 15px 5px 15px; margin:0px 0px 10px 0px;}
.ie #pressHeadline{padding:15px 15px 15px 15px;}
#pressHeadline input, #pressHeadline a{float:left; margin:0px 10px 0px 0px;}
#pressHeadline .comboWrapper{float:left; margin:0px 0px 0px 40px; padding:0px 20px; border-left:1px solid #e2e1dd;}
#pressHeadline label{float:left; font-weight:bold;}
#pressHeadline .combo{width:130px; float:left; margin:0px 0px 0px 10px;}
#pressHeadline .scrollbox{width:157px; font-weight:normal; border:1px solid #e2e1dd; margin:23px 0px 0px 99px;}
/* ==== Photo Gallery ====== */
.galleryWrap{position:relative; width:300px;}
.thumbWrap{clear:both; height:20px; background:url(http://new.oberlin.edu/global2/images/template/bg_transparent.png); width:280px; bottom:0px; left:0px; position:absolute; z-index:5; padding:3px 10px;}
.ie6 .thumbWrap{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://new.oberlin.edu/global2/images/template/bg_transparent.png', sizingMethod='scale');}
.ie .thumbWrap{bottom:3px;}
/* ==== Did You Know ==== */
.greenGrad{background:url(http://new.oberlin.edu/global2/images/template/bg_didUKnow.gif) #84d727 repeat-x; margin:0px 0px 15px 0px;}
.threeCols .greenGrad{width:135px;}
.threeColsWide .greenGrad{width:300px;}
.greenGrad .wrap{padding:15px 10px 10px 10px;}
.greenGrad img{margin:0px 0px 10px 0px;}
.orange .greenGrad{background:url(http://new.oberlin.edu/global2/images/template/bg_didUKnowOrange.gif) #f7bb01 repeat-x;}
/* =============== Pagination =================== */
.paginate{margin:0px 0px 0px 0px; font-size:93%;}
.paginate ul{margin:10px 4px 0px 0px;padding:0px;}
.paginate li{list-style:none; float:left; background:none; padding:0px; margin:0px;}
.paginate li a{padding:1px 3px; margin:0px 2px 0px 0px;}
.paginate li .active {color:#000;}
.paginate div{height:1px;}
/* ========== Shaded Box ========== */
.shaded{background:#F6F5F1; padding:5px 10px; margin:15px 0px; border:1px solid #eaeaea;}
.shaded ul{margin-bottom:5px;}
.alertbox {margin-bottom: 12px; padding: 7px 11px; background-color: #ffebf0; border: 1px solid #c87a7a;}
.alertbox strong, .alertbox b {color: #b23e3e; font-weight: bold;}
/* ======================== AZ ============================== */
.azSearch_alphabet {background:#F6F5F1; padding:0px 5px; margin:15px 0px; border:1px solid #eaeaea;}
.azSearch_alphabet ul{margin:0px 0px; padding:0px;}
.azSearch_alphabet li{float:left; list-style:none; padding:5px;}
.azSearch_alphabet li.active a{font-weight:bold;text-decoration: none;}
.azSearch_alphabet a{text-decoration: none;}
.azSearch_alphabet li a:hover{text-decoration: none;}
.azSearch_alphabet li.empty a{color:#666666;text-decoration: none;}
.azSearch_alphabet li.empty a:hover{color:#666666;background:none;cursor:default;pointer:default;text-decoration:none;}
.grayBox {background:#F6F5F1; padding:5px 5px; margin:15px 0px; border:1px solid #eaeaea; }
.indent_1{margin:0px 0px 0px 20px;}
/* ============== Three column headlines ================================ */
.threeColumnContainer{background-image:url(/global/images/template/threecols_bg.gif);background-repeat:repeat-y;overflow:hidden;width:625px;margin:0px;}
.threeColumnContainerHeader{display:block;position:relative;top:0px;left:-11px;width:640px;height:12px;
background-image:url(/global/images/template/threecols_topmargin.gif);background-repeat:no-repeat;margin:0px;}
.ie6 .threeColumnContainerHeader{width:630px;}
.threecolumnHeadline{width:650px;}
.threecolumnHeadline div{float:left;width:195px; margin-right:20px; margin-top:11px;white-space:normal;}
/* ============================ Directory Search============================ */
#directoryForm .btnSearch, #directoryForm .btnReset{margin:10px 15px;}
#directoryForm select{border:1px solid #c1c1c1; width:280px;}
#directoryForm .text{width:140px;}
#directoryForm{display:block;background:#f5f5f0;padding:15px;}
#directoryForm legend{display:none;}
#directoryForm fieldset p{display:block;}
#directoryForm .small{font-size:85%;font-style:italic;}
.directoryFormFirstColumn{float:left;width:180px;}
#directoryForm dl{display:block;}
#directoryForm dd{margin-left:0px;display:block;}
#directoryForm dt{margin-left:0px;display:block;}
.directoryFormSecondColumn{float:left;width:320px;}
.directoryFormThirdColumn{float:left;padding-top:4px;}
.scrollbox {background-color:#FFFFFF;border:1px solid black;height:150px;width:280px;display:none;position: absolute; overflow: auto; z-index:100;}
.radioInputs a{float:left;margin:0px;}
.radioInputs label{float:left;margin-left:2px;margin-right:10px;}
.radioInputs input{display:none;}
#directoryForm .btnSearch {background:transparent url(/global2/images/template/btnSearchBig.gif) no-repeat scroll 0 0;display:block;height:35px;width:138px;}
#combotext{cursor:pointer;}
/* ==================== Tag Cloud ==================== */
.tags a{line-height:131%; color:#000;text-decoration:none; font-family:Arial;}
.tags a:hover{color:#a91d34;}
.tags a.XSmallTag{font-size:85%;}
.tags a.smallTag{font-size:93%;}
.tags a.mediumTag{font-size:116%;}
.tags a.largeTag{font-size:131%; font-weight:normal; }
.tags a.xLargeTag{font-size:138.5%; font-weight:normal;}
/* ================= Flash Wrapper (Old) =============== */
.flashWrapper{position:absolute;z-index:6;width:512px;padding:10px;background:#fff;border:1px solid #ddd;}
.flashWrapper span{float:left;font-weight:bold;margin:15px 0px 0px 0px;}
.flashWrapper p{margin:10px 0px 0px 0px;font-weight:bold;float:right;}
/* ======================== Small Side Frame =========================== */
.frameWrap.small{width:227px; margin:0px 0px 10px 10px;}
.frameWrap.small .frameBody{width:180px; height:auto; padding:10px 20px;border:1px solid #eee;}
.ie6 .mainCol .frameWrap.small .frameBody{margin-top:-5px;}
.frameWrap.small h4{ margin:0px 0px 0px 0px; font-size:100%; padding:0px 0px 0px 0px;}
.frameWrap.small img{margin:10px 0px 5px 0px;padding:0px 0px 0px 0px;border:0px;}